© Wikimedia

Cara Membuat Sticky Widget pada Blog

Diposting pada

Cara Membuat Sticky Widget pada Blog – Assalamualaikum Wr.Wb salam sejahtera untuk kita semua,pada kesempatan kali ini Saya ingin memberikan sebuah tutorial Blog yang mungkin saja Berguna untuk kawan-kawan blogger. Sebelum masuk ke pembahasan,saya akan menjelaskan sedikit apa itu “Sticky Widget“,Sticky Widget merupakan sebuah teknik untuk meningkatkan jumlah klik pada iklan adsense,sehingga pendapatan dari google adsense pun ikut juga bertambah.

© Wikimedia

Baca Juga : Cara Membuat safelink sendiri menggunakan Blogger

  1.  Pertama,Sobat harus loggin ke Blogger
  2.  Lalu Pergi ke Template
  3.  Lalu cari kode ]]></b:skin> atau </style>
  4.  Tambahkan kode dibawah ini tepat di atas kode nomor 3
.makesticking{background:none!important;position:fixed!important;top:25px;z-index:100;-webkit-transform:translateZ(0);}
#HTML1 .widget-content {padding:0;margin:auto;}

5.  Lalu cari kode </body>
Baca Juga : 3 Shortener terbukti membayar Mahal
6. Tambahkan kode dibawah ini tepat diatas kode nomor 5

<script type='text/javascript'>
//<![CDATA[
// Sticky Widget
function makemeSticky(e){function t(){var e=s.getBoundingClientRect();e.top<0?(n.className=a+" makesticking",n.style.width=i+"px"):n.className=a}var n=document.getElementById(e),s=document.createElement("div");n.parentNode.insertBefore(s,n);var i=n.offsetWidth,a=n.className+" makesticky";window.addEventListener("scroll",t,!1)}makemeSticky("HTML1");
//]]>
</script>

7. Simpan Template.Lalu lihat hasilnya

Nb : HTML1 ubah dengan id widget yang ingin dijadikan Sticky

One thought on “Cara Membuat Sticky Widget pada Blog

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *