Cara Mudah Menambahkan Tombol Share di Bawah Postingan Blogger

Selamat datang di Syam’s Blog

Apakah anda Pernah melihat blog yang memiliki tombol share seperti yang ada di blog ini. Tombol Share berfungsi untuk membagikan halaman blog atau situs ke jejaring sosial seperti facebook dan twitter.

Baca Postingan terdahulu :
SPB Shell 3D Launcher Android Terbaik Versi Syam's Blog
Download Template Super SEO Friendly Blogger

Berikut Langkah-langkah menambahkan tombol share facebook, twitter dll di blog.

1. Login terlebih dahulu di blogger. Klik di sini jika belum memiliki blog
2. Pilih blog anda
3. kemudian klik Template 
4. Cari kode </head>, untuk mempermudah pencarian klik CTRL + F.
5. Letakkan kode di bawah ini tepat di atas kode </head>


  <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script><script type="text/javascript">stLight.options({publisher: "ur-47c9cca-cf33-f245-f3f6-43ed7a58f34f"}); </script>


6. Kemudian cari kode <data:post.body/>    
7. Letakkan kode di bawah ini tepat di bawah kode <data:post.body/>


<b:if cond='data:blog.pageType == "item"'><style>.doncaprio-share-buttons{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:1px solid #BBBBBB;background-color:#FFFFFF;-webkit-box-shadow: #B3B3B3 5px 5px 5px;-moz-box-shadow: #B3B3B3 5px 5px 5px;box-shadow: #B3B3B3 5px 5px 5px;padding: 5px;margin: 10px;}</style><p align='center' class='doncaprio-share-buttons'> <span class='st_facebook_hcount' displayText='Facebook'/><span class='st_plusone_hcount' displayText='Google +1'/><span class='st_twitter_hcount' displayText='Tweet'/><span class='st_pinterest_hcount' displayText='Pinterest'/><span class='st_digg_hcount' displayText='Digg'/><span class='st_stumbleupon_hcount' displayText='StumbleUpon'/><span class='st_fblike_hcount' displayText='Facebook Like'/></p> </b:if>


8. Kemudian klik Simpan Template

Catatan : Anda akan menemukan banyak kode <data:post.body/> untuk mengetahui mana kode yang benar anda harus mencobanya satu persatu.

Hasilnya akan seperti ini 

Baca Juga : Cara Mengganti Template Blogger 

Terima kasih atas kunjungannya  

 

share this article to: Facebook Twitter Google+ Linkedin Technorati Digg

Posted by Syamsuri, Published at 11:45 AM and have