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&url=" + data:post.url + "&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 + "&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 + "&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 + "&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&Url=" + data:post.url + "&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 + "&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 + "&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 + "&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 + "&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.
Ijin nyedot juragan… hehehe… terima kasih sharing ilmunya..
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…
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.
makasih ilmunya oom, langsung bisa dipake, keren!
@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
@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.
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
@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.
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
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”
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.
mas abi ini kok pinter bangt ya? he he..
makasih bos suhu atas ilmunya
kapan nih ada ujian naik tingkat atau naik sabuk hehe
Abi postingnya MANTAP dan mau ku praktekkan tapi kok tidak mau, selalu muncul pesan :
itu kenapa ya ?
bagaimana dong klo gitu ?
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.
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
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.
Terima kasih ya Abi, akan saya coba kalau ada waktu yang lumayan banyak, karena sekarang lagi sibuk ujian nih
Sudah tak Coba om Abi….
ternyata langsung tokcer terkewer-kewr…..
MANTAB
Kangiyud´s last blog post..Undian Berhadiah Laptop, HP dll dari Dynasis
Wah… koq nggak sama dengan yang ada di blog ini ya Mas??? saya mau yang sama dengan di blog ini ada tidak Mas??? Hehehe…
terima kasih mas…berhasil di blog saya… ^_^
Sebagai pemula saya sangat lega menemukan blog Mas Abi,postingannya mantap benee…rr. ijin sedot n coba pasang. Thanks
Nice INFO nih… izin sedot…. Thanks Brooo
thank u again…sip!!
Berhasil mas! Makasih banyak ya buat tips-nya. Salam kenal.
bos link nya di updated dong soalnya dah ga berfungsi
liat di blog saya contohnya
thanks for update bos
Assalamualaikum…
Terima kasih ya tutor nya ….
wah… sekali nyobain langsung tokcer… mantabz bro…. thanks
terima kasih atas infonya, mo lsg nyoba
thanks mas ilmunya berguna skali…
Nice tutorial …
Thanks for share ….
Gbu …
nice tutor…thanks
tp tolong d update dh g bs dpke lg skr..
kang kalo mau naruh bookmark facebook gimana caranya???
Wah, makasih infonya. Sangat sangat bermanfaat.
makasih banyak tips triknya
Salam kenal …
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….
saya find script di code html template saya kok ga ada ya mas?
thx ~GBU~
kalo wordpress gimana mas?
oya, bookmark yg di samping posting mas ni keren loh, gimana buatnya ya? ada tutorialnya gak??
kasi donk..
makasih tutorialnya.