10 Search Engine Forum Negeriku

Menaruh Barisan Social Bookmark Seperti Technocrati, StumbleUpon, Digg Ditiap Posting Blogger

Kali ini tutorial mengenai cara menaruh deretan social bookmark yang terdiri dari Digg, StumbelUpon, Technocrati, Del.icio.us, Yahoo, Simply, Furl, Spurl, Blinklist dan Reddit. Semuanya dalam satu deret dibawah setiap posting blog anda, untuk memudahkan pengunjung/pembaca blog untuk melakukan bookmarking dari posting anda dan men-sharingnya kepada dunia, beserta image dari masing-masing servis social bookmark, contohnya bisa dilihat dibawah posting ini. Caranya:

1. Login ke blogger.com.
2. Layout.
3. Edit HTML.
4. Klick “Expand Widget Template”.

Ini adalah kodenya:

<br/>
<a expr:href='"http://digg.com/submit?phase=2&amp;url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Digg' src='http://i191.photobucket.com/albums/z76/tipsfornewbloggers/digg.gif'/></a>
<a expr:href='"http://technorati.com/faves?add=" + data:post.url' target='_blank'><img alt='Technorati' src='http://i191.photobucket.com/albums/z76/tipsfornewbloggers/technorati.gif'/></a>
<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='del.icio.us' src='http://i191.photobucket.com/albums/z76/tipsfornewbloggers/delicious.gif'/></a>
<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Stumbleupon' src='http://i191.photobucket.com/albums/z76/tipsfornewbloggers/stumbleupon.gif'/></a>
<a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Reddit' src='http://i191.photobucket.com/albums/z76/tipsfornewbloggers/reddit.gif'/></a>
<a expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Url=" + data:post.url + "&amp;Title=" + data:post.title' target='_blank'><img alt='Blinklist' src='http://i191.photobucket.com/albums/z76/tipsfornewbloggers/blink.gif'/></a>
<a expr:href='"http://www.furl.net/storeIt.jsp?t=" + data:post.title + "&amp;u=" + data:post.url' target='_blank'><img alt='Furl' src='http://i191.photobucket.com/albums/z76/tipsfornewbloggers/furl.gif'/></a>
<a expr:href='"http://www.spurl.net/spurl.php?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Spurl' src='http://i191.photobucket.com/albums/z76/tipsfornewbloggers/spurl.gif'/></a>
<a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?t=" + data:post.title + "&amp;u=" + data:post.url' target='_blank'><img alt='Yahoo' src='http://i191.photobucket.com/albums/z76/tipsfornewbloggers/yahoo.gif'/></a>
<a expr:href='"http://www.simpy.com/simpy/LinkAdd.do?href=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Simpy' src='http://i191.photobucket.com/albums/z76/tipsfornewbloggers/simpy.gif'/></a>

Pilihan Penempatan:

Jika anda ingin menaruhnya tepat dibawah posting, maka ini contohnya:

<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!– clear for photos floats –>
</div>
Taruh Kodenya Disini
<div class='post-footer'>
<p class='post-footer-line post-footer-line-1'>

Jika ingin menaruh kode social bookmark di atas label, maka ini contohnya:

Taruh Kodenya Disini
<p class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:post.labels'>

Dan jika ingin meletakan dibawa label, ini contohnya:

<p class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'>
<data:label.name/>
</a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
</p>
Taruh Kodenya Disini

Sehingga setiap kali pengunjung anda ingin membookmark posting dari artikel yang mereka baca, mereka tinggal klik saja. Dan sebagai uji coba, silahkan anda men-stumble, dan mendigg artikel ini…:)

Sekian dan semoga bermanfaat! & Sampai jumpa di posting berikutnya.

Wassallam.

Filed Under: Blogger

Tags: , ,

About the Author

Hai saya Abi

Comments (39)

