Membuat Tanda Tangan(Signature) Online

Saya pernah melihat sebuah blog yang di setiap akhir Postingannya terdapat tanda tangan [terlihat resmi],waktu itu saya kepikiran untuk membuat postingan cara membuat Tanda Tangan/Signature tersebut,tapi karna ada postingan lain yang mau di buat,jadinya cara membuat Signature Online ini belakangan aja,tapatnya pada kesempatan ini.Sudahlah kita langsung masuk aja ke topic,Tanda tangan atau Signaturebiasa kita tuliskan pada sebuah surat,Tentu tanda tangan setiap Orang berbeda,lalu bagaimana jika kita ingin menambahkan/membuat tanda tangan secara Online???
Setelah dicari-cari ternyata ada caranya lho,untuk membuatnya kita bisa mengunakan layanan darihttp://mylivesignature.com/ .Cara membuat tanda tangan di mylivesignature ini sangat mudah lho,berikut langkah-langkah untuk membuatnya.
1.Masuk pada situs tersebut dengan mengetikan http://mylivesignature.com/ pada address bar anda,jika sudah masuk,klik tab Start Now
2.Lalu pilih Create Signature
3.Lalu Pilih Using the signature creation wizard
4.Lalu masukan nama Anda pada kotak Name, Klik Next Step.
5.Pada bagian ini Anda dapat memilih bentuk(font) tanda tangan yang hendak digunakan, lalu klikNext Step.
6.Pada Bagian ini anda dapat menentukan ukuran(Size) tanda tangan yang anda buat,lalu klikNext Step.
7. Pada Bagian ini anda dapat menentukan warna(Colour) tanda tangan yang anda buat,lalu klikNext Step.
8. Pada Bagian ini anda dapat menentukan arah(Slope) tanda tangan yang anda buat,lalu klikNext Step.
9.Lalu akan tampil HTML Generating Code,Klik pada Want To Use this Signature.
10.Setelah tampil pilihan Generating signature code,anda klik yang HTML-nya atau pada linkGenerate HTML code.
11.Lalu Pada Generated HTML code pilih Generate a code for my handwritten signature.
12.Lalu Copy kode yang ada
13.Lalu masuk ke Dashboard klik Pengaturan >> Format.
14.Pada kotak Template Posting ,masukan kode dari mylivesignature
15.Klik tombol Simpan Setelan
16.Selesai

Read More

Cara membuat Search Box pada Blog

Pada kesempatan yang lalu kita telah bicara mengenai cara memasang search engine ke blog,jika belum sempat baca,baca dulu deh disini,namun pada kota search tersebut mengarah pada search engine,lalu bagaimana dengan blog kita,apa akan ditinggalinya. Untuk itulah saya membahas masalah ini.
Pada search box ini berbeda dengan search box yang dulu,kalau kita mengetikan kata kunci pada kotak tersebut,hasilnya kita akan menemukan data yang ada hanya pada blog kita saja,jadi pengunjung semakin lama berada diblog kita.

 Jika ingin membuatnya ikuti trik berikut ini..

1.Login ke Blogger dengan ID anda

2.Klik Menu Layout

3.Klik Tab Page Element

4.Klik Pada Add a Gadget

5.Klik tulisan HTML/Javascript

6.Pastekan Kode berikut kedalam kotak yang disediakan

<form action="http://nama-blogmu.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="40" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Keterangan:
Ganti nama-blogmu dengan nama blog kamu.angka 40 menunjukkan panjang kotak (search box) semakin banyak angkanya maka semakin panjang textbox-nya
 7.Save,Lalu Lihat blog Anda
 Jika sudah selesai coba uji kotak Search Box anda dengan mengetikan kata kunci jika mengarah pada blog anda berarti tugas kita sudah berhasil.

Read More

Mengukur kecepatan blog diakses

