search here and find more articles

Welcome To Infokita.Website


Cara Mudah Membuat Tombol Share Paling Simpel 2017

Cara membuat tombol share paling simpel 2017, oke langsung saja penting kah tombol share di blog apa itu tombol share di blog, tombol share itu sangat penting bahkan penting banget untuk sebuah blog atau website rata-rata setatistik pengunjung itu di hasilkan dari share.

Maka sangat penting banget tombol share di sebuah blog dan siapa yang belum tau tombol share pasti ngak ada saya yakin nga ada masuk pembahasan, saya akan membagikan tutorial cara membuat tombol share di blog paling mudah dan paling simpel berikut mari kita simak.

Tutorial cara yang saya bagikan ini mengunakan kode yang di letakakn di HTML yang sangat mudah dan tentu nya responsiv tidak membebani fas loding blog kalian sepesial yang akan saya bagikan kali ini satu kode untuk dua tombol share yang pertama di bawah postingan dan yang kedua di samping kiri postingan

Dan yang menarik tombol share di samping postingan tidak akan muncul bila kita klik home atau halaman beranda tombol share di samping akan muncul setelah kalian klik buka halaman, bersamaan dengan tombol share yang ada di bawah postingan berikut gambar contoh nya.

Membuat Tombol Share Paling Simpel 2017

Gambar di atas adalah contoh tombol share yang akan kita buat dua tombol share di bawah postingan dan di samping postingan dengan satu kode berikut cara tutorial oke-goo :

1. Login gmail lalu buka bloger
2. silahkan klik menu tema di samping kiri bloger
3. Edit html
4. Cari kode <data:post.body/>  Tanpa garis bawah
5. Jika sudh ketemu letakkan kode di bawah ini tepat di bawah kode <data:post.body/> tersebut.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='text-align: left; font: 11px Arial; color: #000; margin: 20px auto; padding: 10px 5px;width: 600px;'>
<div style='float:left;padding:1px;margin-right:15px;font:bold 13px Arial;'>
<strong>Share this article</strong> :
</div>
<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_pinterest_pinit'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script type='text/javascript'>var addthis_config = {&quot;data_track_addressbar&quot;:true};</script>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4fea027b6493fe59' type='text/javascript'/>
<!-- AddThis Button END -->
</div>
</b:if>

Kemudian jangan lupa di simpan dan sekarang lihat hasil nya jika tombol share sudh muncul berarti kalian berhasil menambahkan tombol share tersebut kalau belum muncul perhatikan kode <data:post.body/> mungkin setelah kalian cari kode <data:post.body/> kalian akan menemukan tiga atau dua kode yang mirip atau sama

Kalian tingal pilih salah satu sesuaikan dengan template kamu silahkan di coba satau-satu sampai tombol share tersebut muncul biasanya di template yang sudah pernah saya terapkkan saya letakkan di bawah kode <data:post.body/> yang ke tiga karena di template saya kode yang sama ada tiga. Selamat mencoba dan semoga sukses.

0 komentar

click to leave a comment!

 

Formulir Kontak

Nama

Email *

Pesan *