Memasang Sticky Widget Melayang

sudah lama gak berbagi tips ini sekarang saya akan berbagi tips memasang sticky widget melayang
sticky ini berbguna gan biar tampilan blog agan tambah bagus
ok simak tipsnya

Buka Template Edit html kemudian copy kode di bawah ini letakan di atas  </body>
<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("Followers1");
//]]>
</script>

Kemudian Ganti Follwers1 Dengan Widget Yang Mau Anda Pilih

Selanjutnya Memasang Css Pasang Di atas  ]]></b:skin>atau</style>
.makesticking{background:none!important;position:fixed!important;top:60px;z-index:99;-webkit-transform:translateZ(0);}
#Followers1 .widget-content {padding:0;margin:auto;}

Kode Yang Di Tandain Ganti Dengan Widget yang Barusan Di ganti atau Di cocokan Dengan Yang Di body

 Dan Selanjutnya Simpan Template Dan Lihat Hasil 
 Semoga Bermanfaat

0 Response to "Memasang Sticky Widget Melayang"

Post a Comment