Senin, 20 Februari 2012

Cara membuat Tombol Share atau Share Button Blogger

Advertisement
Advertisement

Cara membuat Tombol Share atau Share Button Blogger
Salam, dan selamat datang di CaraGampang.Com.. 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='@aa_solah' 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>
  • Langkah Terakhir Simpan Template

NB : Untuk blog yang sudah menggunakan fasilitas read more biasanya bukan menggunakan kode
<div class='post-body entry-content'>
melainkan kode di bawah ini
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>

Selamat mencoba Cara membuat Tombol Share atau Share Button Blogger

1 komentar so far

mantap sob artikelnya, salam kenal

Komentar anda sangatlah berarti bagi kami, silahkan berkomentar dengan bijak dan sopan. Komentar dengan mencantumkan Link aktif akan kami hapus.
EmoticonEmoticon