AddThis Customize

Fasilitas bookmark dan share walau sudah tersedia pada bawaan blogspot blogger buzz, serta pada navbar kedua dari kiri dekat kotak search! Jangan bosan dengan tawaran yg diberikan oleh para web diluaran sana toolbar static dan jenis good type share and bookmark. Kali ini Beben si bloglang anu ganteng kalem tea :D ingin berbagi jasa dari salah satu web penyedia jasa ini (mungkin sobat sudah pada tauk juga) AddThis. Jika sobat sudah register bisa dapat melihat kemajuan galeri yg dicapai dalam gaya tampilannya sob b-) mantap punya lah.

Dengan sedikit sentuhan kreatifitas CSS & HTML, kita dapat melakukan trik supaya bisa membuat bagaimana tampilan tombol share/bookmark buatan si AddThis ini simpel :D Trik ini dibuat dengan penempatan pada sidebar template sobat, agar memudahkan memasukan semua bumbu-bumbunya yah :"> dengan teknik Add a Gadget ► HTML/Javascript ;)) Hasil jadi tampilannya dapat dilihat pada sesi postingan blog wiki :D Cek gi dot for bumbu-bumbune...
Masukin keseluruhan kode via HTML/Javascript!

Code-Code

<style>
.panel-share {
width: 195px;
float: left;
margin: 10px 5px 0 5px;
background:#E15226;
}
.panel-share h4 {
background:#333333;
font-size: 15px;
font-weight: bold;
line-height: 25px;
color: #FFFFFF;
text-align: center;
margin: 0;
border-bottom: 1px dashed #FFFF00;
}
.panel-share-content {
padding: 1px;
}
.addthis_toolbox li {
list-style-type; none;
float: left;
overflow: hidden;
width: 40px;
margin:3px 0;
}
</style>

<div class="panel-share">
<h4>Add To</h4>
<div class="panel-share-content">
<script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
<ul class="addthis_toolbox addthis_32x32_style addthis_default_style">
<li><a class="addthis_button_blogger"></a></li>
<li><a class="addthis_button_twitter"></a></li>
<li><a class="addthis_button_facebook"></a></li>
<li><a class="addthis_button_delicious"></a></li>
<li><a class="addthis_button_technorati"></a></li>
<li><a class="addthis_button_linkedin"></a></li>
<li><a class="addthis_button_stumbleupon"></a></li>
<li><a class="addthis_button_email"></a></li>
<li><a class="addthis_button_compact"></a></li>
</ul>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=bebenkoben"></script></div>
</div>

Untuk kode CSS yg tulisan warna biru itu, silahkan tambahkan/edit sesuai dengan selera dan kebutuhan. Gambar yg muncul dengan kode syntax <a class="addthis_button_blogger"> dapat sobat ganti dengan melihat pada halaman web AddThis service directory. Perhatikan sisi kiri pada kolom bertuliskan Service Name, nah gantilah apa yg mau tampil tombolnya ;)<li><a class="addthis_button_SERVICE NAME"></a></li>Pada script ada tulisan warna merah, gantilah dengan nama sobat :)

https://www.addthis.com/get/sharing
See yah...\m/