Membuat Tombol Social Bookmark dibawah Postingan

By: always on 9:17 PM

Lnagkah=langkahnya Sebgai berikut :

• log in pada account blogger sobat>>> Klik Tata Letak>>> Edit HTML>>> Expand Template Widget>>> Cari kode ]]></b:skin>

• Sekarang letakkan kode berikut diatas ]]></b:skin>

/* Social Bookmark 
----------------------------------------------- */ 
div.sociable { margin: 16px 0 0 0; text-align: center; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
position: absolute;
display: block;
top: -5em;
background: #ffe;
border: 1px solid #ccc;
color: black;
line-height: 1.25em;
}
.sociable span {
display: block;
}
.sociable ul {
display: inline;
margin: 0 !important;
padding: 0 !important;
}
.sociable li {
background: none;
display: inline;
list-style-type: none;
margin: 0;
padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
float: none;
width: 35px;
height: 35px;
border: 0;
margin: 5px 5px; /*jarak antar icons*/
padding: 0;
} 

• Letakkan kode berikut dibawah kode <data:post.body/>

<!-- Star Social Bookmark --><div class='sociable'> 
<span class='sociable_tagline'> 
</span> 
<li><a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Digg'><img alt='Digg' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigKsKWTgpAl9lbu2rLoSO04k-5TefZBq3a7o9vYY0j73R_U72Pg6YquzvTEOUv_ulBVS1MELgimpKvp6td_XxjmWaro5FEdkIDDPBf4ijPqJ4OpDYh0pWrny4-OkqdIBj4xgxw3MBcOfA/s320/digg.png' title='Digg'/></a></li> 
<li><a expr:href='&quot;http://delicious.com/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Delicious'><img alt='Delicious' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGpuYGCsY9mHhOPyIA2rA-97v3QMcRqFU_a0x_jL5gwjaixqir1L0XOAn1AFi5uBwTHKrAVkfYo9ME4yUsSMEI220Jnc7mMFwljWfQwRnw9ra3KNe1nwa-Wp8GHz_VQ-XNN9uvdMQSCqE/s320/delicious.png' title='Delicious'/></a></li> 
<li><a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' target='_blank' title='Facebook'><img alt='Facebook' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjE7B1mF-mvwGLmhXPGnWGIpdVbQEdtaWkAWygE8KRB-UGky7ou2QJimNnEaKid1v2cnngC2H4tWwGhJmphN5byc2n1WLwORPxl4pMUsjYHpuy8V84VzP6dvHFN0MLxycklOBSw7Vm0OY/s320/facebook.png' title='Facebook'/></a></li> 
<li><a expr:href='&quot;http://www.mixx.com/submit?page_url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Mixx'><img alt='Mixx' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho-0EwV5qM-mue_MTOlJ6u4nItjw61pnziGuUkOjDL6AMm3wLcmuxDalBz3wxP1EHwIvOXvXGvrb8jR-JS2O-1-yVY2Fp2ZciLDqa9u-Y_tDk64vDwY_0wcthbRAioMTqKs6DUouEg5Po/s320/mixx.png' title='Mixx'/></a></li> 
<li><a expr:href='&quot;http://google.com/bookmarks/mark?op=edit&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Google'><img alt='Google' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2Ox_Stid69OluW6S3tzA_eGrAsBRM-HnYCv3c1BkW-z9OjNau0WzipEsdOvzbd-DAOercB_jk-2K1rJuayLR9ECT-VlgArvcpZYohcyoDs9Q3Ex9k3eLhBVNHOTi7ocGe4vfd6w8LynY/s320/google.png' title='Google'/></a></li> 
<li><a expr:href='&quot;http://www.furl.net/storeIt.jsp?t=&quot; + data:post.title + &quot;&amp;u=&quot; + data:post.url' target='_blank' title='Furl'><img alt='Furl' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-9x3UGcwaEshgJl2Hk_hv5xcBGlo5m_lNn3haQvyiid6MunznfGaqUcEaLEQLtxxixEAS3pHmApvPCt9znoIP86JpB7UuYuLNMIRuUIIV514PvLtPNnsfW-K0FbsAm5bvHrH4AUaJJ2Y/s320/furl.png' title='Furl'/></a></li> 
<li><a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Reddit'><img alt='Reddit' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyHfAKrdyy-gt9matTMq5Smc45xd00z1WBu4nrZOimQY4z6ugXTrfoNdnvuikL23nbgpEgmpDIwGQLwPJet2Jc6kY1-v52nEPxNhoa-8IKpxH8cs8Evnb_pWn7YD28FRXO3VN_EatjS8Y/s320/reddit.png' title='Reddit'/></a></li> 
<li><a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='StumbleUpon'><img alt='StumbleUpon' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfb-8Syews16KviK2aVjodiP5lc08a-DKuGu57cUAKMgjwreHKskHTK9bxF5qZeY8-qeZcYXNqH4O0z6ry2m711Z3CnsgHkqU_8thZPLSm6WeHCBKuEmP-FA-8wt3th76LG8yastSYQwQ/s320/stumble.png' title='StumbleUpon'/></a></li> 
<li><a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' target='_blank' title='Technorati'><img alt='Technorati' class='sociable-hovers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAYNlkkgx6VRtrFfbCSRbjX2lvZVU-pW6TmH269NkFQ_WxKUg55QofjI2Y9n_qZOOdU6_oJlNpbB_vG6F69puOV0e2ACa2HKquwqCqwr4np1XijtpXwaA7EECudZ4DNbWT1vj9EFZFBB0/s320/technorati.png' title='Technorati'/></a></li> 
</div> <!-- Indahnya Berbagi. http://amatullah83.blogspot.com--><!-- End Social Bookmark -->

simpan template dan selesai. lihat hasilnya