Cara Menampilkan Tombol Reaksi Di Komentar Blogger

Para penjelajah situs di internet mungkin sudah tak abnormal lagi dengan yang namanya tombol reaksi pada blog. Terkadang ketika sedang membaca sebuah artikel di sebuah blog, dan final membacanya, secara tidak sengaja menemukan semacam tombol reaksi yang mempunyai gambar unik yang menggambarkan reaksi mulai dari bahagia sampai kesal.


Sebetulnya tanpa mengokuti tutorial berikut ini kau sudah sanggup memasang tombol reaksi di Blogger. Karena Blogger sendiri sudah menyediakan fitur tombol reaksinya, meskipun tampilannya cukup sederhana.


Nah, jadi kali ini bagi kau yang ingin memasang tombol reaksi di Blogger, atau lebih tepatnya di blogmu, kau sanggup mengikuti cara dibawah ini :



  1. Kamu harus menciptakan sebuah akun di situs Vicomi

  2. Klik tombol Get Your Free Reaction Tools Now

  3. Pilih Code For HTML Website

  4. Klik tombol Get the code for HTML website

  5. Isikan formnya dengan lengkap, alamat blog, email, dan password

  6. Salin dan tempel isyarat yang disediakan kedalam blog

    Tempel isyarat berikut diatas </body>


Kode :


<b:if cond=’data:blog.pageType == &quot;item&quot;’>


<script type=’text/j4vascript’>


//<![CDATA[


// Tombol Reaksi Vicomi


!function(){var e=document.createElement(“script”);e.async=!0,e.src=”https://assets-prod.vicomi.com/vicomi.js?token=1d852d9a6638475caf87db6cf9dd5255″;var c=document.getElementsByTagName(“script”)[0];c.parentNode.insertBefore(e,c)}(); //]]> </script>


</b:if>



  1. Lalu tambahkan juga isyarat HTML di bawah ini sesudah kode <data:post.body/>paling bawah yang dibungkus Tag kondisional halaman artikel.


<b:if cond=’data:blog.pageType == &quot;item&quot;’>


<div id=’kabarvicomi’>


<div class=’kabarvicomi’>


<div data-access-token=’1d852d9a6638475caf87db6cf9dd5255′ data-display-type=’4′ id=’vc feelback-main’/>


</div>


</div>


</b:if>



  1. Agar tampilannya rapi dan cantik, maka silahkan Anda tambahkan CSS berikut ini diatas kode </style>.


#kabarvicomi{position:relative;margin:0 auto 20px auto;overflow:hidden}


.kabarvicomi{margin:-28px auto 0 auto}



  1. Setelah itu klik tombol Simpan, dan lihat hasilnya.


Para penjelajah situs di internet mungkin sudah tak abnormal lagi dengan yang namanya tombol  Cara Menampilkan Tombol Reaksi di Komentar Blogger


Semoga bermanfaat ya teman-teman..


By. Arlina Design


Anda sanggup lihat artikel lainnya : Kenapa Harus Menghapus CSS, Javascript dan Widget Pada Blogger Kamu?



Sumber aciknadzirah.blogspot.com

Mari berteman dengan saya

Follow my Instagram _yudha58

Subscribe to receive free email updates:

Related Posts :

0 Response to "Cara Menampilkan Tombol Reaksi Di Komentar Blogger"

Posting Komentar