Home » , » Cara membuat Tombol Share atau Share Button Blogger - Optimasi Blog

Cara membuat Tombol Share atau Share Button Blogger - Optimasi Blog

Salam, dan selamat datang di SitusMadu - Manisnya Belajar dan Berbagi.. kali ini saya akan berbagi Tutorial Blog tepatnya Cara membuat tombol Share atau Share button Blogger di Atas postingan dan bisa juga disimpan dibawah postingan.. Sebenarnya banyak sekali situs yang menyediakan gadget ini, namun kita sering terkendala pada penempatan yang kurang strategis, sehingga tampilan blog kita kurang menarik. Oia dalam Sher Button ini juga dilengkapi dengan tombol GOOGLE + sehingga lebih menarik dan bermanfaat..

Yuuk langsung saja kita simak  Cara membuat tombol Share atau Share button Blogger :
  • Seperti biasa masuk dulu ke akun Blogger.
  • Pilih menu Rancangan > Edit HTML
  • Untuk menghindari kerusakan template maka Download Template Lengkap
  • Centang Expand Template Widget
  • Cari kode <div class='post-body entry-content'> atau class='post-body entry-content' dan biasanya ada 2 kode tersebut, pakailah kode yang pertama
  • Jika sudah ketemu, copy kode dibawah ini dan paste tepat diatas kode <div class='post-body entry-content'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:5px 0px 5px 0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;'>
Share on :
</div>
<div style='float:left;padding-left:10px;'>
<a name='fb_share' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'>
</script></div>
<div style='float:left;padding-left:10px;'>
<a class='DiggThisButton DiggCompact'/>
<script type='text/javascript'>
(function() {
var s = document.createElement(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0];
s.type = &#39;text/javascript&#39;;
s.async = true;
s.src = &#39;http://widgets.digg.com/buttons.js&#39;;
s1.parentNode.insertBefore(s, s1);
})();
</script>
</div>
<div style='float:left;padding-left:10px;'>
<a class='twitter-share-button' data-count='horizontal' data-via='User Name' href='http://twitter.com/aa_solah'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
<div style='float:left;padding-left:10px;'>
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="medium"></g:plusone>
<!-- Place this render call where appropriate -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
</div>
</div>
</b:if>

0 komentar:

Posting Komentar