Trackback URL | Comments RSS Feed

  1. Ellias McMunny says:

    Ijin nyedot juragan… hehehe… terima kasih sharing ilmunya..

  2. Eucalyptus says:

    Wah, kesini udah ganti lay out ya? Sampe pangling neh… Abi kenapa gak ikutan kopdar? Kan waktu itu terbuka lho utk siapa aja yg mau…

  3. Robbie Alca says:

    Setelah keringetan berjalan2 di Homenya om Google akhirnya saya nemuin blog Mas Abi ini.O ya ada sedikit pertanyaan nih mas.gimana cara merapatkan dan mengecilkan bookmark seperti yg anda lakukan itu….Tolong di jawab.Sekalian blog anda saya link ya…

    Wassalam.

  4. soldier side says:

    makasih ilmunya oom, langsung bisa dipake, keren!

  5. Abi Bakar says:

    @ellias mcmunny, silahkan bro.

    @eucaliptus, iya nih ganti template…wah ga tau infonya tuh:)

    @robby alca, kalau saya langsung dipasang aja mas, ga diapa2x in lagi, karena imagenya memang di set seukuran itu.

    @soldier side, sama2x bro

  6. Abi Bakar says:

    @Robbi, link backnya menyusul ya sbab saya belum bisa login ke blogger.com nih dari tadi pagi, ga tau kenapa…nanti pasti saya link back stelah bisa login…insha Allah.

  7. Robbie Alca says:

    Begini loh Bro,bookmark di blog saya ko’ besar ya.Maksud saya ada gk tips untuk mengecilkan ukuran imagenya sehingga images bookmark yg ada di blog saya tidak terlalu besar.Atas dasar itulah saya menghapus satu icon dari bookmark yang ada.

    God Bless Bro

  8. Abi says:

    @Robbie iya saya ngerti, coba masukin kode ini:

    img.emoticon {
    padding: 0;
    margin: 0;
    border: 0;
    }

    Taruhnya tepat sebelum tag ini: ]]></b:skin>

    Moga2x berhasil.

    • Rigih says:

      belum berhasil pak
      ga nemu kode/ tagnya je. lha saya malah binun ini
      mohon bantuannya lagi deh pak. di edit dlu kode2 di atas pak.biar jadinya kecil2 imagenya
      makasih pak

  9. Pascal says:

    wah sip buanget deh, tipsnya tak coba-coba ah!!!!!

    Oh ya tentang adsense dibawah posting, maaf deh kalo postingan saya menyinggung Anda. Saya tunggu deh artikelnya yang “naro adsense dibawah posting”

  10. Abi says:

    sama2x bro, wah saya ga merasa tersinggung tuh, komennya seperti orang tersinggung yah? heheheh sorry deh.

    iya nanti saya posting tutorial ttg itu, tapi nanti yah setelah template saya bener nih.

  11. [...] 5. Pasang social bookmark ditiap posting: jika pengunjung blog anda ialah para social bookmarker maka ada baiknya memudahkan mereka untuk mensubmit konten anda ke layanan social bookmark seperti digg, stumbleupon dll, lalu maka kenapa tidak membantu mereka? Silahkan ke memasang barisan social bookmark. [...]

  12. Daniel GM says:

    mas abi ini kok pinter bangt ya? he he..

  13. alfin-bjm says:

    makasih bos suhu atas ilmunya
    kapan nih ada ujian naik tingkat atau naik sabuk hehe
    :lol:

  14. IHSAN says:

    Abi postingnya MANTAP dan mau ku praktekkan tapi kok tidak mau, selalu muncul pesan :

    Harap perbaiki kesalahan di bawah, dan kirimkan template Anda lagi.
    Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
    Pesan error XML: The content of elements must consist of well-formed character data or markup.

    itu kenapa ya ?
    bagaimana dong klo gitu ?

    • Abi Bakar says:

      Maaf Ihsan baru respon,

      Penyebab utama kode diatas tidak bisa di simpan karena tag pembuka ini:

      <!– Start of social bookmarks. –><br/>

      Dan penutupnya:

      <!– End of social bookmarks –>

      Ke 2 tag tersebut tidak tampil sempurna saat saya melakukan transfer (import) isi blogger ke blog wp ini. Karena itu Ihsan tidak bisa menyimpannya, solusinya taruh saja kode social bookmarknya tanpa ke 2 tag tersebut di template Ihsan, seperti di posting diatas.

  15. ireng_ajah says:

    Maf mas..kalo ada yg belum daftar bookmarknya gimana??

    Trus..itukan script mas, nti kalo kita masukan ke blog kita, apakah nti yg ke share adalah konten blog kita??

    Aku kira mas paham dengan pertanyaanku..binun nyusun katanya n msih newbie juga..

    thanks

    • Abi Bakar says:

      Harus mempunyai account dulu di social bookmarknya,

      Iya konten dan halaman blog kita yang dishare, contohnya silahkan ke: SEO di halaman ini terdapat barisan social bookmark, misal mas Ireng sudah punya account di Digg, kemudian klik button digg disitu, nanti akan lansung di arahkan ke area submit link, mas Ireng tinggal beri deskripsi, kategori dan submit.

      Kalo belum jelas sila tanya lagi.

  16. ihsan says:

    Terima kasih ya Abi, akan saya coba kalau ada waktu yang lumayan banyak, karena sekarang lagi sibuk ujian nih

  17. Kangiyud says:

    Sudah tak Coba om Abi….
    ternyata langsung tokcer terkewer-kewr…..

    MANTAB

    Kangiyud´s last blog post..Undian Berhadiah Laptop, HP dll dari Dynasis

  18. Wah… koq nggak sama dengan yang ada di blog ini ya Mas??? saya mau yang sama dengan di blog ini ada tidak Mas??? Hehehe…

  19. Amar says:

    terima kasih mas…berhasil di blog saya… ^_^

  20. zoeloz says:

    Sebagai pemula saya sangat lega menemukan blog Mas Abi,postingannya mantap benee…rr. ijin sedot n coba pasang. Thanks

  21. agoeslive says:

    Nice INFO nih… izin sedot…. Thanks Brooo

  22. nindrianto says:

    thank u again…sip!!

  23. iskandaria says:

    Berhasil mas! Makasih banyak ya buat tips-nya. Salam kenal.

  24. dbs pulsa says:

    bos link nya di updated dong soalnya dah ga berfungsi
    liat di blog saya contohnya

  25. dbs pulsa says:

    thanks for update bos

  26. ammadis says:

    Assalamualaikum…
    Terima kasih ya tutor nya ….

  27. agaz says:

    wah… sekali nyobain langsung tokcer… mantabz bro…. thanks

  28. dessy says:

    terima kasih atas infonya, mo lsg nyoba :D

  29. kampiabareh says:

    thanks mas ilmunya berguna skali… :D

  30. Schwarzkophf says:

    Nice tutorial …
    Thanks for share ….
    Gbu …

  31. trydi5 says:

    nice tutor…thanks
    tp tolong d update dh g bs dpke lg skr..

  32. deva says:

    kang kalo mau naruh bookmark facebook gimana caranya???

  33. bisnispasti says:

    Wah, makasih infonya. Sangat sangat bermanfaat.

  34. makasih banyak tips triknya

  35. rudi says:

    Salam kenal …

  36. sibungsu says:

    makasih banyak banyak ya om abi,jg lupa mampir end kasih komen di tempat ku yg jelek,siapa tau dg kedatangan om abi blog ku menjadi berkesan hehe….