Memasang Widget Floating Add This Share Button Di Blogger

Floating-Add-This-Share-Buttons

Hari ini saya akan kembali sharing tutorial blogging lagi, yaitu mengenai cara memasang widget floating add this buttons di blogger. Widget ini memeang terlihat sangat sederhana, namun tetap mempunyai design yang elegan. Widget ini dilengkapi dengan buttons (tombol) social media, seperti twitter, reddit dan facebook, serta terdapat pula tombol "print".


Tutorial kali ini akan dibagi menjadi dua langkah, berikut adalah langkah-langkahnya:

  • Silahkan menuju Dashboard blog Kamu > Template
  • Klik Edit HTML, lalu klik Lanjutkan
  • Jangan lupa centang Expand Template Widget terlebih dahulu
  • Cari kode berikut


</head>


  • Tambahkan kode berikut tepat di atasnya


<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js"></script>


  • Kemudian cari lagi kode di bawah ini


 </body>


  • Lalu tambahkan kode di bawah ini tepat di atas kode tadi


 <!-- helperblogger.com slideout widget : BEGIN -->
<div class="addthis_toolbox addthis_peekaboo_style addthis_default_style addthis_label_style addthis_32x32_style">
    <a class="addthis_button_more">Share</a>
    <ul>
        <li><a class="addthis_button_preferred_1"></a></li>
        <li><a class="addthis_button_preferred_2"></a></li>
        <li><a class="addthis_button_preferred_3"></a></li>
        <li><a class="addthis_button_preferred_4"></a></li>
    </ul>
</div>
<!-- helperblogger.com slideout widget : END -->


  • Jangan lupa klik Save/Simpan, lalu lihat hasilnya.

Seperti itulah tutorial cara memasang widget floating add this share buttons di blogger. Semoga bermanfaat :)


0 komentar:

Posting Komentar