CARA MEMBUAT MENU NAVIGASI STICKY ALIAS FIX DIBAWAH /HEAD> CARA MEMBUAT MENU NAVIGASI STICKY ALIAS FIX DIBAWAH /HEAD> - SUARA HARIAN OTO BEMO BERODA TIGA
Suara Harian Oto Bemo Beroda Tiga

Komunikasi, Media Ilmu & Pengetahuan Umum Blogging

Langsung ke konten utama

"OTO BEMO.. OTO BEMO.. BERODA TIGA .. TEMPAT BERHENTI.. DITENGAH TENGAH KOTA..PANGGIL NONA..PANGGIL NONA..NAIK KERETA..NONA BILANG..TIDAK PUNYA UANG.. JALAN KAKI SAJA"

CARA MEMBUAT MENU NAVIGASI STICKY ALIAS FIX DIBAWAH /HEAD>

Gambar
🔓Owner Post Published 🕕
HOME GOOGLE CARA MEMBUAT MENU NAVIGASI STICKY ALIAS FIX DIBAWAH /HEAD>

Home CSS  html  JavaScript  menu  navigasi, serial tutorial khusus, cara membuat menu sticky cocok untuk tempalte Essential, Contempo, Emporio, Soho, dan Notable, namun Notable hasil kurang mantap.

Mari kita coba sticky Menu Navigasi dibawah ini, dan membuktikan apakah kita dapat menerapkannya pada template blogger kita. Perhatikan cara membuatnya:

Sebaiknya back up template anda terlebih dahulu untuk berjaga jaga

Masuk ke pengaturan blogger

Pilih Tema

Pilih opsi editHTML

Langkah pertama: Cari kode </head> lalu copy kode dibawah ini dan pastekan dibawah </head> .

<div id="navbar">

<a href="#home">Home</a>

<a href="#news">News</a>

<a href="#contact">Contact</a>

</div>

Langkah kedua: Cari kode ]]></b:skin> lalu copy kode dibawah ini dan pastekan diatas kode tadi. Jika ingin merubah background color, maka bisa diganti warna sesuai selera anda yang ditandai berwarna background color merah,  #333.

/* Style the navbar */

#navbar {

overflow: hidden;

background-color: #333;

}

 

/* Navbar links */

#navbar a {

float: left;

display: block;

color: #f2f2f2;

text-align: center;

padding: 14px;

text-decoration: none;

}

 

/* Page content */

.content {

padding: 16px;

}

Langkah ketiga: Tambahkan kode JavaScript dibawah ini letakan diatas kode </body>:

<script>window.onscroll = function() {myFunction()};var navbar = document.getElementById("navbar");var sticky = navbar.offsetTop;function myFunction() { if (window.pageYOffset >= sticky) {

navbar.classList.add("sticky")

} else {

navbar.classList.remove("sticky");

}

}</script>

Save tema

Catatan templat dapat menerapkan ini, pada beberapa kasus khusus harus diformat terlebih dahulu. Apabila  dan jika sticky  dan search mengalami pembekuan, maka lakukan perbaikan dan tambahan kode, kunjungi artikel ini Cara-menghilangkan-efek-lengket



Bagaimana Reaksi Anda Tentang Artikel Ini?

Komentar

Posting Komentar

SILAKAN KOMENTAR SESUAI TOPIK.....

POPULAR POST

LIMA HAL YANG MELEJITKAN ORANG BIASA MENJADI SUKSES

🔓Owner Post Published 🕕
Setiap orang tentu ingin menjadi orang sukses.  Tapi kenapa keberhasilan tampak begitu mudah menghampiri orang lain dan tidak pada diri anda? Kenapa orang lain tampak begitu gampang mendapat apapun yang diinginkannya, sedang anda sekalipun merasa sudah berusaha SANGAT keras, bahkan mungkin jungkir balik ke sana kemari namun yang didapat hanya secuil. Apa benar itu karena takdir? Apa mungkin mereka lebih beruntung dari anda? Tentang orang-orang sukses, dari pengamatan saya, mereka memiliki beberapa kesamaan : 1. MENCINTAI YANG DI LAKUKAN. Orang-orang sukses biasanya berhasil di bidang yang dicintainya. Karena senang dengan yang dilakukannya, mereka akan menjalaninya dengan riang gembira.Tanpa ada paksaan. Lakukan apa yang anda cintai. Makin anda lakukan, makin bersemangat dan nikmat menjalaninya. 2. BERORIENTASI PADA TUJUAN. Orang-orang sukses selalu berorientasi padatujuan.  Tahu mengapa harus melakukan sesuatu. Dan memfokuskan usahanya untuk m...
Posting Komentar
🔗BACA SELENGKAPNYA »

POLA PIKIR ORANG SUKSES DALAM BERFIKIR

