Cara Membuat Social Bookmarking Pada Blog

Menambahkan social bookmarking pada blog tentunya akan memudahkan bagi pembaca (pengunjung) untuk menyimpan dan berbagi konten ke dalam suatu jaringan sosial (social network). Apa itu jaringan sosial? Kalian dapat menyimpulkannya sendiri setelah lihat gambar di bawah ini.

Terus apa fungsi dari social bookmarking itu sendiri? Begini.., kalau kalian termasuk salah satu pengguna layanan seperti yang tampak pada gambar di atas maka setiap kali kalian berkunjung pada blog atau website dimana terdapat social bookmarking pada halamannya dan kalian tertarik pada artikel, photo, film yang disajikan, maka kalian dapat menyimpan dan menyebarkannya ke dalam jaringan sosial (social network) yang kalian miliki.

Nah kalau mau tahu cara membuat social bookmarking seperti yang tampak pada gambar di atas, saya kasih tahu caranya. Here we go...!

Setelah kalian "login" pada blog yang kalian miliki, masuklah ke bagian "Tata Letak" dan pilih "Edit HTML". Sampai disini, sebelum kalian nekat mengotak atik kode, saya sarankan untuk mem-BackUp terlebih dahulu kode template kalian. Kalau sudah selesai jelajahi kode template kalian sampai ke akar-akarnya dengan mencentang tulisan "Expand Template Widget". Ho..ho.., mulai bingung nih! Gunakan Ctrl-F pada keyboard dan carilah kode di bawah ini.

]]></b:skin>

Setelah kalian temukan kode di atas letakkan script social bookmarking tepat di bawah kode ]]></b:skin> tersebut.

Download Script Social Bookmarking

Langkah berikutnya cari lagi kode di bawah ini.

<div class='post-footer-line post-footer-line-3'>

Letakkan kode social bookmarking tepat di bawah kode <div class='post-footer-line post-footer-line-3'> tersebut dan kemudian simpan.

Kode social bookmarking

<span class='bookmark'>
<table align='left' border='0' cellpadding='0' width='100%'>
<tr>
<td style='vertical-align:middle' valign='middle' width='30%'>
<div expr:id='&quot;sbtxt&quot;+data:post.id'>Bookmark this post:</div><script type='text/javascript'>showsbtext(&quot;sbtxt&quot; + &quot;<data:post.id/>&quot;,0)</script>
</td>
<td>
<a expr:href='&quot;http://ma.gnolia.com/bookmarklet/add?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,6);&quot;' target='_blank'><img alt='Ma.gnolia' border='0' src='http://img516.imageshack.us/img516/491/iconsbmagaj6.gif'/></a>
 <a expr:href='&quot;http://digg.com/submit?phase=3&amp;url=&quot; + data:post.url' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,1);&quot;' target='_blank'><img alt='DiggIt!' src='http://img516.imageshack.us/img516/7254/iconsbdigmm0.gif'/></a> <a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,2);&quot;' target='_blank'><img alt='Del.icio.us' src='http://img516.imageshack.us/img516/3225/iconsbdeljf6.gif'/></a> <a expr:href='&quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Description=&amp;Url=&quot; + data:post.url + &quot;&amp;Title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,3);&quot;' target='_blank'><img alt='Blinklist' src='http://img516.imageshack.us/img516/1107/iconsbblinj1.gif'/></a> <a expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?u=&quot; + data:post.url + &quot;&amp;=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,4);&quot;' target='_blank'><img alt='Yahoo' src='http://img516.imageshack.us/img516/2606/iconsbyahwm7.gif'/></a> <a expr:href='&quot;http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,8);&quot;' target='_blank'><img alt='Furl' src='http://img516.imageshack.us/img516/9649/iconsbfurvr3.gif'/></a> <a expr:href='&quot;http://www.technorati.com/cosmos/search.html?url=&quot; + data:post.url' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,9);&quot;' target='_blank'><img alt='Technorati' src='http://img516.imageshack.us/img516/4302/iconsbteczn7.gif'/></a> <a expr:href='&quot;http://www.simpy.com/simpy/LinkAdd.do?href=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,10);&quot;' target='_blank'><img alt='Simpy' src='http://img27.imageshack.us/img27/2626/iconsbsimqr5.gif'/></a> <a expr:href='&quot;http://www.spurl.net/spurl.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; +  data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,11);&quot;' target='_blank'><img alt='Spurl' src='http://img27.imageshack.us/img27/7243/iconsbspuqr6.gif'/></a> <a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,17);&quot;' target='_blank'><img alt='Reddit' src='http://img27.imageshack.us/img27/1599/iconsbredvh2.gif'/></a> <a expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot; + data:post.url +  &quot;&amp;title=&quot;+data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,19);&quot;' target='_blank'><img alt='Google' src='http://img27.imageshack.us/img27/3796/iconsbgoojx9.gif'/></a>
</td>
</tr>
</table>
</span>

Huuu..., Akhirnya! Sekarang coba lihat blog kalian. Bagaimana? Sudah nampak belum social bookmarkingnya seperti gambar di atas. Congratulations aja deh!