Payco Sebagai Pengganti Paypal

Siapa yang tidak kenal Paypal...?? Paypal adalah salah satu online payment terbesar yang sudah mendarah daging bagi para pebisnis onlin...

Showing posts with label Video Tutorial. Show all posts
Showing posts with label Video Tutorial. Show all posts

video Tutorial Memasang / membuat Sticky Widget Blogger

01:53:00 0
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