Kamis, 18 Agustus 2011

Cara Membuat Tombol Share di Blog

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

    </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>

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



Itulah cara mudah membuat tombol share pada blog, semoga bermanfaat, wassalam :-).


Artikel Terkait

Cara Membuat Tombol Share di Blog
4/ 5
Oleh

Berlangganan

Suka dengan artikel di atas? Silakan berlangganan gratis via email

8 komentar

18 Agustus 2011 03.01 delete

di blogku udh ada Mas, kykny bawaan templateny itu. tpi ada bdany sikit :D

Reply
avatar
18 Agustus 2011 03.28 delete

Bagus kalo gtu gan,.. cman yang beda apanya gan :D

Reply
avatar
COF
18 Agustus 2011 12.32 delete

Thanks infonya sob, menarik jga bisa share artikel kita ke berbagai jejaring sosial dan bisa menaikkan page rank.

Reply
avatar
20 Agustus 2011 20.21 delete

@COF : iya, sama2 sob :)

Reply
avatar
22 Agustus 2011 13.50 delete

Gan untuk langkah ke dua ini apa masuk ke Edit HTML YA?

Menarik untuk pagerank dan Alexa

Reply
avatar
22 Agustus 2011 18.40 delete

@Cordova's: Iya gan,. di point 1 jga ada, cman mngkin krang terang warna font nya ya :)

Reply
avatar
13 Oktober 2011 23.00 delete

@tipstrick:Semoga bisa digunakan ya sob,.. :)

Reply
avatar

Tinggalkan Jejak, Meriahkan Berkomentar secara sopan :-)
Memasukkan link ke dalam komentar adalah SPAM, maka akan dihapus