Menambah tombol 'Social Bookmark' di bawah posting

By  at 09.01    
Langsung saja,

1. Log in ke blogger dashboard -->Design --> Edit HTML
2. Klik "Expand Widget Templates"
3. Scroll ke bawah, cari kode di bawah ini
<p><data:post.body/></p>
4. Copy kode di bawah ini dan paste di bawah kode di atas.

<div style='clear:both; '>
<div style='width:60px; float:left;'>
<script type='text/javascript'>
digg_url = &#39;<data:post.url/>&#39;;
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>
<div style='width:60px; float:left;'>
<script badgetype='square' src='http://d.yimg.com/ds/badge2.js' type='text/javascript'><data:post.url/></script>
</div>
<div style='width:65px; float:left;'>
<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1Q-DeIt_APTYEHXYDNcb-aUSFRLJICizHwAuuwxKogHBTi1B8idTeq5bGahXoHt8wKb_DTYBrXtCdAJOsdPyL7HxXhEc2trO2yi4QkXf2HzNCBijWOqjR2dwJIa6-1r-Hx8JnbbMsXfMd/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo0QjW9_xv6kVIxyczpOw2uDzTlLdSuK-1qxYchX_TYPvKKfu9iAG69Kur14kJcbRHJnpjf2_9-JafpdkvWmdfz6uWJZ4SrkmA7NrtCwT8ATtt_Y4mUiw7yXpMNDR6c1bKMSjfdM0VOIyR/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwRw5mYM-Son4BR3DiYs4nA5kNgLVj2PsHFlZiT1whY80lI9CH_aEDXsS3WfcsK2F3OS1Zy2wXrbx1LzBaNV7JNsCERJiJPbEu3AbILcajAdSkqCKCzd2w6PZDNT2C_MGc_K2e6Rc-8TyL/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTx4eN3diPlFak0PsNfIqkj7iys2NtnLQREB7X6EKnRSc4W4US4EKUFy0jdafZm8lX4p7S_VrQbjSopzAL6NICHyRivb7nW_-wsIKF1E-HPWEmWS8GSJNJ5LVpyqh3NFILoKtUkkjew2I1/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixNIsws9fcbkC_mRphd0l6BSQd8QQta4W33o3p_AcG2Bmmf7pzlHDrZtt91elqfVDblGjQvVdAujra2Shjv-L37RMsl2ymG5DHqffIquX0yrE_8JiGPUhmMYOhGgmkYhyLbySEjLDvTGcK/' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>

5. Klik "Save Templates". Selesai.

Related Posts: