logo blog

Membuat Tombol Share Button Keren Di Blog


Selamat datang lagi sobat di blog ini , pada kesempatan kali ini saya akan bagikan kepada sobat semua Cara Membuat Tombol Share Button Keren Di Blog , Tombol share ini dalam blog sangat penting untuk meningkatkan pengunjung ke blog sobat. Namun untuk menarik perhatian agar pengunjung blog mau berbagi artikel yang dibaca ke berbagai jejaring sosial, tentunya kamu membutuhkan tombol share yang cukup keren. Selain untuk membagikan dan menglike artikel kalian , tombol share dan like ini juga bisa menghias blog kalian , mau tutorialnya ? silahkan simak tutorial-tutorial saya dibawah.

Berikut ini Contoh Gambar Tombol Sharenya :

Contoh gambar share | Catatan ARUL

Seperti yang Sobat lihat, tombol memiliki jaringan sosial utama dan situs bookmarking sosial termasuk:
  • Facebook Share Button
  • Tombil Tweet
  • Google+
  • Pinterest tombol
  • Digg tombol
  • Tombol Stumbleupon

Jika sobat berminat untuk memiliki tombol share tersebut , silahkan ikuti tutorial-tutorial saya berikut ini :

1. Login Ke akun Blogger Sobat

Blog Catatan ARUL

2. Pilih Template > Edit HTML

Blog Catatan ARUL


3.Cari kode </head> (Gunakan Ctrl + F) untuk mempercepat , dan taruh kode berikut ini diatasnya

<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>
 4.  Selanjutnya Cari kode <data:post.body/> Mungkin di template sobat memiliki banyak kode tadi ,     cobalah setiap kode tadi sampai jadi. dan pastekan kode berikut ini dibawahnya:

<b:if cond='data:blog.pageType == &quot;item&quot;'><style>.doncaprio-share-buttons{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:1px solid #BBBBBB;background-color:#FFFFF;-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>
  • Keterangan : Kode yang berwarna merah Sesuaikanlah dengan Blog sobat
  7.  Save Template Sobat , dan lihatlah hasilnya

sumber

Mau Artikel Gratis! Silahkan Tulis Email Anda.
Print PDF
Next
« Prev Post
Previous
Next Post »

Copyright © 2012. Rahasia - All Rights Reserved | Template Created by Kompi Ajaib