Bookmark Script

Yuph, mungkin masih banyak yang penasaran dengan tombol Bookmark. Fungsinya tentu saja menjadikan blog kita menjadi halaman favorite pad browser client. Contohnya, kamu bisa lihat pada Navbar di blog ini, terdapat tombol bergambar Bintang berwarna kuning (diatas! coba lihat).

Atau coba saja kamu klik tombol ini: ☺

Nah. gak usah banak basa-basi langsung aja kita bikin tombol bookmark sederhana.

Pertama, kamu masuk ke Edit HTML pada template kamu, lalu masukkan kode dibawah ini diatas kode </head>

<script type='text/javascript'> //Bookmark Script http://www.DickeyMaru.com/ Code start
function DADbookmark(title,url){
if (window.sidebar) // firefox
window.sidebar.addPanel(title, url, "");
else if(window.opera &amp;&amp; window.print){ // opera
var elem = document.createElement('a');
elem.setAttribute('href',url);
elem.setAttribute('title',title);
elem.setAttribute('rel','sidebar');
elem.click();}
else if(document.all)// ie
window.external.AddFavorite(url, title);} </script>

Nah, kalo udah, simpan templatenya.

Lalu, langkah kedua, untuk membuat tombolnya, seperti ini:
<a href="javascript:void(0);" onclick="DADbookmarkundefined'JUDUL BLOG KAMU', 'URL BLOG KAMU');">Bookmark This Page!</a>

Ganti kata Bookmark This Page! dengan kata-katamu sendiri.
Ganti URL BLOG KAMU dengan alamat blog kalian
Ganti JUDUL BLOG KAMU dengan judul atau title pada blog kalian.

Tadi adalah bookmark dengan link text, kalo pake gambar gimana?
Ganti aja teks Bookmark This Page!!! Dengan kode gambar kamu sendiri. Bisa kan?
Kalo kurang jelas, pake code yang ini aja deh:

<a href="javascript:void(0);" onclick="DADbookmark('JUDUL BLOG KAMU', 'URL BLOG KAMU');"><IMG SRC="URL GAMBAR KAMU DISINI" ALT="Bookmark" title="Bookmark This Page!" /></a>

Tinggal ganti URL gambar kamu disini.


Masih ada masalah? Iya nih, kan tombol bookmark itu hanya untuk membookmark HomePage aja.
Jika kamu ingin membuat tombol bookmark yang otomatis link dan judulnya mengikuti halaman yang sedang dibuka, ada kok caranya.
Untuk membuat yang seperti itu, kodenya seperti ini:

<a href="javascript:void(0);" onclick="DADbookmark(document.title, location.href);"><IMG SRC="URL GAMBAR KAMU DISINI" ALT="Bookmark" title="Bookmark This Page!" /></a>

Okeh, met mencoba. Kode yang ke-3 diatas (Link dan Judul otomatis) belum pernah ditulis di blog manapun. Jadi, semoga artikel ini dapat membantu ^_^
Comments

4 comments:

Related posts
Guestbook
Author


© 2008 - 2016 DickeyMaru
Blogger Template Win 8 design by Dark Ard from DeezClan | All rights reversed.
  • Post
  • Comments
  • Related
  • Guestbook
  • Author
  • Other