Perjalanan hidup menuju Ilahi: Social bookmark

Assalamualaikum...

Kali ni, kita cuba tambah social bookmark pula. Social bookmark yang comel ni supaya orang senang contact dengan kita. Dan juga untuk mendapatkan traffic.

Inilah rupa social bookmark itu.

Mula-mula, masuk Layout blog dan klik edit HTML. Kali ni kena check Expand Template Widget.

Kemudian, letak code di bawah ni di atas tag ]]></b:skin

.rsociales ul {
display:inline;
margin:0pt !important;
padding:0pt !important; }
.rsociales li {
background:transparent none repeat scroll 0%;
display:inline;
list-style-type:none;
margin:0pt;
padding:2px; }
.rsociales img {
border:0pt none;
float:none;
margin:0pt;
padding:0pt; }
.rsociales-sobre { opacity:0.4; }
.rsociales-sobre:hover { opacity:1; }

Kemudian, letak pula code di bawah ni di bawah <div class="post-footer-line post-footer-line-3">

<div class='rsociales'>
<ul>
<li><a expr:href='"http://www.technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Technorati' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguB6hLmm5fX0Vdr1VG-buQpkhMI-GuFnVvuf83pppJJXYRMJt6UOq7Q3WEinZFATgC3vU21jpUlTZ2s8YHZ6sy_vT1ZvRTioCJAeWw4JGpmr_Ofz-ewOtuO-COeGMyX8vphLXHXE3duO4/s1600/technorati.gif'/></a></li>

<li><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Del.icio.us' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV_s_TpIscXxNCiSrDTACuRUHt8wvyjx9OOrqnsjzQKNm3VpeOBywOYOCIwec_U5n0nsDcqKe6u67gM6mOo0jWlZSxj2BgMH9mx_tJVgbVS5PYHy5IVt5c4VXGlP2-CMNfwKFpczQbt2I/s1600/delicious.gif'/></a></li>

<li><a expr:href='"http://digg.com/submit?phase=2&amp;url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a DiggIt!' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT61Tx4CK8-J9U2kfrkbB8t1v8NdMDrzK-CzWs9zLqdce05E9UK2FGEAC425r52AyI55_X26npo5HQGkInbvqLsy3xIBRgiB3g2IjyDJWccdLUyV9iK8oAEneYGOuaiL76Nc_Iy7Cdvlc/s1600/digg.png'/></a></li>

<li><a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Yahoo!' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ8_BOM8QhySrhmdTKbt22dN06Nyjf0yBh7z997fttLkyn7oFy27UO_-SCIMHpYpZyL1n5XH0hp8DyoU6Zbu3WmuMNVw9J6VQNn4zSAO0NlEYImtRCmz9vf2_PELvHCyIv7rLAQbhA7j8/s1600/yahoo.png'/></a></li>

<li><a expr:href='"http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Google' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0J_P82arJJISPLDk8MJ6qPrml8cT15PZC5bhtRXaZ17dPrdNif67RBr-_IwwfhMEnhaixGX1O8QyXjyaiYFhJyf4zoJpaD0wsVPZG8LvMZPRTRIfYhLEtwWPRALq-_5yanlRKuoelXsg/s1600/google.gif'/></a></li>

<li><a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Reddit' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqqPtYiwS4AJCJOdJTSn2h4id9tko8S7TESKJ1v05rYxuremXZMVQjo8awjY4UTJDPR_4rk-YTDP4P_B1LD2Prb1caPD1DefIvj38QWlDQrIg9GtPB2FR0g7jmCvUOFpO55rJk0cpYZNc/s1600/reddit.gif '/></a></li>

<li><a expr:href='"http://blogmarks.net/my/new.php?mini=1&simple=1&url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a Blogmarks' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiWoq4olXoA3ZrcNf4mA0z4oTOHXSyM8HTbHAV87zAkWrcloQQYREqlxR66UdhVA3gI9w1XBiTekrzetUH2FNhDmXfEYmrGOtWmkapOFZcMVfBmFkuLOvCmOqE_or1zehWDEadz6oFHiQ/s1600/blogmarks.gif'/></a></li>

<li><a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a facebook' class='rsociales-sobre' src='http://lh5.ggpht.com/jaloee/SJNIyWWQmEI/AAAAAAAACRY/4GVE3Qxqg34/facebook.gif'/></a></li>

<li><a expr:href='"http://twitter.com/home?status=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Agregar a twitter' class='rsociales-sobre' src='http://lh6.ggpht.com/jaloee/SJNIyl7oKlI/AAAAAAAACRc/8cc7q_upZI4/twitter.gif'/> </a></li>
</ul>
</div>

boleh tukar dengan social bookmark yang kita ada atau delete mana yang tiada. boleh juga letak pada footer-line-2 atau footer-line-1. Boleh juga digunakan sebagai post-footer kalau nak letak HTML code yang lain.

sumber: muncet, catalog tutorial