Cara mudah menambah Notifikasi Lonceng pada Blog

Advertisement

Cara mudah menambah Notifikasi Lonceng pada Blog

Goopost - Sempat berfikir tidak, bagaimana caranya menambah notif seperti facebook, instagram, twiter pada blog? Kalau belum sempat berfikir, nih jadikan bahan untuk membuat notif tombol lonceng pada blog.

  

Dalam pembuatan notif ini aku pakai Changelog, bukan cilok lo ya ! :) Jadi Changelog merupakan layanan untuk pembuatan notif pada blog secara mudah dan gampang. Cara ini gampang kok, simpel dan mudah diterapkan.

Nah, seperti ini hasilnya jika sudah berhasil .

 

Gitu ajalah penjelasanya kurang lebihnya bisa tanya ke google. Kita langsung praktekin aja ya ! 

Oke begini langkahnya :

Langkah Pertama Silahkan buat akun Changelog terlebih dahulu Klik disini

Langkah Kedua silahkan tekan tombol Create Your Changelog

  

Langkah Ketiga cari  menu setting > Install Your Widget ( script yang aku blog itu adalah kode Changelog/id)

 

Langkah Keempat sekarang masuk ke template blog >Edit Html >Copy kode dibawah ini > letakan diatas kode </body>.  ( Ubah xxxxxx dengan id changelod mu, kode seperti gambar diatas)

<script>
//<![CDATA[
var HW_config = {
    selector: ".changelog-badge", // CSS selector where to inject the badge
    account: "xxxxxx", // your account ID
  };
(function() { var ch = document.createElement('script'); ch.type = 'text/javascript'; ch.async = true; ch.src = '//cdn.headwayapp.co/widget.js'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ch, sc); })();
//]]>
</script>

Langkah Kelima Letakan kode dibawah ini sesuka kamu sesuai dengan posisi yang kamu inginkan.

<li class='menu-item changelog-badge'>
<a><i class='fa fa-bell'/></a>
</li>

Gimana? mudahkan ? silahkan dicoba ya !
 Kalau belum mengerti tempat peletakan kode bisa tanya dikolom komentar ya !
Selamat mencoba :)

(Oleh : Sy Tahtra )