Go Blog Go

Horizontal Floating Share Bar

Posted by Go Blog Go Posted on 11:57 PM with No comments
Assalamu'alaikum Wr.Wb.

Hari ini Go Blog Go akan berbagi bookmark sosial lain-nya untuk blogger Mojang dan Bujang. Share ini berbentuk Bar Horisontal yang berisi AddThis gadget tombol buttons. Horisontal Floating ini dapat ditambah tombol Buttons-nya dan terdapat tombol close (x), untuk pemasangan-nya cukup mudah, silahkan ikuti uraian-nya :


Horizontal Floating Share Bar,Share Bar,Horizontal Share Bar

Login ke Blogger
Dashboard -> Klik Monetize -> Pilih Template -> Klik Edit HTML -> klik Expand Template Widget
Jangan lupa Back-Up template Anda
Cari Kode Tag </head>
Tambahkan Kode Javascript dibawah ini sebelum Kode Tag </head>
<script type="text/javascript">
var addthis_config = {
    bar_show_below : 150
}
</script>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js"></script>

Sekarang cari Kode Tag </body>
Tambahkan Kode Javascript dibawah sebelum Kode Tag </body>
<div class="addthis_bar addthis_bar_medium">
    <label>Share This Page:</label>
    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
        <span><a class="addthis_button_preferred_1"></a></span>
        <span><a class="addthis_button_preferred_2"></a></span>
        <span><a class="addthis_button_preferred_3"></a></span>
        <span><a class="addthis_button_preferred_4"></a></span>
        <span><a class="addthis_button_compact"></a></span>
        <span><a class="addthis_counter addthis_bubble_style"></a></span>
    </div>
</div>

Save Template dan Preview

Selamat mencoba Mojang dan Bujang Bloganize. Go Blog Go...!!! Amiin

Wassalam,



0 comments:

Post a Comment

Catatan :
1.Untuk menyisipkan Kode, gunakan Tag <i rel="code">Kode Anda Di-Sini...</i>
2.Untuk menyisipkan Kode Panjang, gunakan Tag <i rel="pre">Kode Anda Di-Sini...</i>
3.Untuk menyisipkan Kode Gambar, gunakan Tag <i rel="image">URL Gambar Anda Di-Sini...</i>
4.Untuk menyisipkan Catatan, gunakan Tag <b rel="quote">Catatan Anda Di-Sini...</i>

NB: Sebelum menyisipkan Kode, konversi terlebih dulu Kode-nya agar bisa tampil di Kolom Komentar

 
Powered by : Blogger
Copyright © 2011. Go Blog Go - All Rights Reserved
Template Created by Go Blog Go Published by Wong Wayang