2017/02/04
2017/02/04T2/04/2017

Cara mudah membuat tombol share responsive keren di blog

  Membuat tombol share di setiap postingan blog tanpa edit html? Itukah yang anda cari selama ini? Nahh.. kebetulan sekali saya akan memberikan tutorial membuat atau memasang tombol share keren yang responsive di blog blogspot.

  Salah satu faktor penyebab ramainya blog anda adalah media sosial, ia berperan vital dalam meningkatkan trafik sebuah blog atau website. Maka dari itu, blog harus memiliki tombol dimana sebuah artikel dapat dibagikan ke media sosial. Tombol apakah itu? nggak usah dijawab juga kalian pasti sudah tahu. yaitu tombol share! eh dijawab juga. haha



  Gambar diatas adalah screenshot tombol share keren yang akan saya bagikan disini. Keren bukan? selain keren, tombol share ini juga responsive loh. Saat kursor berada di area hijau, maka tombol share akan keluar. Sebaliknya, jika kursor tidak berada di area hijau, tombol share akan menciut alias ngumpet nggak kelihatan.

  Bagaimana cara membuatnya Mas Bro?

 Come on!!


Baca juga:  Cara Membuat Widget Subscribe Box Keren Ala Mas Sugeng (sugeng.id)


1. Pertama copy semua kode dibawah 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 -->


2. Buka blog anda kemudian masuk ke tata letak

3. Tambahkan gadget ( dimana saja terserah)

4. Pilih html/javascript

5. Paste kode diatas

6. Save!


  Demikian tutorial singkat tentang Cara mudah membuat tombol share responsive keren di blog

  Ditunggu komentarnya.

Semoga bermanfaat!