membuat share box atau share button di blog sebenarnya mempunyai manfaat untuk mempromosikan artikel yang baru di buat biasanya yang sering banyak saya pakai untuk mempromosikan artikel adalah share facebook dan google plus
jika sobat ingin membuatnya silahkan ikuti langkah-langkah Berikut ini:
1.Seperti Biasa login dulu ke blogger.com
2.pilih template --> Edit html
3.centang expand widget
4.Cari kode <head>
5.letakan kode di bawah ini sebelum atau diatas kode <head>
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'>
{lang: 'en-US'}
</script>
6.sekarang cari kode <div class="post-header-line-1">
jika tidak menemukan kode di atas coba sobat cari kode
<data:post.body/>
7.Letakan kode di bawah ini sebelum kode di atas yang sobat cari tadi.
<b:if cond='data:blog.pageType == "item"'><br />
<br />
<style type='text/css'>
.multisharebox{background:none repeat scroll 0 0 #EFEFEF;float:right;margin:5px 0 3px 10px;padding:0 5px 0;text-shadow:0 1px 0 #FFF;width:260px;border:4px solid #d8dfea}
.multisharebox table{margin-bottom:0 !important}
.multisharebox td{padding:4px 3px !important}
.fb-like-boxtop{background:none repeat scroll 0 0 #EDEFF4;border:1px solid #D8DFEA;color:#000;float:right;font-size:11px;margin:0 0;padding:5px 10px;text-align:left;width:230px}
.fb-like-boxtop a{color:#000;text-decoration:none}
.fb-like-boxtop a:hover{color:#000;text-decoration:underline}
.fb-like-box{background:none repeat scroll 0 0 #EDEFF4;border:1px solid #D8DFEA;color:#000;float:right;font-size:11px;height:60px;margin:5px 0;overflow:hidden;padding:5px 10px;text-align:left;width:230px}
</style><br />
<br />
<!-- Perfect Share Box : Created by agusmurod.blogspot.com --><br />
<div class='multisharebox'><table><tr> <td><table><tr> <td><a class='twitter-share-button' data-count='vertical' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'/><br />
<b:if cond='data:post.isFirstPost'><br />
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'>
</script><br />
</b:if></td> <td><script expr:src='"http://www.stumbleupon.com/hostedbadge.php?s=5&r=" + data:post.url'/></td>
<td><g:plusone size="tall" expr:href="data:post.canonicalUrl"/></td>
<td><a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></td>
</tr>
</table></td>
</tr>
<tr>
<td><div class='fb-like-boxtop'>
<a class='pin-it-button' count-layout='none' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url'>Pin It Now!</a>
<a href='javascript:void(run_pinmarklet())' style='height:20px; display:inline-block;'/>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<script type='text/javascript'>
function run_pinmarklet() {
var e=document.createElement('script'); e.setAttribute('type','text/javascript');
e.setAttribute('charset','UTF-8');
e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r=' + Math.random()*99999999);
document.body.appendChild(e);
}
</script> <script src='http://platform.linkedin.com/in.js' type='text/javascript'/><script data-counter='right' expr:data-url='data:post.url' type='in/share'/> <a href='javascript:window.print();'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUdA_ybfzJRNvGwr7S9iGUVCmSTGYcBJIeQKCO7sTaAoWIOWii7OZoNapj2t4T4c5Z0Tv8o7F7uwaPYQnFyQqC9-enw4SxMP2Ba2JzhFg8p-byx5j7GTuxZ1AighkfOIe0Vl2y7B4QbFs/s1600/printbutton.png'/></a></div></td>
</tr>
<tr>
<td><div class='fb-like-box'>
Do you like this post?
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=230&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:230px; height:40px;'/>
</div></td>
</tr>
</table></div><!-- Perfect Share Box : Created by agusmurod.blogspot.com -->
</b:if>
8.Sekarang sobat tinggal save
