Cara Membuat Tombol Share di Blog

Kamis, 18 Agustus 2011

Hallo sahabat remix-7 sekalian, kali ini saya akan berbagi tips sederhana yaitu Cara Membuat Tombol Share di Blog. Tombol share sangat bermanfaat diletakkan pada blog, tombol share memudahan pengunjung menyebarkan konten blog kita ke berbagai jejaring sosial tentunya ini secara langsung dan tidak langsung sebagai bentuk promosi blog kita. Nah untuk itu saya merasa tertarik untuk melakukan posting kali ini mengenai Cara Membuat Tombol Share di Blog. Cara ini dapat dilakukan dengan sangat mudah, hanya dengan hitungan detik saja, hehehe. Oke langsung saja kita menuju ke langkah-langkah pembuatannya.

1. Login ke akun Blogger Anda » Rancangan » Edit HTML » Centang Expend Widget
2. Cari Kode <div class='post-body entry-content'>
3. Letakkan kode di bawah ini di atas kode <div class='post-body entry-content'>

<b:if cond='data:blog.pageType == "item"'>

    <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;'>

    </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('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];

    s.type = 'text/javascript';

    s.async = true;

    s.src = 'http://widgets.digg.com/buttons.js';

    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>

4. Ganti Tulisan merah dengan User name twitter anda
5. Save dan lihat hasilnya.