Mengaktifkan Tombol Reaksi Untuk Post Pada Blog AMP HTML

Banyak diantara kita sebagai Blogger yang belum memaksimalkan Tools atau alat komplemen pada Blogspot kita, salah satunya yaitu manfaat mengaktifkan tombol reaksi untuk postingan termasuk aku ini. Ternyata tombol reaksi tersebut mempunyai pengaruh dan manfaat cukup baik untuk feedback di setiap postingan blog yang kita terbitkan, entah kenapa aku perhatikan banyak dari blogger yang tidak mengaktifkan atau menampilkan Tombol feedback Reaksi Untuk Post Pada Blog apa alasannya tampilan iconnya yang biasa saja sederhana atau alasan lainnya atau mampu saja mungkin tidak mengetahui manfaatnya.

Ada kabar baik di postingan kali ini aku akan menyebarkan instruksi script untuk Tombol Reaksi Untuk Post Pada Blog . Bagi sahabat yang tertarik ingin menggunakannya silahkan ikuti cara-cara dibawah ini.

Cara pertama ini khusus untuk Blog Template , silahkan sahabat copy instruksi dibawah ini pada Edit HTML Blognya dan simpan sempurna dibawah postingan blog.
<b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='reaction-buttons'>         <b:if cond='data:top.showReactions'>           <span class='reactions-label'><data:top.reactionsLabel/></span><span class='reactions-iframe'><amp-iframe allowtransparency='' expr:src='data:post.reactionsUrl' frameborder='0' height='21' layout='fixed' sandbox='allow-forms allow-scripts allow-same-origin allow-modals allow-popups' scrolling='no' width='300'> </amp-iframe></span>        </b:if>       </div> </b:if>

Perhatikan baik-baik penempatan instruksi scriptnya

Cara ke dua ini khusus untuk Blog Template HTML yang non sahabat hanya cukup rubah instruksi amp-iframe dengan iframe HTML5.

Agar nantinya postingan blog terlihat rapih maka sahabat tambahkan instruksi CSS dibawah ini tempatkan di Custom CSS pada edit HTML blog sobat.
.reaction-buttons{margin:20px 0} .reactions-label{margin-right:.7em} .reactions-iframe{overflow:hidden} .reactions-iframe amp-iframe{vertical-align:-5px;margin-left:-0.7em}

Oia hingga lupa bagi sahabat yang belum memasang instruksi js silahkan tambahkan js amp-iframe dihalaman postingan blognya

Nah jikalau cara diatas sudah simpulan lanjut ke setingan tata letak klik edit di gadget Blog Postnya kemudian gulung kebawah cari dan ceklist atau centang reaksi, untuk kalimatnya silahkan sahabat atur sesuaikan.

Lebih Jelasnya perhatikan Capture Gambar dibawah ini

Edit Blog



Kemudian perhatikan selanjutnya

Cara Edit Blog


Baiklah Sobat itu saja mungkin kali ini yang aku mampu bagikan, penerapan instruksi untuk template Blog agak sedikit berbeda menyerupai yang sudah aku bahas sebelumnya (Baca juga : Cara Mudah Edit Template Blog ) di situ ada penjelasan penerapan instruksi Blog . Jika ada sahabat yang ingin menambahkan dan menyebarkan pengalamannya mampu menyebarkan di kolom komentar ini, terima kasih sudah berkunjung.

Comments