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 »

WAHDATUL ADYAN

🔓Owner Post Published 🕕
Wahdatul adyan Inti ajaran dari Faham Wahdah al adyan (Kesatuan segala agama) adalah sebagai pemahaman tentang Nur Muhammad. Yakni tentang qadimnya Nur Muhammad. Sebenarnya agama yang berbeda-beda itu hanyalah nama saja yang berbeda, tapi hakikatnya satu saja. Nama berbeda namun satu tujuan. seperti Islam, Nasrani, Yahudi dan yang lain-lain hanyalah perbedaan nama dari hakikat yang satu. Segala agama adalah agama Allah maksudnya adalah semuanya menuju Allah. Orang yang terlahir dalam suatu agama, bukanlah atas kehendaknya, tetapi dikehendaki untuknya. Cara ibadah bisa berbeda caranya, namun tujuannya sama, Hakikatnya pada yang satu. Dari ‘Abdullah bin Tahir al-Azdi mengatakan, lalu dicatat oleh al-Taftazani didalam kitabnya sebagai berikut : “Suatu hari aku bertengkar dengan orang yahudi di pasar baghdad. Diapun kumaki: "Hai anjing". Ketika itu al-Hallaj lewat dan memandangku dengan geram. Lalu beliau menegurnya : jangan kau maki anjingmu. Al-Hallaj pun lan...
Posting Komentar
🔗BACA SELENGKAPNYA »

KOMUNIKASI VERBAL DAN NON VERBAL

🔓Owner Post Published 🕕
Komunikasi Verbal dan Non Verbal Komunikasi verbal adalah komunikasi dengan menggunakan simbol-simbol  verbal. Simbol verbal bahasa merupakan pencapaian manusia yang paling  impresif. Ada aturan-aturan yang ada untuk setiap bahasa yaitu fonologi,  sintaksis, semantik dan pragmatis. Contoh : 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.Komunikasi Non Verbal. Komunikasi nonverbal adalah proses komunikasi dimana pesan disampaikan  tidak menggunakan kata-kata. Contoh komunikasi nonverbal ialah menggunakan  gerak isyarat, bahasa tubuh, ekspresi wajah dan kontak mata, penggunaan   objek seperti pakaian, pot...
Posting Komentar
🔗BACA SELENGKAPNYA »

PENTINGNYA KOMUNIKASI NON VERBAL DALAM KEHIDUPAN SEHARI-HARI

🔓Owner Post Published 🕕
Komunikasi non-verbal memiliki peran yang sangat penting. Hal ini sesuai  dengan pernyataan dari Leathers (1976) : Faktor-faktor non-verbal sangat menentukan makna dalam komunikasi   Interpersonal Ketika kita mengobrol atau berkomunikasi tatap muka, kita banyak  menyampaikan gagasan dan pikiran kita lewat pesan-pesan non-verbal. Pada  gilirannya orang lain pun lebih banyak membaca pikiran-pikiran kita lewat.   Petunjuk-petunjuk non-verbal. Menurut Birdwhistell tidak lebih dari 30%-35%  makna sosial percakapan atau interaksi dilakukan dengan kata-kata, dan  sisanya dilakukan dengan pesan non-verbal. Perasaan dan emosi lebih cermat disampaikan lewat pesan non-verbal  ketimbang pesan verbal. Menurut Mahrabian (1967), hanya 7% perasaan kasih sayang dapat  dikomunikasikan dengan kata-kata. Selebihnya, 38% dikomunikasikan lewat  suara, dan 55% dikomunikasikan melalui ungkapan wajah (senyum, kontak mata,  dan sebagai...
Posting Komentar
🔗BACA SELENGKAPNYA »

PENDAHULUAN FACEBOOK

🔓Owner Post Published 🕕
Setiap hari, orang menggunakan Facebook untuk membagikan ceritanya, melihat  dunia melalui mata orang lain, serta berhubungan dengan teman dan berbagai  aktivitas. Percakapan yang terjadi di Facebook menunjukkan keragaman  komunitas yang terdiri dari dua miliar orang yang berkomunikasi di berbagai  negara dan budaya, serta dalam puluhan bahasa, memposting semua hal mulai  dari teks hingga foto dan video. Kami mengakui betapa penting bagi Facebook untuk menjadi tempat yang  membuat orang merasa mampu berkomunikasi, dan kami menganggap serius peran  kami dalam mencegah penyalahgunaan layanan kami. Karena itulah kami  menyusun seperangkat Standar Komunitas yang menjelaskan secara garis besar  hal-hal yang diizinkan dan dilarang di Facebook. Standar kami berlaku di   seluruh dunia dan untuk segala jenis konten. Standar ini dirancang  komprehensif – misalnya, konten yang mungkin tidak dianggap ujaran kebencian mungkin tetap ak...
Posting Komentar
🔗BACA SELENGKAPNYA »