Rabu, 08 Agustus 2012

Menambahkan Nama Blog Anda Dalam Tombol Share AddThis

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 ....

Tidak ada komentar:

Posting Komentar