Social Items

Cara mudah buat sticky widget pada sidebar blogger

Ngomongin blogger tidak harus soal konten blog, namun juga desain blog itu sendiri,
bagi sobat yang bosan akan tampilan blog mungkin akan cari ide se kreatif mungkin untuk redesign blog nya, redesign blog salah satunya dengan mengubah tampilan widget sidebar dengan gaya sticky widget, sticky adalah gaya tampilan widget jika sobat menerapkannya maka widget tersebut akan tetap nampak walau sobat scrool ke bawah, untuk penggunaan sticky untuk widget saya sarankan agar :
  1. Digunakan pada navigasi situs guna memudahkan pengunjung blog.
  2. Pilih widget yang benar benar ingin di tonjolkan, Contoh : Jika sobat pasang iklan widget sticky ini bisa jadi cara agar iklan tetap tampil, dan Trending Topik
  3. Gunakan seminimal mungkin, guna kenyamanan pengunjung blog.
  4. Rekomendasi sticky widget hanya di sidebar.
Itulah rekomendasi penggunaan sticky pada widget, jika sobat ingin memasangnya di blog sobat caranya cukup mudah, hanya butuh beberapa poin saja.

Baca Juga : Buat menu sticky di blogger tanpa ribet

Berikut langkah langkah membuat sticky widget pada sidebar

Pertama. Login di dasboard blogger sobat.
Kedua. Masuk ke Template > Edit HTML
Ketiga. Letakkan kode berikut diatas </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("HTML1"); //]]>
</script>

Ke empat. Letakkan kode berikut diatas ]]></b:skin> atau </style>
.makesticking{background:none!important;position:fixed!important;top:25px;z-index:99;-webkit-transform:translateZ(0);} #HTML1 .widget-content {padding:0;margin:auto;}

Mudah bukan cara membuat sticky widget pada sidebar blogger, jika sobat belum berhasil coba periksa lagi kode satu per satu, jika sudah benar dan tetap tidak bisa silahkan komentar atau hubungi saya melalui form kontak.Terimakasih

Baca Juga : Cara buat iklan postingan powered by google

Cara mudah buat sticky widget pada sidebar blogger

Cara mudah buat sticky widget pada sidebar blogger

Ngomongin blogger tidak harus soal konten blog, namun juga desain blog itu sendiri,
bagi sobat yang bosan akan tampilan blog mungkin akan cari ide se kreatif mungkin untuk redesign blog nya, redesign blog salah satunya dengan mengubah tampilan widget sidebar dengan gaya sticky widget, sticky adalah gaya tampilan widget jika sobat menerapkannya maka widget tersebut akan tetap nampak walau sobat scrool ke bawah, untuk penggunaan sticky untuk widget saya sarankan agar :
  1. Digunakan pada navigasi situs guna memudahkan pengunjung blog.
  2. Pilih widget yang benar benar ingin di tonjolkan, Contoh : Jika sobat pasang iklan widget sticky ini bisa jadi cara agar iklan tetap tampil, dan Trending Topik
  3. Gunakan seminimal mungkin, guna kenyamanan pengunjung blog.
  4. Rekomendasi sticky widget hanya di sidebar.
Itulah rekomendasi penggunaan sticky pada widget, jika sobat ingin memasangnya di blog sobat caranya cukup mudah, hanya butuh beberapa poin saja.

Baca Juga : Buat menu sticky di blogger tanpa ribet

Berikut langkah langkah membuat sticky widget pada sidebar

Pertama. Login di dasboard blogger sobat.
Kedua. Masuk ke Template > Edit HTML
Ketiga. Letakkan kode berikut diatas </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("HTML1"); //]]>
</script>

Ke empat. Letakkan kode berikut diatas ]]></b:skin> atau </style>
.makesticking{background:none!important;position:fixed!important;top:25px;z-index:99;-webkit-transform:translateZ(0);} #HTML1 .widget-content {padding:0;margin:auto;}

Mudah bukan cara membuat sticky widget pada sidebar blogger, jika sobat belum berhasil coba periksa lagi kode satu per satu, jika sudah benar dan tetap tidak bisa silahkan komentar atau hubungi saya melalui form kontak.Terimakasih

Baca Juga : Cara buat iklan postingan powered by google

Tidak ada komentar

Assalamu'alaikum warohmatullah wabarokatuh.

Peraturan dalam berkomentar !
--------------------------------------------
1. Berkomentarlah yang relevan sesuai topik yang dibahas diatas.
2. Gunakan bahasa yang baik dan sopan.
3. Tidak Meninggalkan Link aktif.
4. Tidak berkomentar mengandung SPAM