Cara membuat Tombol Share di Atas Posting
Cara Memberi Tombol Share di Atas Posting - Cara membuat tombol share di atas / bawah postingan atau cara memasang / pasang tomobl share di atas posting - Setiap apa yang saya posting itu lah yang pernah saya coba atau pasang pada blog saya sendiri, salah satu nya pasang tombol share di atas postingan. Tombol share ini banyak ada tombol share like facebook, tombol share tweet dan banyak lain nya seperti social bookmarking.
Saya sudah merasakan fungsi tombol ini salah satu nya setiap update artikel saya langsung mengunakan tombol share ini untuk share artikel saya di berbagai social network dan submit artikel di berbagai social boorkmarking.
Berikut cara pasang tombol share di atas postingan:
1. Kunjungi website layanan dari www.addthis.com (anda bisa menggunakan layanan lain).
2. Pilih style button yang anda sukai. Setelah itu get addthis.
3. Jika ada form register di close aja, sehingga muncul seperti ini. (jika ingin register silahkan).
4. Copy kode nya, dan modif sedikit kode tersebut untuk mengatur format rata kiri, kanan, dan tengah.Buat sepert ini <div style='text-align: right;'>Pastekan script addthis disini</div>untuk mengubah format tata letaknya tinggal mengganti right, menjadi left atau center.
Sehingga menjadi seperti ini
<!-- AddThis Button BEGIN -->
<div style='text-align: center;'><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_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e01902e6f8880cf"></script></div>
<!-- AddThis Button END →
<div style='text-align: center;'><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_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e01902e6f8880cf"></script></div>
<!-- AddThis Button END →
5. Cari kode <div class='post-body entry-content' expr:id='"post-body-" + data:post.id'> di template sobat,
copy script addthis button di atas (pada no 4) letakan tepat di bawah <div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
6. Simpan template dan lihat hasilnya.
Cara pasang tombol share sangat berguna sekali untuk share artikel kita di social network dan social bookmarking.
Terima kasih telah membaca artikel Cara membuat Tombol Share di Atas Posting
Artikel ini memiliki rating: 97% Top Artikel dari 93058 ratings. 93058 pembaca merekomendasikan ini.
Ditulis Oleh Zai Azura
Description: Cara membuat Tombol Share di Atas Posting
Terimakasih atas kunjungan Sobat beserta kesediaan Sobat membaca artikel ini. Kritik dan Saran dapat Sobat sampaikan melalui Kotak komentar dibawah.
Artikel ini memiliki rating: 97% Top Artikel dari 93058 ratings. 93058 pembaca merekomendasikan ini.
Ditulis Oleh Zai Azura
Description: Cara membuat Tombol Share di Atas Posting
Terimakasih atas kunjungan Sobat beserta kesediaan Sobat membaca artikel ini. Kritik dan Saran dapat Sobat sampaikan melalui Kotak komentar dibawah.
0 comments
Post a Comment
Untuk menyisipkan gambar, gunakan tag <i rel='image'>URL GAMBAR ANDA...</i>
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA...</i>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA...</strong>
Link aktif akan dimatikan secara otomatis.
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!".
NB: Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (Out Of Topic) dengan menekan tombol OOT di bawah ini.
Konversi Kode di Sini! Emoticon OOT