Kali ini saya akan berbagi tutorial biasa tapi menarik dan tutorial kali ini temanya adalah Menambahkan Nama Blog Anda Dalam Tombol Share AddThis. Saya telah menemukan hack tentang menambahkan judul blog Anda di tombol Share AddThis.
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 ....

Poskan Komentar Blogger Disqus

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Penting:
Jika Anda mengajukan pertanyaan klik 'Subscribe by email' link di bawah form komentar untuk mengetahui komentar balasan.

Khusus untuk membalas komentar disarankan menggunakan tombol balas/reply di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur.

Dilarang Meninggalkan Link Aktif, Link Aktif Terpaksa Akan Saya Hapus Dari Komentar.

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

Konversi Kode di Sini! Daftar Member Aktif

 
Top