Cara Mudah Membuat Tombol Reaksi di Bawah Artikel Pada Blogger Cara Mudah Membuat Tombol Reaksi di Bawah Artikel Pada Blogger - mizipediacom mizipediacom: Cara Mudah Membuat Tombol Reaksi di Bawah Artikel Pada Blogger

KATEGORI










LIVE TV

Iklan Semua Halaman

Cara Mudah Membuat Tombol Reaksi di Bawah Artikel Pada Blogger

Tuesday, 24 April 2018



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