Membuat sticky menu di blogspot

Ini berawal dari keinginan saya untuk mencari theme blogspot di blog saya yang satu lagi. Saya mulai mencari theme dengan kata kunci “theme with sticky menu blogspot”. Apakah saya menemukannya? Saya menemukan tapi themenya menurut saya tidak ringan dan terkesan berat tapi ketika saya menemukan theme yang menurut saya ringan tapi tanpa fitur sticky menu. Lalu apa yang harus saya lakukan? Menyerah, tentu tidak, akhirnya saya mencari cara membuat sticky menu di google dan akhirnya saya menemukanya di blog “contoh blog – > ini sumbernya ya…”.

Akhirnya saya terapkan di blog saya yang satu lagi dan berhasil. Tentu saja saya senang, mendapatkan theme yang ringan serta bisa merasakan fitur yang sangat saya inginkan. Berikut adakah langkah – langkah untuk meng-injeksikan kode dari contoh blog ke theme blogspot kita, yaitu :

a. Masuk ke edit html

b. cari </body> lalu masukkan kode berikut tepat di atas </body>

<script type=’text/javascript’>
//<![CDATA[
$(document).ready(function() {
var stickyNavTop = $(‘#menu-wrap‘).offset().top;
var stickyNav = function(){
var scrollTop = $(window).scrollTop();
if (scrollTop > stickyNavTop) {
$(‘#menu-wrap‘).css({ ‘position’: ‘fixed’, ‘top’:0, ‘z-index’:9999 });
} else {
$(‘#menu-wrap‘).css({ ‘position’: ‘relative’ });
}
};
stickyNav();
$(window).scroll(function() {
stickyNav();
});
});
//]]>
</script>

c. Ubah yang berwarna merah tersebut sesuai dengan kode menu yang ada di blog teman – teman.

d. Contohnya bisa dilihat di blankonjobs.com

Sekian dari saya tentang Membuat sticky menu di blogspot, semoga yang saya tuliskan dan share di blog ini berdasarkan pengalaman saya bisa berguna untuk kita semua.

Mau selalu update berita dari ikirangga[dot]com, teman – teman bisa follow twitter & facebook fan page ikirangga[dot]com.

Add a Comment

Your email address will not be published. Required fields are marked *