Saya berbagi AddThis ke Anda dan telah menerapkan hack ini dengan menggunakan javascript sederhana yang dapat Anda lihat gambar di bawah judul blog saya Oto Website muncul pada hak sisi header. Anda juga dapat mengubah warna latar belakang header tombol.
Sekarang mari kita melihat bagaimana cara menambahkan menerapkan hack sederhana untuk tombol share addthis.
Cara Mendaftar Hack Ini?
Pertama, salin kode ini dan paste di notepad.
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_pinterest_pinit"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f99d305457d9732"></script>
<!-- AddThis Button END -->
<script type='text/javascript'>
var addthis_config = {
ui_cobrand: "Oto Website",
ui_header_color: "#ffffff",
ui_header_background: "#000000"
}
</script>
Jika Anda telah menambahkan tombol AddThis ke blog Anda maka hanya menambahkan kode di bawah ini tepat setelah kode addthis Anda.
<script type='text/javascript'>
var addthis_config = {
ui_cobrand: "Oto Website",
ui_header_color: "#ffffff",
ui_header_background: "#000000"
}
</script>
Customizations
- Ganti teks Oto Website dengan nama blog Anda.
- Jika Anda ingin mengubah warna teks cukup ganti kode #ffffff
- Untuk mengubah warna latar cukup ganti kode #000000
- Anda dapat menggunakan kode warna dengan menggunakan Kode Warna V3.
Menambahkan Tombol Share AddThis di blogger.
Jika Anda ingin meletakkan Tombol Share AddThis di bawah judul postingan cukup letakkan kode Share AddThis setelah kode
<div class='post-header'>
atau di atas kode
<data:post.body/>yang pertama.
Jika Anda ingin meletakkan Tombol Share AddThis di bawah setiap postingan cukup letakkan kode Share AddThis setelah kode
<div class='post-header-line-1'/>
atau
<div class='post-footer'>
atau di bawah kode
<data:post.body/>
yang ke dua
Jika hanya ingin tampil di halaman postingan
Jika Anda ingin Share AddThis ini hanya tampil di halaman postingan cukup sisipkan kode ini:
<b:if cond='data:blog.pageType == "item"'>
Script Share AddThis</b:if>
Ganti Script Share AddThis dengan script Share AddThis di atas.
Credits
Hack ini dibagikan ke Anda @otowebsite. Jika Anda ingin berbagi hack ini dengan pembaca Anda, maka silhakan link kembali ke tutorial ini. Nikmati ... Silakan berbagi hack ini dengan teman ....
makasih infonya kakak..
BalasHapusmemang otoblog yang terbaik
BalasHapus