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

KISAH NABI KHIDIR DAN KOTA YANG BERUBAH

🔓Owner Post Published 🕕
Ilustrasi Gambar Dihikayatkan bahwa Nabi Khidhir 'alaihis salam suatu saat ditanya, "Apa yang paling mengherankan yang pernah engkau lihat selama umurmu?"  Beliau kemudian menjawab, "Yang paling mengherankan yang pernah aku lihat,  bahwasanya suatu saat  aku pernah melewati sebuah gurun yang kering nan gersang. Kemudian aku meninggalkannya selama lima ratus tahun.  Kemudian aku melewatinya kembali. Ternyata aku melihatnya menjadi kota yang megah dan menakjubkan, yang dipenuhi pohon-pohonan dan sungai-sungai."  Kemudian aku bertanya kepada salah satu penduduknya, "Sudah berapa tahun kota ini menjadi seramai ini?" Ia menjawab, "Maha Suci Allah. Kami, ayah-ayah kami dan kakek-kakek kami tidak mengetahuinya kecuali sudah seperti ini." Lalu aku meninggalkannya selama lima ratus tahun lagi. Kemudian aku melewatinya lagi. Ternyata kota itu menjadi lautan yang luas dan aku melihat seorang nelayan di situ, lalu aku bertanya kepadanya, "Wahai oran...
Posting Komentar
🔗BACA SELENGKAPNYA »

KOMUNIKASI TRANSENDAL, KOMUNIKASI DENGAN TUHAN

🔓Owner Post Published 🕕
TANYA: Kang mau tanya, komunikasi dengan Tuhan Allah SWT disebut apa ya dalam ilmu komunikasi? JAWAB: Setahu saya, komunikasi dengan Tuhan disebut komunikasi transedental (transcendental communication), yaitu komunikasi dengan audiens atau komunikan yang gaib (tidak terlihat). Tegasnya, komunikasi transendental adalah komunikasi yang berlangsung antara diri kita dengan sesuatu yang gaib. Yang Mahagaib –dalam perspektif Islam– adalah Allah SWT, Tuhan Semesta Alam (Rabbul’ Alamin), Komunikasi dengan makhluk gaib seperti jin juga disebut komunikasi transedental. Namun, ulasan tentang komunikasi berdimensi personal dan vertikal ini lebih mengarah pada komunikasi personal seseorang dengan Tuhannya. Kaum muslim berkomunikasi dengan Allah SWT setiap hari, khususnya dalam shalat lima waktu plus dzikir dan doa-doa lainnya. Baca Juga :  Syaikh-abdul-qadir-al-jailani Setiap kali baca doa, dzikir, mengucapkan kalimah thayibah (tasbih, tahmid, takbir, tahlil) juga termasuk komunikasi transenden...
Posting Komentar
🔗BACA SELENGKAPNYA »

BENTUK KOMUNIKASI NON VERBAL

🔓Owner Post Published 🕕
Bentuk Komunikasi Non Verbal Ada TuJuh Yaitu :  Komunikasi visual. Komunikasi visual merupakan salah satu bentuk komunikasi yang digunakan untuk menyampaikan pesan berupa gambar - gambar, grafik-grafik,  lambang-lambang, atau simbol-simbol. Dengan menggunakan gambar-gambar yang  relevan, dan penggunaan warna yang tepat, serta bentuk yang unik akan  membantu mendapat perhatian pendengar. Dibanding dengan hanya mengucapkan  kata-kata saja, penggunaan komunikasi visual ini akan lebih cepat dalam  pemrosesan informasi kepada para pendengar.  Komunikasi sentuhan. Ilmu yang mempelajari tentang sentuhan dalam komunikasi non verbal sering  disebut Haptik. Sebagai contoh : bersalaman, pukulan, mengelus-ngelus,  sentuhan di punggung dan lain sebagainya merupakan salah satu bentuk  komunikasi yang menyampaikan suatu maksud/tujuan tertentu dari orang yang  menyentuhnya. Komunikasi gerakan tubuh. Kinesik atau gerakan tubuh ...
Posting Komentar
🔗BACA SELENGKAPNYA »

ENAM TIPS SEDERHANA MENJADI ATASAN YANG BERWIBAWA DAN DISEGANI

🔓Owner Post Published 🕕
1. Disiplin Dengan Waktu; Ini terdengar seperti sesuatu yang simpel, namun jika Anda konsisten  melakukan hal ini, maka Anda akan dianggap sebagai seorang yang disiplin  yang akan membuat bawahan Anda segan. Terutama terkait jam kerja kantor  Anda, tepat waktu ketika mulai jam kantor, demikian juga tepat waktu ketika  selesai pekerjaan kantor. Bukan saja ketika memulai atau mengakhiri pekerjaan, dalam rapat mendadak  misalnya, Anda juga harus menjadi orang yang tepat waktu. Anda harus bisa  menjadi contoh yang baik bagi bawahan Anda tentang bagaimana me-manage  waktu yang baik dalam bekerja. 2. Konsisten Pada Peraturan yang Sudah Ditetapkan; Hal ini juga perlu Anda perhatikan, ketika membuat suatu peraturan dalam  perusahaan, Anda juga harus menjalankannya penuh dengan tanggung jawab.  Selain itu, konsisten pada peraturan juga menjadi hal krusial yang harus Anda jaga. Jangan membuat peraturan plin plan sehingga membuat bingung...
Posting Komentar
🔗BACA SELENGKAPNYA »

PRAKTEK KOMUNIKASI VERBAL

🔓Owner Post Published 🕕
Prakteknya komunikasi verbal bisa dilakukan dengan cara :  Berbicara dan menulis. Umumnya untuk menyampaikan, orang cenderung lebih menyukai speaking  (berbicara) ketimbang (writing ). Selain karena praktis, speaking dianggap  lebih mudah “menyentuh” sasaran karena langsung didengar komunikan. Namun bukan berarti pesan tertulis tidak penting. Untuk menyampaikan pesan bisnis  yang panjang dan memerlukan pemahaman dan pengkajian matang, diperlukan  pula penyampaian writing. Semisal penyampaian bussines report. Sangat tidak  mungkin jika hanya disampaikan dengan berbicara. Mendengarkan dan membaca. Kenyataan menunjukkan, pelaku bisnis lebih sering mendapatkan informasi  ketimbang menyampaikan informasi. Dan aktivitas penerimaan informasi.pesan  bisnis ini dilakukan lewat proses (listening) mendengarkan dan membaca  (reading). Sayangnya, kenyataan juga menunjukkan, masih banyak di antara  kalangan bisnis yang tidak memiliki ke...
Posting Komentar
🔗BACA SELENGKAPNYA »