Cara Menampilkan Tombol Reaksi di Template Bukan Bawaan Blogger

Cara Menampilkan Tombol Reaksi di Template Bukan Bawaan Blogger - Menambahkan tombol Reaksi pada template asli bawaan Blogger memang tidak ditemukan kendala. Namun, begitu saya menerapkannya di template bukan bawaan Blogger, contohnya pada template yang sedang saya gunakan ini, tombol Reaksi tersebut tidak muncul walaupun saya sudah memberi tanda centang pada "Reaksi" di elemen "Posting Blog".

Untuk menampilkan tombol Reaksi di template non Blogger ini, saya harus menambahkan kode tombol Reaksi secara manual pada HTML template blog. Berikut langkah-langkah untuk menampilkan tombol reaksi pada template bukan bawaan Blogger.

1. Masuk ke akun Blogger.

2. Klik "Opsi lainnya" >> "Tata Letak".

3. Pada elemen "Posting Blog" klik "Edit".

4. Beri tanda centang pada "Reaksi:" dan lakukan pengeditan sesuai keinginan.

5. Klik tombol "Simpan".

6. Lihat pada salah satu artikel, jika tombol Reaksi tidak muncul juga, silakan coba langkah-langkah berikutnya di bawah ini.

7. Pergi ke menu "Template".

8. Klik tombol "Edit HTML" >> tombol "Lanjutkan".

9. Beri tanda contreng di "Expand Template Widget".

10. Cari kode <div class='post-footer-line post-footer-line-3'> lalu letakkan kode di bawah ini setelah kode tersebut.

<b:if cond='data:blog.pageType == &quot;item&quot;'><span 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>&#160;</td>

            <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>

           </tr></table>

        </b:if>

      </span></b:if>

Kalau posisinya tidak cocok, Sobat juga dapat mencoba meletakkannya setelah kode <div class='post-footer-line post-footer-line-1'> atau kode <div class='post-footer-line post-footer-line-2'>. Silakan disesuaikan dengan keadaan template masing-masing.

11. Klik tombol "Simpan template" dan lihat hasilnya.