Config NetLoop VPN Android work 30 Maret 2016

Di artikel sebelumnya saya sudah membagikan config HTTP INJECTOR Unlock SSH untuk ISAT, jika belum download, ikuti link berikut ini http://...

video Tutorial Memasang / membuat Sticky Widget Blogger

01:53:00
Trik Blogger - Memasang / membuat Sticky Widget sidebar Blogger ternyata sangat mudah, tapi sebelumnya mungkin ada yg belum paham apa sih sticky widget itu?. Sticky widget sidebar yaitu membuat widget yang kita taruh di sidebar blog kita melayang mengikuti arah mouse saat kita naik turunkan halaman blog kita.

Sticky widget sering dipakai untuk widget-widget blogger yang di anggap penting supaya pengunjung blog tertarik dan bisa selalu melihat widget tersebut meskipun halaman blog kita di scroll turun jauh ke bawah.

Selain itu Sticky widget  menurut saya juga berfungsi untuk mempercantik blog saat halam blog di geser turun, sehingga sidebar blog tidak akan kosong meskipun halam blog kita sangat panjang yang biasanya banyak komentarnya. untuk contohnya bisa klik link berikut ini Menghitung Jumlah Weton Ala Hitungan Jawa

Ok langsung saja cara pemasangannya simak dibawah ini
  1. Tentukan dulu ID Widget yang akan kita bikin Sticky
  2. Setelah kita putuskan widget apa yang akan kita buat sticky, masuk bagian HTML template kita. Caranya masuk Blogger Dashboard -> Template -> Edit HTML
  3. Tekan CTRL + F untuk mencari ID widget yang akan kita bikin sticky
  4. Setelah ketemu copy ID Widget yg kita pilih
  5. Copy paste code di bawah ini tepat di atas kode ]]></b:skin> ganti HTML3 dengan ID widget anda
    .makesticking{background:none!important;position:fixed!important;top:25px;z-index:99;-webkit-transform:translateZ(0);} #HTML3 .widget-content {padding:0;margin:auto;}
  6. Copy kode dibawah ini tepat diatas kode </body> ganti HTML3 dengan ID  Widget anda
    <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("HTML3"); //]]> </script>
  7. simpan template dan lihat hasilnya... 
  8. Apabila kurang jelas lihat videonya dibawah ini, jangan lupa subcribe untuk mendapatkan video tutorial blog selanjutnya

Ditulis Oleh : Unknown ~ Arif Wong Ndeso

Anda sedang membaca sebuah artikel yang berjudul

video Tutorial Memasang / membuat Sticky Widget Blogger

URL : http://news.arifwongndeso.web.id/2015/06/video-tutorial-memasang-membuat-sticky.html

Semoga artikel tersebut bermanfaat untuk anda, Mohon maaf apabila konten yang anda baca rusak atau salah dalam penulisan. Jika ada pertanyaan, kritik, dan saran yang ingin di sampaikan silahkan tulis di kotak komentar

:: Terima Kasih, TTD: Arif Wong Ndeso ::

Artikel Terkait

Previous
Next Post »
Rekomendasi Untuk Anda close button minimize button maximize button

Maaf untuk komentar saya aktifkan moderasi, ini untuk menghindari komentar spam yg tidak berhubungan dengan artikel yag di komentari. EmoticonEmoticon