Sunday, January 6, 2013

5:03 AM
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.

 *Baca Juga :

Cara Membuat Share Button (Kode Script dari Addthis.com)
Cara Membuat Share Button (Melalui www.addthis.com)
Cara Membuat Share Button (Di Atas Post Blog)
Cara Membuat Share Button (Di Bawah Sisi Blog)
Cara Membuat Share Button (Di Bawah Post Blog)
Cara Membuat Share Button (Di Bawah Blog)
Cara Membuat Share Button (Di Pojok Kiri Bawah Blog)

0 comments:

Post a Comment