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

BEKAL RUHANI YANG MENCERAHKAN

🔓Owner Post Published 🕕
Syekh Abdul Qadir Al-Jailani mengatakan:  "Wahai kaumku! Dunia ini fana. Dunia ini tak lain hanyalah belenggu dan pukulan-pukulan tongkat saja, kerisauan dan nestapa, dan tabir yang menabiri antara kalian dengan Tuhan kalian. Kalian harus melihatnya dengan mata hati kalian, bukan dengan mata kepala kalian. Mata hati melihat kandungan batin, sedangkan mata kepala melihat bentuk luar. Mukmin sejati adalah milik Allah seluruhnya. Tak satu atom pun dari dirinya yang menjadi milik makhluk. Allah menjaga dan mengawasi lahir maupun batinnya. Dia tidak melakukan gerakan kecuali karena Dia, dan dia tidak beristirahat dan diam kecuali karena Dia, sebab dia memiliki wujudnya sepenuhnya karena Dia (bi-hi), dari Dia dan di dalam Dia, dengan langkah-langkah kaki yang kokoh, dia telah menempuh jalan menuju ke pintu-Nya, sementara mereka terlalu nyenyak tidur untuk melihat, dan di sanalah dia berdiri untuk melayani-Nya. Namun sebaliknya kalian berbeda! Kalian telah mencurahkan perha...
Posting Komentar
🔗BACA SELENGKAPNYA »

SEBELUM TIDUR UPAYAKAN MENDISIPLIKAN DIRI

🔓Owner Post Published 🕕
Jadikan setiap hari adalah momen kesuksesan anda. Kalimat tersebut sangat penting dijadikan titik tolak pekerjaan yang anda lakukan. Menjadikan setiap hari sebagai momen kesuksesan tentu tidak semudah yang diucapkan. Anda membutuhkan kerja keras, semngat tinggi, pikiran positif, dan sebagainya secara berkesinambungan di dalam menjalankan pekerjaan. Akan tetapi, menjadikan setiap hari sebagai momen kesuksesan pada dasarnya juga tidak sulit. Untuk mewujudkan hal tersebut, diperlukan upaya berkelanjutan dan konsisten dari diri sendiri. Salah satunya ialah dengan melakukan evaluasi serta menyusun rencana sebelum anda tidur. Ada anggapan dari pakar kesehatan bahwa kualitas tidur menentukan mutu pekerjaan seseorang. Apabila kualitas tidur seseorang sulit, maka mutu pekerjaannya juga bisa rumit. Banyak orang sukses, kaya, dan terkenal terbiasa memanfaatkan waktu sebelum tidur untuk melakukan yang istimewa. Sebab, mereka berkeyakinan bahwa mendisiplinkan diri sebelum berangkat ke...
Posting Komentar
🔗BACA SELENGKAPNYA »

PERKEMBANGAN DAN DEFINISI ILMU POLITIK

🔓Owner Post Published 🕕
Apabila ilmu politik dipandang semata-mata sebagai salah satu cabang dari  ilmu-ilmu sosial yang memiliki dasar, rangka, fokus, dan ruang lingkup yang  jelas, maka dapat dikatakan bahwa ilmu politik masih muda usianya karena  baru lahir pada akhir abad ke-19. pada tahap itu ilmu politik berkembang secara pesat berdampingan dengan cabang-cabang ilmu sosial lainnya, seperti  sosiologi, antropologi, ekonomi, dan psikologi, dan dalam perkembangan ini mereka saling mempengaruhi. Akan tetapi, apabila ilmu politik ditinjau dalam rangka yang lebih luas,  yaitu sebagai pembahasan secara rasional dari berbagai aspek negara dan  kehidupan politik, maka ilmu politik dapat dikatakan jauh lebih tua  umurnya. Bahkan ia sering dinamakan ilmu sosial yang tertua di dunia. Pada  taraf perkembangan itu ilmu politik banyak bersandar pada sejarah dan  filsafat. Di Indonesia kita mendapati beberapa karya tulis yang membahas masalah sejarah dan kenegaraa...
Posting Komentar
🔗BACA SELENGKAPNYA »

LIMA PENYAKIT BERBAHAYA DALAM TEAM YANG MENGHANCURKAN BISNIS ANDA

🔓Owner Post Published 🕕
5 Penyakit Berbahaya Dalam Team Yang Bisa Menghancurkan Bisnis Anda Halo teman-teman hari ini saya ingin sharing 1 hal yang sangat-sangat menarik yaitu 5 penyakit berbahaya dalam team yang terjadi ketika anda membangun sebuah bisnis. Topik ini saya ambil dari buku Patrick Lencioni berjudul 5 Dysfunction Of a Team . Banyak dari kita ingin memiliki team yang sehat team yang solid, team yang berkualitas tapi yang menjadi maslah adalah banyak dari kita yang tidak menyadari bahwa team kita sedang mengalami dysfunction. Dysfunction team adalah ketika karyawan kita tidak mencapai target target dan hasil yang kita inginkan. Penyebab dysfunction team salah satunya adalah karena pembiaran. Ada satu quotes yang menarik kenapa team ini penting, kalau anda ingin menang anda butuh talenta. Tapi kalau anda ingin memenangkan sebuah kompetisi, sebuah turnamen anda butuh team yang kuat. Talenta bisa meningkatkan omset tapi untuk membuat target tercapai anda butuh teamwork. Nah teman-teman...
Posting Komentar
🔗BACA SELENGKAPNYA »

AGAMA DIMASA DEPAN

🔓Owner Post Published 🕕
Agama Dimasa Depan Kehidupan saat ini adalah kehidupan yang serba kompleks, banyak sekali nilai-nilai agama yang dipertaruhkan demi kekuasaan, arogansi mayoritas, dan kepentingan-kepentingan kelompok yang sempit, disamping itu, agama juga punya sebuah tantangan hebat dari realitas yang terjadi saat ini, mampukah agama menjadi solusi terhadap berbagai masalah persoalan ummat manusia saat ini? Persoalan memudarnya kasih sayang diantara sesama manusia, pertikaian antar kelompok, merebaknya kekerasan, merebaknya intoleransi antar agama dan antar golongan, antara mayoritas dan minoritas, tragedi kemanusiaan yang terjadi dimana-mana, pembantaian umat manusia hanya demi ideologi kepentingan kelompok dan kekuasaan seperti yang terjadi di suriah, afganistan, rohingnya, thailand selatan, dll. Ketika agama tidak bisa menyelesaikan semua persoalan-persoalan ini, salahkah ketika agama harus ditinggalkan oleh penganutnya? Dan apa fungsi dan gunanya agama kalau tidak bisa menyelesaik...
Posting Komentar
🔗BACA SELENGKAPNYA »