Cara Mudah Membuat Tombol Reaksi di Bawah Artikel Pada Blogger



Cara Mudah Membuat Tombol Reaksi di Bawah Artikel Pada Blogger

cara mudah membuat tombol reaksi di bawah artikel pada blogger. Malam ini saya akan berbagi cara membuat tombol reaksi di bawah artikel/ postingan blog, namun di antara para blogger ada yang suka memasang tombol reaksi dan ada juga yang tidak suka memasang nya. 

Sebenarnya dengan kita memasang tombol reaksi tersebut tentu menurut saya sangat berguna pada blog kita. Mengapa demikian karena kita bisa mengetahui apa reaksi pembaca terhadap tulisan yang kita tulis bagus atau tidak nya, dengan begitu bisa menjadi motivasi bagi kita sendiri untuk memperbaiki content yang kita buat.
Sebelumnya saya juga pernah mencoba untuk memasang tombol reaksi Vicomi namun saya tidak tertarik untuk memasang nya. jadi saya mencoba untuk memasang tombol reaksi yang simple saja. Dengan kita memasang tombol reaksi tersebut dapat memudahkan  kita bisa tahu seberapa besar reaksi pengunjung blog terhadap  yang kita bagikan tersebut.

Bagi anda yang tertarik untuk memasang tombol reaksi yang simple, bisa anda ikuti langkah-langkah di bawah ini.

Tombol Reaksi di Bawah Artikel

1. Pertama , pastikan anda sudah masuk di dasbhor anda sendiri
2. Kemudian anda masuk pada bagian editor template , caranya pilih Menu Template -> Edit HTML.
3. Temukan kode yang sesuai untuk meletakan tombol rekasi di bawah konten blog anda.
<!-- Reaksi Button Start -->
<div class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
<span class='reactions-label'>
<data:top.reactionsLabel/></span></td>
<td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
</tr></table>
</b:if>
</div> 
<!-- Reaksi Button End -->
4. Selanjutnya anda bisa copy kode css tombol reaksi di bawah ini, dan pastekan di atas kode ]]></b:skin>
.reaction-buttons{margin-bottom:-15px !important}
.reactions-iframe{padding-top:4px;height:1.8em !important;}
.reactions-label{margin:8px !important}
5. Terakhir anda klik Save Template dan untuk memanggil tombol reaksi nya, anda bisa masuk ke Tata Letak. Atau lihat contoh gambar di bawah ini:
Jika sudah anda klik tombol centang pada kolom rekasi seperti gambar di atas, maka jangan lupa anda klik  Simpan coba anda lihat berhasil atau tidak jika berhasil saya ucapkan selamat anda sukses menerapkan nya. Untuk anda yang masih gagal menerapkannya bisa anda baca baik-baik dan ikuti langkah-langkah penjelasan di atas dengan cermat.

Demikian penjelasan saya pada malam ini, semoga artikel yang saya buat ini dapat berguna dan bermanfaat untuk anda. 

Share Google URL Shortener: Get Short URLloading short url

Bila Anda merasa memang artikel-artikel di blog ini bisa bermanfaat, maka Anda bisa membantu memberikan donasi melalui Paypal Dana hasil dari donasi akan digunakan untuk memperpanjang domain mizipedia.com - Terima kasih.


Comment Policy Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments

Peraturan Berkomentar di mizipediacom
1. Berkomentarlah dengan Relevan dan Sopan
2. Jangan Spam
3. Tidak Porn dan Sara
4. Berkomentar dengan link tanpa relevan maka akan otomatis terhapus
5. Semua komentar pasti akan saya baca dan dibalas. Show Emoticon. Klik ==>