Skip to main content

Cara Membuat Sticky Widget Sidebar di Blog

Cara Membuat Sticky Widget Sidebar di Blog - Kali ini saya akan mengajarkan kepada anda Cara Membuat Sticky Widget Sidebar di Blog. Apa Itu Sticky Widget SidebarSticky Widget Sidebar berarti membuat widget yang selalu menempel walaupun mouse kita scroll. Anda bisa melihat Contohnya seperti pada gambar gif di bawah ini.

Cara ini sering di pergunakan untuk memperbanyak Like atau Follow FanPage, Twitter, Google+, dengan menggunakan cara ini 50% pengunjung Blog anda akan mengeLike dan Follow. Oke dari pada kelamaan yuk langsung saja ke langkah-langkahnya.


Berikut adalah Cara Membuat Sticky Widget Sidebar di Blog:

1. Login ke Blogger
2. Klik Template > Edit HTML
3. Tambahkan kode CSS di bawah ini di atas ]]></b:skin>
.sticky {
  position:fixed;
  top:10px;/* jarak dari atas*/
  z-index: 100;
}

4. Kemudian cari kode </body>, dan letakan kode di bawah ini diatas kode </body>.
script type='text/javascript'>
$(document).ready(function() {
var stickyWidgetTop = $('#HTML7').offset().top; 
var stickyWidget = function(){
var scrollTop = $(window).scrollTop();     
if (scrollTop > stickyWidgetTop) { 
    $('#HTML7').addClass('sticky');
} else {
    $('#HTML7').removeClass('sticky'); 
}
};
stickyWidget();
$(window).scroll(function() {
    stickyWidget();
});
});
</script>

Catatan: Ganti kode yang berwarna Biru dengan ID Widget yang akan dibuat Sticky.

5. Setelah semuanya selesai Klik Simpan, dan lihat hasilnya.
KLIK DISINI UNTUK DOWNLOAD



Comments

Popular posts from this blog

Versi Teks Dragon Ball Z Episode 200 Bagian 3

Sebelumnya : Dragon Ball Z Episode 200 Bagian 2

"Hei Videl, apa menurutmu dia lebih kuat dari ayahmu?" Teman gadis di sebelah kirinya bertanya. "Jangan bodoh, ayah Videl adalah Mr.Satan, penyelamat Bumi!" ucap siswa yang duduk di depan Videl. "Tak seorangpun di dunia ini yang lebih kuat darinya."

Setelahnya, pak guru masuk kelas. Videl kembali duduk di kursinya, dan pelajaran akan segera dimulai. Namun sebelum itu, pak guru hendak memperkenalkan seorang siswa baru. ya, dia tak lain adalah Son Gohan.

"Selamat pagi semuanya, hari ini kita kedatangan mahasiswa baru. Silakan masuk."

"Perkenalkan, namaku Son Gohan. Senang bertemu dengan kalian."


"Wah, tampan sekali, dia adalah tipeku." ucap teman Videl.
"Gohan? nama yang aneh." ucap siswa di depan Videl.
Sejenak Videl terdiam, dan kemudian teringat kalau, "Sepertinya aku pernah bertemu dengannya."

"Fufufu, dia terlihat seperti seorang kutu buku." ucap Sharpen…

Download Movie Twilight Saga : Breaking Dawn Part 2

Download Movie Twilight Saga : Breaking Dawn Part 2 Sinopsis:
Cerita ini dimulai ketika Bella (Kristen Stewart) melahirkan seorang putri bernama Renesmee, setelah ibu nya Renee, dan ibu adopsi Edward (Robert Pattinson), Esme. Jacob (Taylor Lautner) melindungi anak dan orang tua baru tersebut dari wujud serigalanya Saat Volturi mengetahui tetang Renesmee, mereka berasumsi bahwa keluarga Cullen telah merusak hukum vampir dan menciptakan hukum baru dengan mengubah seorang anak manusia menjadi anak vampir.


Alice memiliki penglihatan bahwa Volturi akan datang membunuh mereka semua, dan tidak ada alasan yang kuat untuk mereka bertahan. Keluarga Cullen memanggil teman-teman vampir dari seluruh dunia untuk mengetahui keberadaan Renesmee sehingga mereka dapat membuktikan bahwa ia adalah manusia/keturunan vampir. Saat Alice dan Jasper menghilang, keluarga Cullend mengkhawatirkan yang terburuk dan mempersiapkan diri mereka untuk sebuah perang besar. 
Yah, mungkin sekian dulu ulasan tentang cerita in…

The Dark Knight Rises Apk Game Android

download Game The Dark Knight Rises Free Android

Anda pasti sudah mengenal super hero yang satu ini, ya Batman si manusia kelelawar. Cerita Komik yang sudah diadaptasi kedalam berbagai hal, mulai dari film kartun hingga layar lebar ini kini tersedia dalam bentuk game untuk android.

dalam game The Dark Knight Rises anda akan memerankan diri sebagai BATMAN untuk menyelamatkan kota tercintanya: