CARA MENGHILANGKAN EFEK LENGKET PADA STICKY HEADER KHUSUS TEMPLATE VERSI TERBARU CARA MENGHILANGKAN EFEK LENGKET PADA STICKY HEADER KHUSUS TEMPLATE VERSI TERBARU - 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 MENGHILANGKAN EFEK LENGKET PADA STICKY HEADER KHUSUS TEMPLATE VERSI TERBARU

Gambar
🔓Owner Post Published 🕕
HOME GOOGLE CARA MENGHILANGKAN EFEK LENGKET PADA STICKY HEADER KHUSUS TEMPLATE VERSI TERBARU

Home blogger  template  triks   Cara menghilangkan efek sticky header pada template versi terbaru blogger. Template template terbaru blogspot berikut semuanya memiliki sticky header seperti: Contempo, Emporio, Soho, Notable dan Essentials.

Sticky artinya 'lengket'.

Karena ketika halaman di scroll ke atas seluruh halaman ikut naik, namun ketika halaman di scroll kebawah header bagian atas (kepala) blogger blogspot seolah melipat dan tertinggal dan baru berhenti pada saat halaman selesai di scroll alias sudah sampai batas paling atas halaman.

Sticky itu sebenarnya keren, tetapi tergantung selera juga sih. Misalnya alih alih sekedar lengket, banyak juga pengguna menginginkan header blog atau halaman web mereka 'fixed' alias tetap di atas walau halaman blog atau web mereka di scroll oleh pengguna naik turun. Contohnya halaman blog ini. Mungkin tidak pada semua browser, paling tidak kini kita tahu pengguna memiliki selera mereka masing masing. 

Sebaliknya Anda mungkin tidak tertarik dengan tampilan template Suara Harian Oto Bemo Beroda Tiga | Theme Notable. Saya hanya perduli pada perfomanya. Dan itu cukup imbas dengan jerih payah saya mengkebiri kode kodenya.

Jika Anda tidak menyukai efek sticky dan ingin menghilangkannya pada saat menggunakan 5 varian template terbaru seperti yang kita cantumkan dalam daftar di atas, sumber kodenya adalah:

.centered-top-container.sticky{

left:0;

position:fixed;

right:0;

top:-0;

width:auto;

Mari bermain main sebentar, itu adalah CSS dan template modern itu adalah template CSS. CSS dapat memanipulasi prilaku HTML asalkan sesuai dengan ID dan class-classnya masing masing. Dan terlalu panjang jika saya harus menjabarkan detailnya. Cukup fokus pada sumber kode di atas. Jika Anda merobah sedikit saja kodenya, maka ke lima varian template di atas akan kehilangan kemampuan stickynya.

Perhatikan baik baik dua kode yang saya merahkan, pilih salah satu untuk di robah, misalnya:

.centered-top-container.sticky{

left:0;

position:relative;

right:0;

top:0;

width:auto;

YOI ! Saya mengganti fixed menjadi relative dan apa yang terjadi? Efek sticky langsung menghilang! Mari kita coba cara lain, alih alih merubah fixed menjadi relative:

.centered-top-container.sticky{

left:0;

position:fixed;

right:0;

top:-10;

width:auto;

Saya merobah nilai NOL (0) menjadi -10 dan apa yang terjadi?

Ternyata efek sticky header langsung menghilang!

Mengapa Anda harus melakukan cara ini?

Karena selama ini para pakar menyarankan agar menghilangkan sticky header melalui cara memasukan kode ini ke dalam kotak CSS, atau meletakannya di atas kode ]]></b:skin>:

.centered-top-container.sticky {

display: none !important;

} 

NAMUN STICKY INI JUGA TELAH GAGAL TIDAK BERKERJA

Tunggu, saya ingin mengingatkan: Kode CSS diatas adalah overrade alias over-write alias, selamanya saya tidak pernah menyukainya karena ia menambah beban pada template. Perintah pengaturan itu memang efektif menghentikan efek sticky pada template template ini, akan tetapi...

Camkan baik baik Anda tidak seharusnya menghentikan:

.centered-top-container.sticky {

Lalu Anda di suruh menambahkan kode pengaturan berikut di bawahnya:

display: none !important;

NAMUN STICKY INI JUGA TELAH GAGAL TIDAK BERKERJA

Secara keseluruhan itu memaksa top container header berhenti bekerja! Dan terbukti setelah Anda melakukannya Tombol menu jadi 'frozen' alias membeku alias kehilangan fungsinya, alias tidak bekerja lagi. Mengapa? Karena ia satu paket dalam 'container yang sama! 

Bukan hanya tombol menu disana juga berada tombol pencarian menjadi satu paket dalam kontainer yang sama, tombol pencarian juga jadi tidak berfungsi.

Jadi sekarang Anda tahu itu adalah sebuah kesalahan bukan?

Anda dapat mengcopy kode diatas, yang saya maksudkan adalah sumber kode sticky yang telah kita modifikasi tadi dan meletakannya ke dalam kotak CSS atau meletakannya ke atas kode ]]></b:skin> Dan itu pasti tidak akan bekerja dengan sempurna.