Sobat blogger pasti menginginkan blog nya tampil sebagus,semenarik mungkin,pasang ini,pasang itu,sampai2 panjang nya udah seperti Menara Petronas(wadu tingi amat)? ngaak kok.tapi karma terlalu keasikan merias blog,Sobat blogger sampai-sampai melupakan sesuatu yang sangat penting yaitu kecepatan blog diakses dan masalah berat(Size),berapa lamanya waktu yang dibutuhkan untuk membuka Blog.




Perlu diperhatikan ,walaupun blog itu menarik atau bagus tapi jika masalah ini tidak diatasi maka akan membuat pengunjung Blog merasa jengkel karma kelamaan menunggu dan akhirnya malah menutup blog(wadu sayang amet),kamu tidak maukan jika blog mu demikian,lama,lama dan lama buaanget loadingnya.dan membuat blog mu jadi sepi pengunjung,hahaha jangan bersedih kita akan belajar sama2 untuk mengatasi hal itu.







Nha dibawah ini ada sebuah alat yang berfungsi untuk mengukur kecepatan Blog diakses atau mengukur seberapa cepat loadingnya..nha untuk menggunakannya kamu tinggal masukin aja alamat blog mu,atau alamat blog yang ingin kamu cek,lalu tekan tombol Check.kemudian hasilnya akan langsung keluar.hasil yang ditampilkan berupa Size,Load Time dan Average speed per KB,tapi yang jadi pusat perhatian adalah Size,karna Average dan Load Time dapat berubah sewaktu-waktu,jika Size menunjukan lebih dari 100KB,maka usahakanlah untuk mengurangi pernak-pernik yang tidak perlu,dengan Tool ini kamu juga bisa membandingkan blog mu dengan blog sobat blogger lainnya.




Masukan alamat Web/Blog yang ingin diuji(maksimal 10)

(contoh:http://blogkomputers.blogspot.com)

Read More

Membuat Page Navigation

Page Navigation adalah sebuah Widget yang digunakan pada Web ataupun Blog untuk memperlihatkan postingan atau artikel pada Webblog tersebut per halaman,contohnya seperti gambar dibawah ini:








Untuk lebih memperjelas pengetahuan anda mengenai Page Navigation ini silahkan menuju halaman depan[Homepage] blog ini,dibagian bawah postingan terakhir terdapat angka1,2,3,…,dst.itulah yang disebut Page Navigation.


Untuk membuatnya sangat mudah

1.Login ke blogger dengan ID anda

2.Lalu Klik Menu Templates

3.Klik Add Widget Element

4. Pilih Menu HTML/Java Script

5.Lalu Download Kode berikut dan Pastekan pada kotak HTML tersebut

<style>
.showpageArea a {
text-decoration:underline;
}


.showpageNum a {
text-decoration:none;
border: 1px solid #bbb;
margin:0 3px;
padding:3px;
}


.showpageNum a:hover {
border: 1px solid #bbb;
background-color:#bbb;
}
.showpagePoint {
color:#fff;
text-decoration:none;
border: 1px solid #fff;
background: #000;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #bbb;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}


</style>






<script type="text/javascript">


function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';




var pageCount=5;
var displayPageNum=3;
var firstPageWord = 'Awal';
var endPageWord = 'Akhir';
var upPageWord ='Sebelumnya';
var downPageWord ='Selanjutnya';






var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';


for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}


postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){


itemCount++;
}


}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}


if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}


for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}


fFlag++;
}


if(p==(thisNum-1)){
html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}


if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){


if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}


html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;


if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
}


if(postNum==1) postNum++;
html += '</div>';


if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");


if(postNum <= 2){
html ='';
}


for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}


if(pageArea&&pageArea.length>0){
html ='';
}


if(blogPager){
blogPager.innerHTML = html;
}
}


}
</script>


<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>
<div style="text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;"> <a href="http://blogkomputers.blogspot.com">Grab this Widget ~ Navigasi Halaman</a></div>

6.Save Widget tersebut

7.Scrool atau pindahkan Widget tersebut pada area dibawah posting[lihat gambar]

8.Save Template

9.Selesai

Hari ini cukup itu dulu tutorialnya udah capek jari ketik-ketik keyboard.

Read More