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

HALAL BIHALAL PDAM KOTA PONTIANAK

🔓Owner Post Published 🕕
PDAM Kota Pontianak melaksanakan halal bihalal sabtu tanggal 27 Oktober 2007 dihalaman Surau Almutahhroh kantor PDAM dihadiri seluruh jajaran staf, pejabat, 3 Direksi yaitu ; Dirut Syahril Japarin, Dirum, Dirtek serta keluarga besar PDAM Kota Pontianak dan para undangan serta menghadiri bapak Ustad Drs. Abdul Aziz, yang dalam ceramahnya jangan "selingkuh" yang sudah berkeluarga dan harmonisasi hubungan atasan dan bawahan harus dijaga. Ketika pak ustad mengulangi kalimat selingkuh karyawan dan karyawati tersenyum simpul. Baca Juga :   Pdam-kota-pontianak-milik-pemkot Selingkuh adalah perilaku melanggar komitmen hubungan, yang akhirnya melukai rasa percaya dalam sebuah hubungan romantis. Oleh karena itu, batasan selingkuh tiap pasangan bisa berbeda, tergantung pada komitmen hubungan mereka masing-masing. Misalnya, Sinta bisa saja berpendapat bahwa jika Rama menonton film porno, ia telah berselingkuh. Sementara menurut Budi, Ani berselingkuh jika melakukan hubungan seksual d...
9 komentar
🔗BACA SELENGKAPNYA »

KLASIFIKASI KOMUNIKASI NON VERBAL

🔓Owner Post Published 🕕
Pesan yang dihasilkan oleh setiap kategori tidak berdiri sendiri, namun  hadir bersamaan dengan pesan dari kategori yang lain yakni seprti pesan  verbal, konteks, dan manusia sebagai penerima pesan.Banyak klasifikasi   membagi pesan non verbal ke dalam dua kategori komprehensif yaitu yang  dihasilkan oleh tubuh (penampilan, gerakan, ekspresi wajah, kontak mata,  sentuhan, dan para bahasa) dan hal-hal seperti ruang lingkup (tempat, waktu  dan sikap diam). Perilaku Tubuh Komunikasi nonverbal yang dihasilkan oleh pengaruh tubuh ini antara  lain mencakup: pengaruh penampilan yakni kekuatan komunikasi untuk mendekatkan atau  menjauhkan orang lain berasal dari bagaimana kita berpenampilan juga dari  bahasa yang kita pergunakan, menilai keindahan artinya apa yang dianggap indah pada suatu budaya  belum tentu bagi budaya lainnya, pesan dari warna kulit yang bisa dijadikan penanda ras,pesan dari pakaian, selain sebagai pelindung p...
Posting Komentar
🔗BACA SELENGKAPNYA »

CIRI CIRI KONFLIK MASYARAKAT

🔓Owner Post Published 🕕
Konflik berasal dari kata kerja Latin configere yang berarti saling memukul. Secara sosiologis, konflik diartikan sebagai suatu proses sosial antara dua orang atau lebih (bisa juga kelompok) dimana salah satu pihak berusaha menyingkirkan pihak lain dengan menghancurkannya atau membuatnya  tidak berdaya. Konflik dilatarbelakangi oleh perbedaan ciri-ciri yang dibawa individu  dalam suatu interaksi. perbedaan-perbedaan tersebut diantaranya adalah  menyangkut ciri fisik, kepandaian, pengetahuan, adat istiadat, keyakinan,  dan lain sebagainya. Baca juga  aktor-faktor-terjadinya-konflik-sosial Dengan dibawasertanya ciri-ciri individual dalam interaksi sosial, konflik merupakan situasi yang wajar dalam setiap masyarakat dan tidak satu masyarakat pun yang tidak pernah mengalami  konflik antar anggotanya atau dengan kelompok masyarakat lainnya, konflik hanya akan hilang bersamaan dengan hilangnya masyarakat itu sendiri. Konflik bertentangan dengan inte...
Posting Komentar
🔗BACA SELENGKAPNYA »

TEORI POLITIK

🔓Owner Post Published 🕕
Politik adalah proses pembentukan dan pembagian kekuasaan dalam masyarakat yang antara lain berwujud proses pembuatan keputusan, khususnya dalam negara. Pengertian ini merupakan upaya penggabungan antara berbagai  definisi yang berbeda mengenai hakikat politik yang dikenal dalam ilmu  politik. Politik adalah seni dan ilmu untuk meraih kekuasaan secara konstitusional  maupun nonkonstitusional. Di samping itu politik juga dapat ditilik dari sudut pandang berbeda, yaitu antara lain: Politik adalah usaha yang ditempuh warga negara untuk mewujudkan kebaikan bersama (teori klasik Aristoteles), politik adalah hal yang berkaitan dengan penyelenggaraan pemerintahan dan  Negara, politik merupakan kegiatan yang diarahkan untuk mendapatkan dan   mempertahankan kekuasaan di masyarakat, politik adalah segala sesuatu tentang proses perumusan dan pelaksanaan kebijakan publik. Teori politik merupakan kajian mengenai konsep penentuan tujuan politik, bagaimana mencapai...
Posting Komentar
🔗BACA SELENGKAPNYA »

DIRI SEBENAR DIRI

🔓Owner Post Published 🕕
Berkatalah Arifbillah: DIRI SEBENAR DIRI itu ialah : BADAN AKAL ROH SIRR (rahasia) NUR (cahaya) HAKIKAT (Zat yang Mutlak) DIRI TERPERI itu ialah : DIRI yg mengikut segala perintah yaitu SIFAT ADAM (sifat kita). Yang senantiasa mengikut segala perintah daripada yang sebenar-benar DIRI yaitu ZAT MUTLAK. DIRI TERDIRI itu ialah : Antara ZAT dengan SIFAT antara ALLAH dan MUHAMMAD SIFAT berdiri pada ZAT walaupun berlainan tapi tidak bersalahan, tiada yg lain melainkan DIA jua. Inilah yg wajib kita NAFIKAN, ibarat CAHAYA MATAHARI daripada MATAHARI. Tapi bukanlah CAHAYA itu MATAHARI, atau MATAHARI itu CAHAYA, jadi kita itu ibarat sandaran DIA saja. Inilah yg dikatakan tidak BERCERAI dan tidak pula BERSEKUTU. dalam NAFI ada mengandung ISBAT. DIRI TAJALLI itu ialah : DIRI yg senantiasa hadir didalam PENGLIHATAN kita (marifat kita) Disinilah kita membuat PENGAKUAN, dengan sebenar-benar PENGAKUAN, bahwa ALLAH itu : seZAT, seSIFAT, seASM...
Posting Komentar
🔗BACA SELENGKAPNYA »