Tapi tentu saja sumber kode di atas hanya kompitabel dengan template template varian terbaru blogger. Karena pastinya, template template varian lama alias template template yang sudah tua tidak memiliki fungsi sticky header alias lengket kepala ini.

Tutorial ini merupakan perbaikan sekaligus menjawab segala kebingungan blogger dari setelah otak-atik template terbaru Contempo, Emporio, Soho, Notable dan Essentials yang ketika halaman digulir kebawah keatas. Sticky template terbaru akan melewati footer wrapper dan itu sedikit mengganggu konten karena lengket atau membeku, alias tidak normal sediakala. Baca Juga : Komunikasi-transendal

Nah untuk itu hasil eksperimen saya ini terbukti muzarab sekali dan ingin berbagi pengalaman dari praktik uji template terbaru, maka kode yang saya bagikan ini adalah lebih cocok dipasang pada semua template terbaru diheader sebagai berikut : 

Okey langsung aja berikut caranya

1. Masuk ke Blogger.com

2. Klik Template > Edit HTML

3. Silahkan copas kode css di bawah ini, lalu letakan di atas kode ]]></b:skin> 

4. Lalu klik Simpan tema.

Untuk Notable kode CSS nya 

.status-msg-wrap{ display:none; }

.centered-top-container.sticky { position: none !important; 

Untuk Contempo, Emporio, Soho, dan Essentials kode CSS nya

.status-msg-wrap{ display:none; }

.centered-top-container.sticky { position: fixed !important; }

Jadi sekarang anda mengerti dan memahami bagaimana istilah lengket. Bukan cinta yang lengket hehehe



Bagaimana Reaksi Anda Tentang Artikel Ini?

Komentar

Posting Komentar

SILAKAN KOMENTAR SESUAI TOPIK.....

POPULAR POST

MENYIKAPI JADZAB WALI ALLAH

🔓Owner Post Published 🕕
Menyingkap Jadzab Dalam khazanah kesusasteraan Jawa kita mengenal yang namanya Suluk Linglung yang merupakan nama lain dari Suluk Syaikh Malaya. Karya sastra yang diperkiran buah tangan Pangeran Kadilangu tersebut merupakan adaptasi dari Serat Dewa Ruci gubahan Yasadipura I, embah canggah sang pujangga penutup pengarang Serat Jayengbaya: Ronggawarsita. Alkisah, Syaikh Malaya—yang secara harfiah berarti mlaku atau berjalan—yang merupakan gelar lain Sunan Kalijaga, hendak menunaikan ibadah haji. Tapi, di ambang sadarnya, ia dijumpai oleh Nabi Khidhir di mana dalam Serat Dewa Ruci di sebut sebagai Sang Marbudengrat alias Dewa Ruci. Saya tak akan menceritakan ulang kisah suluk yang dalam arti sebenarnya adalah perjalanan ruhani tersebut. Banyak orang telah paham tentang kisah pencarian dan pertemuan Bima Sena dengan Dewa Ruci. Saya kira yang menarik di sini adalah bahwa fenomena spiritual yang dialami Bima Sena dalam pewayangan Jawa dialami pula oleh Sunan Kalijaga. Dengan ka...
Posting Komentar
🔗BACA SELENGKAPNYA »

ABDULLAH AL MUBARAK : ANTARA CINTA ASMARA DAN CINTA ALLAH

🔓Owner Post Published 🕕
Abdullah Al-Mubarak : Antara Cinta Asmara dan Cinta Allah Sejak muda ia sudah bertobat dan mendapat pencerahan cahaya Ilahiah. Wali yang doanya makbul ini juga dikenal sebagai ahli hadits dan hartawan yang dermawan. Suatu hari, anak muda itu tergila-gila kepada seorang gadis. Iapun terus menerus dirundung gundah gulana yang sangat dalam. Ia memuja dan mendambakan kekasih hatinya. Setiap detik selalu teringat si jantung hati. Suatu malam, di musim dingin, ia berdiri di bawah jendela kamar sang kekasih, menunggu sang pujaan. Ia rela berlama-lama di situ sekedar untuk menatapnya walau hanya sekejap. Butiran-butiran salju yang membasahi bajunya tak membuatnya gentar, ia tetap saja termangu sepanjang malam, menunggu si pujaan hati menampakkan parasnya. Sesaat terdengar alunan azan yang memecah keheningan hari yang beranjak menjadi malam. Dingin dan senyap. Tapi justru saat itulah cintanya melampaui ruang dan waktu. Mengalahkan dinginnya malam. Tak terasa ia sudah berjam-jam te...
Posting Komentar
🔗BACA SELENGKAPNYA »

MAKRIFAT RASA DALAM KOPI

🔓Owner Post Published 🕕
Banyak sekali hal baik yang bisa kita ambil soal kedalaman rasa bagi pecinta kopi. Tapi bicara soal potensi diri dan kualitas diri tanpa teori, hanya sekedar menggunakan rasa. Jika kita bisa mendalami rasa, maka kita akan menemukan surga dalam diri. Sangat dalam, bahkan ada rasa di dalam rasa yang tidak bisa dipahami dengan pendekatan ilmu tampak manapun. Karena tidak semua hal harus dengan pembuktian kasat mata, karena faktanya banyak yang kita percaya meski tidak pernah ia menampakkan diri, bahkan belum pernah kita lihat sama sekali. Apa kamu pernah melihat Tuhan, malaikat, Nabi nabi, hingga melihat bentuk gelombang suara, jaringan internet dan sms yang ghaib karena bisa mengirim kata dengan cepat dalam jarak yang sangat jauh? Seperti apa bentuknya? Kenapa kamu percaya? Jika kita bisa mengolah rasa yang tidak bisa dilihat seperti itu maka, Tujuanmu bekerja menjadi bukan untuk kaya seperti Kaum Sudra Tujuanmu belajar dan berlatih bukan untuk pintar dan kuat s...
Posting Komentar
🔗BACA SELENGKAPNYA »

ABU NAWAS KUAH DIBALAS MAKJUN

🔓Owner Post Published 🕕
Abu Nawas, Kuah Dibalas Makjun Di mata Khalifah Harun al-Rasyid figur Abu Nawas memang lihai, dia tidak hanya lucu tetapi juga bijaksana sehingga tidak dapat dipandang enteng. Di satu pihak hal itu sangat membanggakan khalifah, tetapi di lain pihak, sangat menjengkelkannya, karena ia suka kurang ajar dan tidak tahu diri. Oleh karena itu baginda tidak pernah berhenti memeras otak untuk dapat membalas Abu Nawas. Pada suatu hari di bulan Rabiulawal, baginda khalifah tersenyum simpul sendiri sambil bergumam, “Awas kau, Abu Nawas, kali ini pasti kena.” Seperti biasa setiap bulan Rabiulawal, Sultan Harun Al-Rasyid menyelenggarakan acara Maulid Nabi di istana. Pada saat itu semua pembesar negeri hadir termasuk putra-putra mahkota dari negeri-negeri sekitarnya, tapi Abu Nawas tidak tampak. “Panggil dia kemari,” perintah khalifah kepada punggawa. Setelah Abu Nawas datang menghadap, dimulailah acara hari itu. Semua hadirin dipersilahkan berdiri, kemudian masing-masing disirami...
Posting Komentar
🔗BACA SELENGKAPNYA »

ABU NAWAS DAN PESTA YAHUDI

🔓Owner Post Published 🕕
Abu Nawas dan Pesta Yahudi Suatu hari Abu Nawas singgah di rumah kenalannya, seorang Yahudi. Di sana sedang berlangsung permainan musik. Banyak yang menonton sehingga susananya meriah. Semua tamu yang datang terlibat dalam permainan musik itu, termasuk Abu Nawas yang baru saja masuk, ada yang main kecapi, ada yang menari-nari, semua bersuka ria. Demikian asyiknya permainan itu sampai menguras tenaga, karena makan waktu cukup lama. Dan ketika para tamu sudah pada kehausan, tuan rumah mengedarkan kopi kepada para hadirin. Masing-masing mendapat secangkir kopi. Ketika Abu Nawas hendak menghirup kopi itu, ia ditampar oleh si Yahudi. Namun karena larut dalam kegembiraan, hal itu tidak ia hiraukan, dan diangkatnya lagi cangkirnya, tapi lagi-lagi ia ditampar. Ternyata tamparan yang diterima Abu Nawas malam itu cukup banyak sampai acara selesai sekitar pukul dua dini hari. Di jalan, baru terpikir oleh Abu Nawas, “Jahat benar perangai Yahudi itu, main tampar aja. Minumnya seperti ...
Posting Komentar
🔗BACA SELENGKAPNYA »