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.

10 تعليقات

  1. غير معرفسبتمبر 20, 2012

    wah, makasih nih tipsnya gan

    salam blogger
    Belajar SEO

    ردحذف
  2. ko di blog ku tetap ga bisa ya??
    www.muhammadrinaldi17.blogspot.com

    ردحذف
  3. kok ngk berhasil ya, cuma G+ aja yg ngk nunul :D

    talenta.us

    ردحذف
  4. kok ini nggk bia ya, malah jadi kyak error gitu..
    www.cherlieandriani.blogspot.com

    ردحذف
  5. .. ini nanti merubah kolom comment bawaan template gak?!? ..

    ردحذف
  6. Sangat bermanfaat (soalnya saya dapat masalah beginian)
    terima kasih Mas Bro!

    ردحذف
  7. saya tidak bisa menemukan tanda post-footer-line
    jadi langkah apa yang tepat untuk mendapatkan hasil tersebut. terimakasih

    ردحذف
  8. trimakasih :)
    sangat bermanfaat

    ردحذف
  9. terimakasiiih... sudah dicoba :D

    ردحذف

إرسال تعليق

أحدث أقدم