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

USIR KERAGUAN TERHADAP DIRI SENDIRI

🔓Owner Post Published 🕕
Ada kalanya seorang pemimpin merasa dirinya tidak bisa dan tidak berguna untuk anak buah dan perusahaannya. Meragukan diri sendiri akan secara perlahan menumbuhkan keraguan bahwa perusahaan akan mampu untuk tumbuh besar. Jangan ragukan sedikitpun kemampuan diri kita dalam memimpin suatu perusahaan atau seseorang. Saat ada mereka yang memilih kita untuk menjadi seorang pemimpin, maka itu prestasi yang patut kita banggakan. Usir keraguan terhadap diri sendiri dengan memuji apa yang telah kita capai, tapi ingat jangan terlalu berlebihan. Jadikan ini sebagai prestasi untuk diri sendiri, dan untuk menumbuhkan semangat terhadap diri sendiri.  Keberhasilan seseorang ditentukan oleh seberapa kuat kemauannya untuk maju. Halangan dan rintangan akan selalu datang, karena hidup memang tidak pernah akan mulus selamanya. Banyak orang yang mundur dari usahanya mencapai kesuksesan karena terlalu banyak keraguan yang berputar-putar di otaknya. Dilansir dari Women's Health, berikut ini langkah...
Posting Komentar
🔗BACA SELENGKAPNYA »

TUJUAN KOMUNIKASI VERBAL

🔓Owner Post Published 🕕
TUJUAN KOMUNIKASI VERBAL :  Komunikasi verbal melalui lisan dapat dilakukan secara langsung bertatap   muka antara komunikator dengan komunikan, seperti berpidato atau ceramah.   Selain itu juga, komunikasi verbal melalui lisan dapat dilakukan dengan  menggunakan media, contoh seseorang yang bercakap-cakap melalui telepon.  Sedangkan komunikasi verbal melalui tulisan dilakukan dengan secara tidak   langsung antara komunikator dengan komunikan. Proses penyampaian informasi   dilakukan dengan menggunakan berupa media surat, lukisan, gambar, grafik   dan lain-lain. Adapun tujuan menggunakannya komunikasi verbal (lisan dan tulisan) antara   lain : Penyampaian penjelasan, pemberitahuan, arahan dan lain sebagainya, Presentasi penjualan dihadapan para audien, Penyelenggaraan rapat, Wawancara dengan orang lain, Pemasaran melalui telepon, dan sebagainya. Baca juga  Praktek-komunikasi-verbal
Posting Komentar
🔗BACA SELENGKAPNYA »

ILMU POLITIK DAN SEJARAH

🔓Owner Post Published 🕕
Hubungan antara ilmu politik dan ilmu sejarah dilukiskan dengan tepat dan  jelas dalam ucapan sarjana ilmu politik Inggris, Sir Robert Seeley, yang  berkata : “history without political Dengan ucapan ini, Seeley telah dapat  memperlihatkan adanya hubungan yang erat dan instrinsik antara kedua  pengetahuan itu. Namun hubungan yang begitu erat ini sekalipun belum dapat  membenarkan pendapat Seeley bahwa sejarah sebenarnya adalah politik jaman  lampau, sedangkan ilmu politik dewasa ini adalah sejarah hari kemudian (History is past politics and present politics future history). Diktum  Seeley ini dapat mengakibatkan identifikasi sejarah dengan ilmu politik. Hal ini kurang tepat, sekalipun dimaksudkan dengan sejarah dalam hubungan ini ialah sejarah politik (political history). Sejarah adalah deskripsi  kronologis dari peristiwa-peristiwa dari jaman yang silam. Sejarah adalah riwayat hidup umat manusia. Sejarah merupakan ilmu yang mempelajari pe...
Posting Komentar
🔗BACA SELENGKAPNYA »

PELUANG BISNIS BARU DARI SOSIS IKAN BAKAR

🔓Owner Post Published 🕕
Peluang Bisnis Baru Dari Sosis Ikan Bakar Sosis adalah salah satu jenis olahan dengan bahan dasar daging yang cukup populer. Semakin meningkatnya popularitas sosis di tengah kehidupan masyarakat membuat jenis sosis juga sangat beragam dan banyak dijumpai dipasaran, salah satunya adalah sosis ikan.   Tingginya kandungan gizi yang terdapat dalam sosis ikan dengan rasanya yang enak dan lezat membuat makanan ini banyak digemari oleh semua kalangan masyarakat. Peluang bisnis di bidang kuliner atau makanan memang penuh dengan kreativitas dan selalu saja ada ide bisnis baru yang banyak bermunculan.  Salah satunya sosis ikan yang sekarang ini cukup populer dengan penyajiannya yang sederhana yaitu sosis bakar. Jika Anda tertarik untuk membuka bisnis sosis ikan bakar, maka Anda dapat membuka usaha ini di tempat-tempat yang ramai dan potensial seperti tempat nongkrong anak muda, kompleks perumahan, sekitar kampus, dan lain sebagainya.  Konsumen Sosis ikan bakar...
Posting Komentar
🔗BACA SELENGKAPNYA »

BUDAYA KERJA JEPANG MERUPAKAN KESATUAN DALAM KELOMPOK

🔓Owner Post Published 🕕
Jepang terkenal dengan kerja kerasnya dan kerja lemburnya. Semua orang tau itu. Tapi tak banyak yang tahu kalau budaya kerja Jepang itu “Ndeso”. “Ndeso” berarti “kampungan” seperti yang kita tahu, tapi bukan itu yang saya maksud. Dalam budaya kerja Jepang, “Ndeso” berarti berpikir seperti penduduk desa. Seorang pekerja Jepang akan merasa kantornya seperti desa, penduduknya saling gotong royong membangun lingkungannya. Ini adalah sebuah pemikiran ala Jepang, budaya kerja unik yang hanya ada di negeri sakura ini. Pemikiran “Ndeso” ini dikenal dengan istilah “Village Relationship” atau muranogurupu ( 「ムラ」のグループ ), yang jadi basis Jepang berpikir secara kelompok. 1. Society built on “place” relationship Ada seorang anak baru di kantor, anggap saja namanya Budi. Sebelum bergabung, Budi sempat kerja di perusahaan Indonesia. Ia orang yang super dan hebat, pemikir ulung dan kreatif, kariernya menanjak cepat sekali. Ia merasa seperti star employee saking hebatnya, semua orang mengenalnya...
Posting Komentar
🔗BACA SELENGKAPNYA »