Cara mudah memasang Reactions Button di template bukan bawaan blogger

adscblog

Langkah langkah pemasangan Reactions Button di template bukan bawaan Blogger

Pada artikel sebelum nya saya sudah membuat Artikel tentang reaction Button,baik itu reaction Button Facebook atau yang lain nya,pada artikel ini juga masih sama tentang cara pembuatan Reactions button,namun kali ini bukan seperti reactions button pada artikel sebelum nya yang menggunakan reactions button dengan icon emo

Reaction Button yang kali ini saya bagi kan adalah Reactions Button bawaan Blogger yang dimana Reactions button ini tidak menggunakan Icon emo melainkan hanya menggunakan Ceklis saja,jika pemasangan reactions button pada template bawaan blogger atau asli blogger mungkin anda akan sangat mudah membuat atau menempatkan reactions button ini

Tetapi bagaimana ketika anda ingin menyimpan atau menggunakan reaction button pada template yang bukan asli dari Blogger,karena tidak semua template menyediakan reactions button ini,contoh nya adalah template yang infotrens pakai ini,pada awal nya reaction button ini tidak di sediakan di template ini,namun ketika saya menginginkan dan memasangan nya melalui settingan namun raection button ini tidak ada

Tetapi karena keinginan saya untuk menempatkan Reactions Button untuk template saya ini,lalu saya mencari cara untuk menampilkan Reactions Button yang saya inginkan seperti yang template blogger aslinya,dan setelah saya mencoba dengan meng otak atik template saya,pada akhir nya saya bisa menampilkan Reactions Button seperti pada bagian bawah postingan ini

Reactions Button Blogger Deafault

Walaupun tidak terlalu baik atau sempurna,tetapi Reactions Button ini bekerja dengan baik,dan contoh nya berada di bagian bawah template saya ini,sedangkan untuk menambahkan atau meng edit tulisan nya anda harus mengunjungi bagian setting nya,disana selain anda dapat menambahkan bagian kotak ceklis anda juga dapat mengganti tulisan nya sesuai yang anda inginkan

Namun mungkin anda juga akan merasa bingung bagaimana cara menampilkan Reactions Button ini dan juga anda akan merasa bingung bagaimana cara menambah kan tampilan nya atau juga mengganti tulisan nya,untuk itu silahkan anda ikuti langkah-langkah cara pembuatan Reactions Button di bawah ini

Tutorial pembuatan Reaction Button Bawaan Blogger

1. Silahkan anda login ke blogger
2. Lalu kemudian silahkan anda masuk ke bagian edit template html nya
3. Setelah itu silahkan anda anda letakan kode berikut di bawah kode <data:post.body/> atau sesuai keinginan anda,dan agar pencarian kode tersebut lebih cepat di temukan silahkan anda tekan tombol Ctrl+F secara bersamaan

<span class='reaction-buttons'>
        <b:if cond='data:top.showReactions'><table><data:top.reactionsLabel/>
          <tr border='0' cellpadding='0' cellspacing='0' width='100%'>
            <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
             Reactions:
<span class='reactions-label'>
              </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>

Langkah selanjut nya Lalu silahkan anda letakan kode Css berikut

.reactions-iframe {padding:-5px;float:left;
    background: transparant;
    height: 2.3em;
    width: 100%;
    border: 0;margin-top:8px;
}

Kemudian Save template dan lihat Hasil nya

Namun bagaimana cara agar Reactions Button tersebut bisa tampil di halaman postingan,untuk menampilkan di halaman postingan nya anda perlu menceklis Reactions di settingan nya dengan mengikuti langkah kedua di bawah ini

• Masuk ke bagian Layout atau Tataletak
• Kemudian silahkan anda klik edit pada bagian Main atau Main Wrapper (blog Post) yang dimana disan terdapat berbagai settingan seperti menambahkan Jumlah post,mengubah tampilan Tanggal dan juga lain nya seperti pada gambar di bawah ini
  

• Silahkan anda lihat pada gambar di atas,pada bagain kotak yang berwarna merah silahkan anda klik kotak kecil tersebut,dan untuk judul nya bisa anda ganti pada bagian Reactions
• Sedangkan pada kolom yang berwarna biru bisa anda ganti sesuai dengan ke inginan anda dengan mengklik "Edit" pada bagian kanan
• Setelah itu klik tombol save di bagian bawah dan lihat hasilnya di dalam postingan anda

Nah itulah cara pembuatan Reactions Buttom di template bukan bawaan blogger semoga artikel nya bisa bermanfaat untuk sobat blogger

adscblog

Recommendation Apps

ads1

Previous

Posting Lebih Baru

Next

Posting Lama

Posted by Dede Ubed, Published at 27 Desember and have 0 komentar