Menambah "Social Bookmarking" di Bawah Postingan

Hallo sobat blogger, kali ini saya ingin memberikan sobat sebuah tips untuk membuat bottom socian bookmarking tepat berada di bawah postingan kita. Widget ini memang agaklebih sederhana jika dibandingkan dengan yang lainnya. Tapi saya menyarankan supaya sobat blogger mencobanya dulu.

Sebagai pratinjaunya, kira-kira tampilan buttom nya adalah seperti gambar berikut ini:

Nah, sobat blogger sudah tahu kan seperti apa nantinya tampilan buttom social bookmarkingnya. Jika sobat blogger ingin membuatnya, carannya gampang ko.


1. Sobat blogger login ke blogger.com dengan account sobat
2. Pada dashboard blog sobat, silahkan pilih Layout ==> Edit HTML
3. Jangan lupa Expand Widget Templates bloa anda
4. Silahkan cari kode berikut ini (Tekan ctrl+F dan masukkan kode yang akan dicari)

data:post.body

5. Jika sudah ketemu, silahkan Letakkan kode brikut ini dibawah kode yang tadi anda cari.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<table border='0'>
<tr>
<td>
<!--Stumbleupon-->
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='StumbleUpon Button Link'/></a>
</td>
<td>
<!-- Twitter -->
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Twitter' src='Twitter Button Link '/></a>
</td>
<td>
<!--DIGG-->
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;  + data:post.url' rel='external nofollow' target='_blank'><img alt='Digg This' src='DIGG Button Link '/></a>
</td>
<td>
<!--Email a Friend-->
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
              <img alt='' src='EMAIL Button Link'/>
          </a>
</td>
<td>
<!--Facebook-->
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action= like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; margin-top:16px; height:40px;'/>
</td>
</tr>
</table></b:if>

Untuk kode yang berwarna BIRU, silahkan anda ganti dengan alamat URL buttom social bookmarking nya.
6. Kalau sudah selesai, silahakan Simpan Template dan lihat hasilnya.
Semoga bermanfaat, mohon maaf jika ada kesalahan. (Jkt/2012)