Info Mayata

Menyajikan segala informasi yang dijumpainya di dunia maya dengan ringkas

Cara Membuat Tombol Share di Atas Postingan Blog

Morning all, how are you? Kali ini saya akan share tips blogging. Sudah lama sekali saya tidak posting mengenai blogger. Sudah lama sekali waktu itu saya share tentang tombol share juga, tapi kali ini tombol sharenya lebih pro bagi saya dan letaknya tidak dibawah postingan melainkan dibawah judul postingan. Tombol share merupakan bagian yang sangat penting bagi saya, karena tampa tombol share mungkin orang akan merasa susah untuk membagikan artikel secara manual... nah kita dapat menggunakan cara instant dengan memasang tombol ini ayo monggo dicoba...

Let's go follow my steps
1.Login ke akun Blogger anda lalu masuk ke Rancangan » Edit HTML » Centang Expand Gadget
2.Cari code <div class='post-body entry-content'> dengan menekan CTRL+F
3.Pastekan kode dibawah ini tepat di atas code 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;'/>
<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'/></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 TWITTER KAMU' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/><script src='http://apis.google.com/js/plusone.js' type='text/javascript'/><g:plusone size='medium'/>
</div><div style='float:left'><a href='http://m-tajuddin-ns.blogspot.com/2011/08/cara-membuat-tombol-share-di-atas.html' target='_blank' title='Get This Button Share'>[ I ]</a></div></div></b:if>


5.Edit tulisan "USER TWITTER KAMU" menjadi ID Twitter kamu, jika tidak tau apa itu ID Twitter ini contohnya 'http://www.twitter.com/ngobuss' nah huruf yang tercentang tebal itu adalah ID kamu..
6.Jika sudah melakukan semua step diatas saatnya SAVE

Tada... sekarang liat blog kamu pasti akan lebih keren... sekian trik dari saya atas perhatiannya terima kasih.
Sumber: http://www.bit-xp.tk/2011/08/cara-membuat-tombol-share-di-atas.html




0 komentar:

Post a Comment

1. Berkomentarlah menggunakan kalimat yang baik dan sopan, serta sesuai topik Artikel di atas. Komentar yang tidak sesuai topik akan dihapus.

2. Tidak diperbolehkan menggunakan link hidup atau live link, link akan otomatis terhapus guna mencegah spam.

3. Sebelum bertanya, pastikan sobat sudah membaca seluruh isi Artikel.

4. Jika bertanya sesuatu, jangan lupa untuk memberi tanda centang pada Beri tahu saya atau Notify me agar sobat menerima pemberitahuan balasan melalui email.

5. Follow blog M-TAJUDDIN-NS untuk mendapatkan update Artikel terbaru dan jangan lupa tekan tombol share jika sobat merasa Artikel di atas bermanfaat.

Cara Membuat Tombol Share di Atas Postingan Blog