Memasang Tombol Social Bookmark di Blogspot

Social Media atau sosial Bookmark merupakan salah satu widget yang amat penting bagi blog. Selain untuk memudahkan pengunjung mengsubmit artikel kita ke situs bookmark tersebut, ia juga membantu blog anda mendapat backlink yang lebih banyak.

Ada banyak model tampilan tombol untuk submit bookmark tersebut tergantung dari kreatifitas blogger pembuatnya. Berikut ini gaya pemasangan tombol social bookmark yang mungkin membantu anda yang membutuhkan.

01. Login ke Dashboard Blogger, pilih Template > Edit Html (beri ecentang Expand Widget Template).

02. Cari kode berikut ini :

]]></b:skin>

03. Tambahkan kode ini di atasnya.

div.spacer{
clear:both;
height:10px;
display:block;
}

04. Cari kode ini.

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

05. Tambahkan kode 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://bewegaleri.wordpress.com/files/2007/10/facebook.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' height='16' src='http://bewegaleri.wordpress.com/files/2007/10/stumbleupon.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://bewegaleri.wordpress.com/files/2007/10/delicious.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://bewegaleri.wordpress.com/files/2007/10/reddit.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'><img border='0' height='16' src='http://bewegaleri.wordpress.com/files/2007/10/twitter1.png' width='16'/></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' width='24'><img border='0' height='16' src='http://bewegaleri.wordpress.com/files/2007/10/digg.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://bewegaleri.wordpress.com/files/2007/10/technorati.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://bewegaleri.wordpress.com/files/2007/10/rss.png' width='16'/></td>
<td height='24'><a href='http://feeds.feedburner.com/bewegaleri/belajarinternet'><strong>Subscribe to Feeds RSS</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. Simpan hasilnya.