Thursday, August 16, 2012

Menambahkan Widget Bookmark Otomatis di Blog

Menambahkan Widget Bookmark Otomatis di Blog

Kembali saya akan membagikan sebuah tutorial yang saya tahu hehe. Oke kali ini saya akan membagikan sebuah widget yang berfungs untuk membuat bookmark otomatis. Nah maksudnya adalah ketika seorang pengunjung mengunjungi blog kamu, maka blog kamu sudah tertanda di browser miliknya. Biasanya jika suatu situs sudah di bookmark loadingnya akan lebih cepat (pengalaman sendiri) heheh. Oke langsung saja yah

1. Login ke Blogger.com

2. Klik Tata Letak --> Tambah Gadget --> HTML/Javascript dan kamu masukkan kode di bawah ini :

<script type="text/javascript">

/***********************************************
* Bookmark site script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
* Shared by Alfian J. @ HOW-TO HOUSE www.place2how-to.com
***********************************************/

function bookmarksite(title,url){
if (window.sidebar) // firefox
    window.sidebar.addPanel(title, url, "");
else if(window.opera && 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>
<a href="javascript:bookmarksite('NAMA BLOG KAMU', 'URL BLOG KAMU')"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoNj5u0pilP4y_9E5D_D39HPNeM6ugRImX1Wmd23YzhSs1MIP-Ibur_MWmV2AeDnajwMgTf0Wh3Adx43NTimt7aBGULcfb56mnpwa2fjmVEM1KGtJEeMZ0xWZYR3qdEvLg9X68mAvs5NQ/s1600/bookmark-this-site.png" /></a> 

NOTE : Kode yang berwarna biru adalah alamat gambar, kamu bisa ganti dengan gambar yang kamu inginkan dan menyimpannya di situs file hosting (seperti google code, imageshack.us, dll) dan kamu ganti alamat yang berwarna biru, dengan alamat URL gambar kamu yang sudah disimpan di file hosting tersebut.

4. Simpan deh, kalau mau lihat demonya ada di bawah loh.


Postingan Terkait:

63 comments:

  1. mantap gan...
    tutorial blognya banyak yang baru.. :D
    saya dlu terhenti dri blog buat tutorial blog, banting stir ke tema lain... hahahah

    ReplyDelete
    Replies
    1. wah kenapa berhenti gan ? jangan sampe banting stir gitu lah mending stirnya buat ane :D

      Delete
  2. wah apalagi nih sob, istilahnya kita ninggalin jejak begitukah?

    ReplyDelete
    Replies
    1. bukan sob, ini seperti membuat penanda di browser

      Delete
  3. Selalu ada ilmu yang berguna di sini ya..

    ReplyDelete
  4. terima kasih tutorialnya bermanfaat... mungkin hampir sama seperti history ya...

    ReplyDelete
  5. Replies
    1. kalau mau praktek harus dapat surat ijin praktek dulu gan hehe

      Delete
  6. wah.. matep neh.. ijin terapin dulu di blog :D

    ReplyDelete
  7. sangat berguna ini gan, makasih info nya

    ReplyDelete
  8. dynamicdrive, keren. Web source codekan itu :)

    ReplyDelete
  9. cara ngecek nya kw blognya sudah terbookmark di broser gmna ya sobat, apa sudah secara otomatis masuk di list daftar situs yang di bookmark

    ReplyDelete
    Replies
    1. sudah otomatis gan, biasanya kalau menulis beberapa huruf saja di browser akan terdapat pilihan alamat url yang sudah terbookmark

      Delete
  10. wah, terima kasih terima kasih, kebetulan saya juga pake tapi versi yang lain... secepatnya akan saya coba :D

    ReplyDelete
  11. contohnya yg kya gimana yah gan ?

    ReplyDelete
    Replies
    1. lah itu contohnya ada di atas gan, coba ente klik aja yang gambar paling bawah

      Delete
  12. Belajar banyak disini,makasih sob ya.

    ReplyDelete
  13. Otomatis gitu ya?, menarik juga. Makasi ya tutornya :)

    ReplyDelete
    Replies
    1. benar gan, sama2 makasih sudah sempat datang

      Delete
  14. kunjungan malam kang . . izin mencoba

    ReplyDelete
  15. ini sangat menarik..ternyata bookmark bisa dibuat otomatis...mantabs :)

    ReplyDelete
  16. I like sob..
    Thanks yah ilmunya..

    ReplyDelete
    Replies
    1. sam2 gan makasih juga sudah sempat datang kerumah kecil ane :)

      Delete
  17. nih kayak diary/agenda aktivitas blogwalking kita gitu ya gan,, hheehhehe
    maaf newbi.. :)

    ReplyDelete
  18. langsung dicoba sob, makasih sebelumnya

    ReplyDelete
  19. Komentar saya yang pertama ga ada. Masuk karantina yach sop,tolong dilepas,hihi.
    Makasih,met malam.

    ReplyDelete
    Replies
    1. semua komentar masuk moderasi dulu untuk mencegah komentar spam

      Delete
  20. saya hanya termangu. kapan2 saya minta diajarin nih.

    ReplyDelete
  21. maksudnya ini teh gimana gan? masih ga ngerti..
    jadi si gambar itu teh dmna di simpennya? akibatnya memperlambat blog ga?

    ReplyDelete
    Replies
    1. bookmark tau kan ? disitus file hosting. File hosting semacam situs penyimpanan online.

      lambat tidaknya tergantung besarnya file gambar dan kualitas gambar

      Delete
  22. dengan memasang widget ini membuat kita semakin mudah untuk membokmardk tanpa mesti menggunakan bantuan browser...

    ReplyDelete
  23. Mantap nih.. ane bookmark dulu,, ntar abis lebaran baru dipraktek'in.. hehehe.. :D

    ReplyDelete
  24. Owh gitu ya mas.. saya terkesan dengan loadingnya cepat....
    Makasih ilmunya

    ReplyDelete
  25. Mantap Sob.., Saya Coba dulu yah... :)

    ReplyDelete
  26. artikel menarik sob buat saya yang baru belajar ngeblog..
    ijin bookmark dulu deh buat praktek..
    ^_^

    ReplyDelete
  27. sangat mantap sob..
    izin simak dulu ya, salam kenal

    ReplyDelete

Komentarmu menunjukan kecerdasanmu, Kalau komentar cuma buat cari link buat apa ? :)

Twitter Delicious Facebook Digg Stumbleupon Favorites More