Header Ads

Cara Menampilkan Tombol Reaksi di Template Bukan Bawaan Blogger

Cara Menampilkan Tombol Reaksi di Template Bukan Bawaan Blogger

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.

9 comments:

  1. wah, makasih nih tipsnya gan

    salam blogger
    Belajar SEO

    ReplyDelete
  2. ko di blog ku tetap ga bisa ya??
    www.muhammadrinaldi17.blogspot.com

    ReplyDelete
  3. kok ngk berhasil ya, cuma G+ aja yg ngk nunul :D

    talenta.us

    ReplyDelete
  4. kok ini nggk bia ya, malah jadi kyak error gitu..
    www.cherlieandriani.blogspot.com

    ReplyDelete
  5. .. ini nanti merubah kolom comment bawaan template gak?!? ..

    ReplyDelete
  6. Sangat bermanfaat (soalnya saya dapat masalah beginian)
    terima kasih Mas Bro!

    ReplyDelete
  7. saya tidak bisa menemukan tanda post-footer-line
    jadi langkah apa yang tepat untuk mendapatkan hasil tersebut. terimakasih

    ReplyDelete
  8. trimakasih :)
    sangat bermanfaat

    ReplyDelete

Comment Policies:

1. NO SPAM
2. NO LIVE LINK

Any violation will be deleted within 24 hours, thanks for your attention.

Template images by Ollustrator. Powered by Blogger.