Cara Membuat Tombol Share Keren di Blog

     Membuat tombol share di blog - Tidaklah lengkap rasanya jika sebuah weblog tidak difasilitasi dengan button share, mengapa? Karena salah satu untuk membuat postingan artikel anda menjadi terkenal adalah dengan adanya tombol berbagi ke sosial media. Dengan begitu jika pembaca (pengunjung) merasakan manfaat dari artikel anda, mereka tidak akan sungkan untuk share ke temannya tentu saja ini akan menaikkan traffic web anda.

Baca juga : Button share dengan efek slide

button share juga merupakan komponen utama pendukung untuk mengoptimalkan halaman blog agar lebih seo Friendly. tentu sangat menguntungkan untuk membantu reputasi blog lebih populer dan di kenal banyak orang. Semakin banyak artikel yang di bagikan maka akan semakin besar pula kesempatan blog anda menjadi terkenal seiring bertambahnya pembaca setia.

Ok, mungkin sobat tertarik untuk memasang tombol share seperti ini biar templatenya lebih kelihatan keren dan menarik.

Cara Membuat Tombol Share Keren di Blog
Sebelum Di Sorot

Cara Membuat Tombol Share sosial media
Sesudah Di Sorot

Bagi teman-teman blogger yang ingin membuat tombol share keren seperti gambar diatas, langsung saja berikut ini adalah kode-kodenya, dan cara memasangnya di blog sobat.

1. Login di Blogger.com
2. Masuk ke Tata Letak
3. Tambahkan Gadget
4. Pilih HTML/JavaScript
5. Masukan Kode berikut ini :

<!-- Start Shareaholic Sassy Bookmarks HTML-->    <div class='shr_ss shr_publisher'>    </div>    <!-- End Shareaholic Sassy Bookmarks HTML -->    <!-- Start Shareaholic Sassy Bookmarks settings -->    <script type='text/javascript'>    var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};    </script>    <!-- End Shareaholic Sassy Bookmarks settings -->    <!-- Start Shareaholic Sassy Bookmarks script -->    <script type='text/javascript'>    (function() {    var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;    sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";    var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);    })();    </script>    <!-- End Shareaholic Sassy Bookmarks script -->

6. Simpan template dan lihat hasinya.

     Demikian pembahasan tutorwidget tentang cara membuat tombol share keren di blog, semoga bermanfaat. Terima kasih atas kunjungannya.

Comments

Post a Comment

Popular posts from this blog

Contact Form diHalaman Statis

Membuat Profil Blogger keren Seperti Google+

Mengapa harus ngeblog dari sekarang