Manchester United

Selasa, 24 Juli 2012

Membuat Tombol Share di Blogspot


Membuat tombol share sering kali dilupakan oleh para blogger, padahal fungsi tombol share ini sangat  luar biasa sekali. Contohnya saja artikel kita bisa mudah dibagikan keseluruh social network yang ada oleh pengunjung kita, dan akan menjadikan artikel kita bisa lebih diketahui oleh khalayak banyak. Dengan Tombol share ini juga akan membuat artikel kita terlihat lebih menarik.


Bagi teman-teman yang ingin membuat Tombol Share di Blognya bisa memperhatikan beberapa langkah-langkah berikut ini, simak baik-baik yah :

1. Masuk ke Akun Blog anda
2. Login ke Blogger » Rancangan » Edit HTML » Centang Expand Widget
3. Cari Kode berikut ini :

<div class='post-body entry-content'>

4. lalu copy kode dibawah ini dan pastekan diatas kode tadi

    <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:4px 0px 30px 0px;width:100%;float:left;height:20px;'>
    <div style='float:left;padding-left:0px;font:normal 12px Georgia;font-style:Italic;'>
    Share this history 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='google-buzz-button' data-button-style='small-count' href='http://www.google.com/buzz/post' title='Post to Google Buzz'/>
    <script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/>
    </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/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
    </div>
    </div>
    </b:if>


5. Klik Simpan Template

Artikel Terkait

Tidak ada komentar:

Posting Komentar