MASIGNCLEAN102

Cara Mudah Membuat Sticky Sidebar yang Responsive

Assalamualaikum, jika anda pernah berkunjung ke beberapa blog pasti kalian pernah menemukan blog dengan sidebar yang mengikuti kalian setiap kalian scroll ke atas maupun ke-bawah.Bagi sebagian besar blogger, ini merupakan hal yang cukup menarik.Mungkin sebelumnya kalian pernah berkunjung ke beberapa blog yang mengulas tema yang sama yaitu Sticky Sidebar yang Responsive.Dan jika beruntung akan berhasil namun jika tidak, artinya script yang kalian dapatkan dari blog tersebut sudah kadaluarsa.Bedanya, kali ini sakubolong.com akan membagikan tips yang lebih cepat dan mudah.

Script yang saya bagikan pada artikel kali ini mungkin tidak work pada beberapa template.Tapi, dijamin akan work 100% jika kalian menggunakan Template Evomagz dari mas sugeng.Karena saya sendiri sudah saya coba sendiri kemanjurannya.Dan beberapa teman blogger indonesia juga menggunakan script sidebar ini seperti blog anggasave dan lainnya.Dan perlu diketahui juga, script Theia sticky sidebar juga saya gunakan di blog sakubolong dan tkjmbayo.

Sticky widget ini sangat berguna untuk meningkatkan impressions gambar/banner pada blog , meningkatkan impressions iklan google adsense, meningkatkan potensi iklan mendapat klik lebih banyak, mengisi kekosongan pada wrapper, memperindah tampilan blog, dan masih banyak lagi.

Jadi, ga ada salahnya bagi kalian yang ingin mencoba menerapkan sticky sidebar ini.

Cara Mudah Membuat Sticky Sidebar yang Responsive

Membuat Sticky Widget pada Blogger/Blogspot

Pertama, masuk ke worksheet html di blogger, pada Tema -> Edit HTML.Lalu, masukkan script dibawah ini pada bagian atas </body>.atau bisa juga dibawah section <body> sama saja.





Setelah, itu Simpan Tema dan selesai.Silahkan dicek apakah sidebar telah berfungsi

Perlu diketahui !!

  1. Tidak semua template dapat work 100% menggunakan cara ini
  2. Ganti sidebar-wrapper sesuai nama / ID Sidebar wrapper yang digunakan.Cara mencarinya yang paling mudah menurut saya yaitu.Klik kanan pada Home page blog kita -> View Page Source -> CTRL + F lalu cari <aside. Darisitu ketahuan sudah nama-nama wrapper yang digunakan pada blog kita 
    Cara Mudah Membuat Sticky Sidebar yang Responsive
    Cari nama Wrapper
Cukup sekian tips dan trik yang dapat saya berikan semoga bermanfaat.
Terimkasih,
Wassalamualaikum.


Share This :
SakuBolong