Cara Memasang "Share This Post" pada Blog

Share this post adalah terdiri dari dari lapan ikon yang biasa terdapat pada bahagian bawah posting,antaranya ialah Stumble Upon,  Digg, Delicious, Facebook, Yahoo, Technorati Twitter dan rss. ikon tersebut digunakan bagi berkongsi artikel kita dengan mudah,dengan klik sahaja artikel kita akan tersubmit ke social bookmark.Kegunaannya adalah juga adalah bagi meningkatkan pengunjung.

Untuk membuat share this post berbentuk bintang ini::
Masuk ke design—Edit HTML

tandakan pada expand template widget

Cari kod ini:

<data:post.body/>

 gunakan ctrl + F untuk find untuk memudahkan pencarian

Dan letak kod ini selepasnya:

<div style='clear:both; '>
<div style='width:55px; 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/AVvXsEgx5450zJuUkNyOfFh524ZmMaA8lkIZkgGNYfd8B_dTyho157Wm3HiAb4U8R6BDg-tFDnF6SxsySyzwX_gmrqN1nonFjhzknrNHMfXNGO0jn-0X4YDe02hUSCwMQklC3aYWS31Mms7uMQc/s1600/stumbleupon.png' style='padding:0;margin:0;border:none;'/></a>
</div>

<div style='width:55px; 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/AVvXsEguFf0pYQIzWEXsrEQw7V5dVWnfaTeUl1o1UV9Ho2iSk91SOxdsEOtofO0D-_jncxq-wKrVXVuGqP4a04qoxzKU0FscNLVsgJ6gmkhZTaBs2sd81B40YTeEchAt4HsQyfnWsfLcktWywRw/s1600/delicious.png' style='padding:0;margin:0;border:none;'/></a>
</div>

<div style='width:55px; 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/AVvXsEjy6OGShYd02CpHaqsZVhaU29uVmbS3m568V4YUdQ9kXcylQXnMy6o3rXIFPe8O1BXUaLNdHU7Go9L_Da1zi0GN7IXyzXfDN6-DQhka7UBri8PbmD06Usf6NTCHX5lRpmsFzWNZZ3wIpbU/s1600/technorati.png' style='padding:0;margin:0;border:none;'/></a>
</div>

<div style='width:55px; 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/AVvXsEjwugBVPU5GX5RI3gj_a5qQUAmA80Z-CLtIujzgpEB87CPMr-n4W1ctIiSN8G36tuzywGcc3J8hNCldiQHWBIBayM9z3oZrDgLQGNy-YmyoE6FO9Uno-PyCh7DfmMCECUfZFTXTw5S1Jqs/s1600/twitter.png' style='padding:0;margin:0;border:none;'/></a>
</div>

<div style='width:55px; float:left;'>
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Digg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl93v6ZRXiyi2WbTyFHHJySPV8Io4vETJCDrk2iImWLHKr_Gl3HgQFSCDSC9TrByb7F6Hmh6NW2neBTzcZkbq0azKP9Qmc6bVcAJPv-U4Mk_XsFvwcmwOaIlHdvqekOgwWJeI1w0uVFTA/s1600/digg.png' style='padding:0;margin:0;border:none;'/></a>
</div>

<div style='width:55px; 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/AVvXsEhHlgloW77flzN_27Bsh0Vac2kXo8m4_oln8_S4voS_lvW239vs1FtTKRNOavfsIHTfdMN_OE-NtrEuNpgtWXO1LZeELnqKAKRu5k046EJ0tcMBTi6DACLWpOFvRpKdwEE-S1jPG_wYx4o/s1600/facebook.png' style='padding:0;margin:0;border:none;'/></a>
</div>

<div style='width:55px; float:left;'>
<a expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?u=&quot; + data:post.url + &quot;&amp;=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Yahoo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpB27Fs41ww1RQMM2lV4UoxK5m7zkrj2fUm2PXHQnNyNLVJqL-hLbTGC7SaNU_hF7yM6pGf8pKbxuPtpZ8Oup1cv2cBkcHjRJKsLF49M097rsYcNoINzQGTWyiyBgOKhtFe9AJaEGSz5s/s1600/yahoo.png' style='padding:0;margin:0;border:none;'/></a>
</div>

<div style='width:55x; float:left;'>
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='external nofollow' target='_blank'><img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSwfE2HyfbkAhfBxbQyxFzhC8HvKA_Y_WbeA2oW0VIuj5hhUccVvciHXxfoaN65R4l2ynpePTnDHgBadF4JMAR4EcVU9ibMnFFkHQgHK5CQx77i1BrY0CV9lIxh9mhfuU6Ece0GLsPt2A/s1600/rss.png' style='padding:0;margin:0;border:none;'/></a>
</div></div>

kod yg diletakkan pada template:

*Ubah saiz width yang berwarna oren jika hendak menjarakkan ruangan diantara button.
Jika ada read more  letak selepas kod <data:post.body/> yang kedua.

Posted in: Tutorial ngeblog Mungkin bacaan dibawah ini ada yang sobat suka ..