Kamis, 03 Februari 2011

Script Tombol Bookmark This

cara membuat tombol link script bookmark this
Beberapa hari tidak update gatal rasanya tangan ini untuk menulis. Pada hari ini saya akan sharing tutorial sederhana yang dirasanya fungsi tombol ini sangat penting untuk dibuat pada menu blog anda yaitu cara membuat script bookmark. Mungkin anda sudah sangat paham dan mengetahui fungsi tombol ini apabila digunakan pada blog anda. Fungsi dari tombol script ini adalah untuk memerintahkan browser agar menyimpan alamat blog atau situs tersebut pada daftar bookmark browser yang digunakan. Meskipun biasanya pada menu browser internet yang kita gunakan terdapat tombol bookmark ini namun apa salahnya jika kita tambahkan tombol ini pada blog kita. Keuntungan dari script ini adalah untuk mengingat dan memudahkan pengunjung ketika ingin mengakses kembali blog kita, sehingga dapat mempertahankan pengunjung melakukan kunjungan rutin. 

Berikut cara membuat script tombol bookmark this pada blogger: 
1. Log in ke account blogger anda, kemudian pilih menu Design > Edit HTML, lalu temukan kode </head>
2. Tambahkan Javascript berikut di atas kode tadi:
<script type='text/javascript'>
function bookmarksite(title,url){if (window.sidebar)
window.sidebar.addPanel(title, url, &quot;&quot;); else if(window.opera &amp;&amp; window.print){var elem = document.createElement(&#39;a&#39;);
elem.setAttribute(&#39;href&#39;,url); elem.setAttribute(&#39;title&#39;,title); elem.setAttribute(&#39;rel&#39;,&#39;sidebar&#39;); elem.click();}
else if(document.all)
window.external.AddFavorite(url, title);}
</script> 
3. Save Template

Untuk melengkapi fungsi script di atas selanjutnya anda harus membuat tombol atau link bookmark. Ada 2 opsi yang dapat anda buat dan keduanya pula dapat dibuat dengan bersamaan pada satu halaman blog:
1. Text link:
<a href="javascript:bookmarksite('Nama Blog', 'URL Blog')">Bookmark blog ini!</a> 
2. Image link:
<a href="javascript:bookmarksite('Nama Blog', 'URL Blog')"><img src="http://urlgambarbookmarkanda.com" border="0"/></a>
Note:
Jika nama blog anda terdapat tanda kutip misalnya Ihsanul Huda's Blog, maka tambahkan backslashed (\) pada Javascript linknya, sehingga untuk contohnya menjadi:
<a href="javascript:bookmarksite('Ihsanul Huda\'s Blog', 'http://insanshalih.blogspot.com/')">Bookmark blog ini!</a> 

Tombol link bookmark dapat anda pasang dimana saja baik di postingan ataupun gadget blogger anda. Silakan dicoba.

Tidak ada komentar:

Posting Komentar