🔓Owner Post Published 🕕
1. Orang yang sukses adalah orang yang berani untuk berjalan-jalan dengan kegagalan….. orang yang sukses adalah orang berteman dengan kegagalan……… karena orang yang sukses mengenal arti kegagalan; 2. Kerjakanlah apa yang bisa kamu kerjakan hari ini sebab esok hari belum tentu kita bisa mengerjakan apa yang seharusnya kita kerjakan………; 3. Sukses seringkali datang pada mereka yang berani bertindak, dan jarang menghampiri penakut yang tidak berani mengambil konsekuensi...; 4. Apapun yang terjadi berbahagialah dan selalu berterimakasih, berusaha untuk lebih baik dan sehat lagi. jangan lupa untuk membantu dan membahagiakan orang lain. 5. Dalam Hidup ada 2 pilihan, “anda mau maju sebagai pemenang atau mundur sebagai pecundang”; 6. Yang belum terlihat bukan berarti tidak ada, yang belum berhasil bukan berarti gagal dan yang belum diraih bukan berarti tidak pernah Karena dimana ada IMAN pasti ada JALAN KELUAR; 7. Tidak selamanya pemenang itu benar.. Tetapi seseoran...
Posting Komentar
🔗BACA SELENGKAPNYA »

PELUANG USAHA BARU DARI BURGER IKAN LAUT

🔓Owner Post Published 🕕
Peluang Usaha Baru Dari Burger Ikan Laut Hamburger atau biasa juga disingkat menjadi burger merupakan kuliner yang berasal dari Eropa. Burger sangat identik dengan roti bulat yang diiris menjadi 2 bagian, kemudian diisi dengan saus mayonaise, keju, selada dan daging. Beberapa tahun belakangan ini burger mulai populer di Negara Indonesia, sehingga tidak heran jika seiring berjalannya waktu banyak outlet burger yang mulai bermunculan. Selama ini kuliner burger memang banyak dikenal oleh masyarakat sebagai makanan junk food yang kurang baik bagi kesehatan tubuh jika terlalu sering dikonsumsi.   Namun, anggapan dari kuliner kurang sehat ini tentunya bisa diubah menjadi salah satu kuliner yang banyak mengandung gizi.   Caranya, dengan menghadirkan olahan hasil ikan laut sebagai pengganti dari irisan daging yang merupakan isian di dalam burger. Banyaknya peluang usaha baru yang semakin cerah dengan aneka olahan ikan, maka kuliner burger ikan laut pun bisa menjad...
Posting Komentar
🔗BACA SELENGKAPNYA »

GERAKAN ISLAM DI TANAH BANJAR : BEBERAPA KISAH RECEH TUAN GURU DI TANAH BANJAR

🔓Owner Post Published 🕕
Beberapa Kisah Receh Tuan Guru di Tanah Banjar Hairus Salim dalam esai Gus Dur dan Guru Sekumpul: Sebuah Pertemuan menggambarkan pemasangan poster foto ulama adalah salah satu wujud penghormatan terhadap para ulama. Ulama atau Tuan Guru memiliki posisi penting dan penghormatan pada mereka hanya salah satu dari artikulasi keberislaman masyarakat Banjar. Dalam perjalanan pulang dari Banjarmasin, Hairus Salim mengisahkan bahwa seperti umumnya warung dan rumah orang Banjar di kawasan Kalimantan Selatan, dinding warung tersebut dipenuhi poster foto-foto ulama. Kisah yang dimuat di laman NU Online tersebut mengisahkan poster foto ulama tersebut merujuk pada sosok KH. Muhammad Zaini bin Abdul Ghani atau akrab dengan Guru Sekumpul dan KH. Abdurrahman Wahid atau Gus Dur. Memang, jika bepergian ke tanah Banjar, maka poster foto ulama akan sangat mudah ditemui. Tidak saja di tempat makan, sebagaimana cerita Hairus Salim, namun di rumah, tempat kerja dan lain-lain, masyarakat Banjar juga sering me...
Posting Komentar
🔗BACA SELENGKAPNYA »

ABDULLAH AL MUBARAK : ANTARA CINTA ASMARA DAN CINTA ALLAH

🔓Owner Post Published 🕕
Abdullah Al-Mubarak : Antara Cinta Asmara dan Cinta Allah Sejak muda ia sudah bertobat dan mendapat pencerahan cahaya Ilahiah. Wali yang doanya makbul ini juga dikenal sebagai ahli hadits dan hartawan yang dermawan. Suatu hari, anak muda itu tergila-gila kepada seorang gadis. Iapun terus menerus dirundung gundah gulana yang sangat dalam. Ia memuja dan mendambakan kekasih hatinya. Setiap detik selalu teringat si jantung hati. Suatu malam, di musim dingin, ia berdiri di bawah jendela kamar sang kekasih, menunggu sang pujaan. Ia rela berlama-lama di situ sekedar untuk menatapnya walau hanya sekejap. Butiran-butiran salju yang membasahi bajunya tak membuatnya gentar, ia tetap saja termangu sepanjang malam, menunggu si pujaan hati menampakkan parasnya. Sesaat terdengar alunan azan yang memecah keheningan hari yang beranjak menjadi malam. Dingin dan senyap. Tapi justru saat itulah cintanya melampaui ruang dan waktu. Mengalahkan dinginnya malam. Tak terasa ia sudah berjam-jam te...
Posting Komentar
🔗BACA SELENGKAPNYA »