Memasang Social Bookmark Button #03

Social Bookmark merupakan salah satu widget yang amat penting dalam sesuatu blog. Bukan saja ia untuk memudahkan pengunjung mengsubmit kat laman social malahan ia sedikit sebanyak membantu blog anda mendapat backlink yang lebih.

Terdapat pelbagai stail mengikut kretiviti blogger itu sendiri, kali ini aku akan berikan satu lagi Social Bookmark Button yang begitu menarik bagi pandangan aku. Aku harap kamu bukan lihat saja, kalau boleh kongsikan rajin-rajinlah mengsubmitnya tidak terhad kepada blog ini saja. Lagipun ianya bukanlah sebagai perhiasan, betul tak?

Jangan lupa tunggu Social Bookmark Button versi seterunya ya!



Memasang Social Bookmark Button #03

01. Pilih Template > Edit Html (tick pada Expand Widget Template).

02. Cari kod ini :

]]></b:skin>

03. Tambahkan kod ini di atasnya.

div.spacer{

clear:both;
height:10px;
display:block;

}

04. Cari kod ini.

<div class='post-footer-line post-footer-line-3'>

05. Tambahkan kod ini di bawahnya.

<b:if cond='data:blog.pageType == "item"'>

<h3>Share this post</h3>
<div class='spacer' style='border-top: 1px solid rgb(222, 222, 222);'/>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>

<tbody>

<tr>

<td valign='top' width='50%'>

<table border='0' cellpadding='0' cellspacing='0' width='222'>

<tbody>

<tr>

<td height='24' width='24'><img border='0' height='16' src='http://i381.photobucket.com/albums/oo254/dilarangmelarang/facebook_16.png' width='16'/></td>
<td height='24'><a class='social_links_facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;amp;amp;amp;t=&quot; + data:post.title' rel='nofollow' title='Share on Facebook.'><strong>Share on Facebook</strong></a></td>

</tr>

<tr>

<td height='24'><img border='0' src='http://i381.photobucket.com/albums/oo254/dilarangmelarang/tweeter_16x16.png'/></td>
<td height='24'><a class='social_links_twitter' expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Twit this.'><strong>Share on Twitter</strong></a></td>

</tr>

<tr>

<td height='24'><img border='0' height='16' src='http://i381.photobucket.com/albums/oo254/dilarangmelarang/stumbleupon_16x16.png' width='16'/></td>
<td height='24'><a class='social_links_stumbleupon' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;amp;amp;title=&quot; + data:post.title' rel='nofollow' title='Bookmark this post on StumbleUpon.'><strong>Share on StumbleUpon</strong></a></td>

</tr>

<tr>

<td height='24'><img border='0' height='16' src='http://i381.photobucket.com/albums/oo254/dilarangmelarang/delicious_16x16.png' width='16'/></td>
<td height='24'><a class='social_links_delicious' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;amp;amp;amp;title=&quot; + data:post.title' rel='nofollow' title='Bookmark this post on del.icio.us.'><strong>Share on Delicious </strong></a></td>

</tr>

<tr>

<td height='24'><img border='0' height='16' src='http://i381.photobucket.com/albums/oo254/dilarangmelarang/reddit_16x16.png' width='16'/></td>
<td height='24'><a class='social_links_reddit' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;amp;amp;title=&quot; + data:post.title' rel='nofollow' title='Submit this post on reddit.com.'><strong>Share on Reddit</strong></a></td>

</tr>

</tbody>

</table>

</td>

<td valign='top' width='50%'>

<table border='0' cellpadding='0' cellspacing='0' width='222'>

<tbody>

<tr>

<td height='24' width='24'><img border='0' height='16' src='http://i381.photobucket.com/albums/oo254/dilarangmelarang/digg_16x16.png' width='16'/></td>
<td height='24'><a class='social_links_digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;amp;amp;amp;url=&quot; + data:post.url + &quot;&amp;amp;amp;amp;title=&quot; + data:post.title' rel='nofollow' title='Digg this post on digg.com.'><strong>Share on Digg </strong></a></td>

</tr>

<tr>

<td height='24'><img border='0' height='16' src='http://i381.photobucket.com/albums/oo254/dilarangmelarang/designbump_16x16.png' width='16'/></td>
<td height='24'><a class='social_links_negaraku' expr:href='&quot;http://negaraku.net/submit.php?url=&quot; + data:post.url + &quot;&amp;amp;amp;amp;title=&quot; + data:post.title' rel='nofollow' title='Bookmark this post on negaraku.net.'><strong>Share on NegaraKu</strong></a></td>

</tr>

<tr>

<td height='24'><img border='0' height='16' src='http://i381.photobucket.com/albums/oo254/dilarangmelarang/technorati_16x16.png' width='16'/></td>
<td height='24'><a class='social_links_technorati' expr:href='&quot;http://technorati.com/cosmos/search.html?url=&quot;+data:post.url' rel='nofollow' title='Search Technorati for links to this post.'><strong>Share on Technorati</strong></a></td>

</tr>

<tr>

<td height='24'><img alt='Feeds RSS' border='0' height='16' src='http://i381.photobucket.com/albums/oo254/dilarangmelarang/rss_16x16.png' width='16'/></td>
<td height='24'><a href='http://feeds2.feedburner.com/dilarangmelarang'><strong>Subscribe to Feeds RSS</strong></a>
</td>

</tr>

<tr>

<td height='24'><img alt='Email' border='0' height='16' src='http://i381.photobucket.com/albums/oo254/dilarangmelarang/email_16x16-1.png' width='16'/></td>
<td height='24'><a href='mailto:marzuki_jalil@yahoo.com'><strong>Email to Marzuki Jalil</strong></a>
</td>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>
<div class='spacer' style='border-top: 1px solid rgb(222, 222, 222);'/>
<div style='clear: both; height: 30px;'/>

</b:if>

06. Pilih Save.