Header Ads

Cara Memasang Emoji / Emoticon di Blog

Cara Memasang Emoji / Emoticon di Blog

Kita semua akrab dengan reaksi emoji karena kita sering menggunakannya di jejaring sosial dan chatting dan SMS. Reaksi Emoji membantu kita untuk menjelaskan perasaan kita tentang topik yang sedang di bahas, oleh karena itu supaya saya tahu reaksi pengunjung blog mengenai perasaanya atau bagus tidaknya artikel saya, saya memutuskan untuk menambahkan emoji di akhir artikel.

Jika anda pernah atau sering membaca artikel di website liputan6.com atau lainnya anda akan menemukan reaksi Emoji di akhir Artikel, kira-kira seperti itulah jadinya nanti.

Apakah Emoji ini ada Manfaatnya ? tentu saja ada ketika ada yang menekan tombol emoji ini, maka terhitung sebagai klik dan ini bagus untuk blog yang akan di daftarkan adsense. selain itu emoticon ini juga responsive.

dan untuk anda yang ingin juga menerapkan Emoji ini di blognya, silahkan ikutiLangkah-langkahnya dibawah ini.

Langkah 1:  Kunjungi https://www.sharethis.com/platform/reaction-buttons/ .

Langkah 2: Klik tombol GET REACTION BUTTON.

Cara Memasang Emoji / Emoticon di Blog

Langkah 3:  Pilih Posisi Emoji yang akan di pasang di blog di kiri, kanan atau tengah, dengan cara mengklik kotak Left, Center, atau Right,

Cara Memasang Emoji / Emoticon di Blog

Langkah 4: gulir mouse ke bawah lalu Klik tombol  REGISTER & GET THE CODE

Cara Memasang Emoji / Emoticon di Blog


Langkah 5: Masukkan URL blog anda, email dan password, serta ceklis kotak I have read and Agree to Terms of Use and Privacy Policy dan klik GET CODE .

Cara Memasang Emoji / Emoticon di Blog

Langkah 6: Salin kode pertama yang ada di kotak yang tersedia lalu pergi ke blogger dashboard blogger pilih Tema dan klik Edit HTML kemudian salin kode Js tersebut di atas  kode <head> .

Cara Memasang Emoji / Emoticon di Blog

Catatan: Supaya tidak terjadi Error saat menyimpan template, silahkan anda rubah dulu & dengan & amp;. silahkan anda lihat pada tulisan yang saya tandai dengan warna kuning.
Contoh: 
<script type="text/javascript" src="//platform-api.sharethis.com/js/sharethis.js#property=59b62d8acd8c7e0012a725f9&product=inline-reaction-buttons"></script> 
Menjadi
<script type="text/javascript" src="//platform-api.sharethis.com/js/sharethis.js#property=59b62d8acd8c7e0012a725f9 & amp; product=inline-reaction-buttons"></script> 

Langkah 8: Salin kode kedua yang tertera disitu, lalu pastekan di mana Anda ingin menampilkan tombol emoji tersebut.

Jika Anda ingin menampilkannya di bawah postingan silahkan cari kode <div class='post-footer'>   di dalam template Anda lalu pastekan kode tadi di atas <div class='post-footer'>, anda akan menemukan 2 <div class='post-footer'> silahkan pastekan diatas kode yang ke 2. Jika Anda ingin menampilkannya di atas kolom komentar silahkan cari kode <p class='comment-footer'>. jika tidak ada cari yang mirip.

Terakhir klik tombol Go To Dashboard, lalu geser tombol Reaction Button ke On. tunggu 5 menit untuk melihat perubahan di blog anda.

Selesai

Lihat Juga: Cara Membuat Efek Zoom pada Gambar di Blog 

No comments

Powered by Blogger.