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

MENILAI SEBUAH PRISTIWA JANGAN LEBAY

🔓Owner Post Published 🕕
Setiap melihat dan menilai sebuah peristiwa, apakah dalam peristiwa itu membuat rasa spiritual dan rasa cinta kita kepadaNya bertambah? Ataukah justru kebencian dan dosa kita yang bertambah? Bagiku Basuki Tjahaya dan Habib Riziek adalah guru kehidupan sebagai pelajaran bagi diri kita dalam perjalanan kedalam diri. Mengapa kita sangat membenci salah satunya? bukankah keduanya diciptakan oleh Tuhan yang kita sembah setiap saat. Mari lihat lebih dalam daripada sekedar perbedaan yang kita ributkan selama ini. Apakah dengan membenci salah satunya kesucian kita akan meningkat? Apakah dengan menghujat seseorang itu artinya kita adalah orang yang lebih suci dari seseorang yang kita hujat? Apakah dengan mengutuk kegelapan, terang akan hadir ? Apakah dengan membenci panas, rasa panas akan hilang ? Apakah marah akan membuat suasana menjadi damai? Jika tidak, mengapa kita tidak belajar dan berlatih dikesempatan dalam peristiwa ini? Belajar mengurangi penghakim...
Posting Komentar
🔗BACA SELENGKAPNYA »

NAMUN AKU BUKAN AKU, BUKAN AKU ADALAH AKU

🔓Owner Post Published 🕕
Hmmmm! jangan katakan bahwa aku adalah aku, aku bukan aku, bukan aku adalah aku. Meskipun kau adalah kau dan aku adalah aku. Namun aku bukan aku, bukan aku adalah aku. Batin dan zahirku adalah engkau, aku bukan aku, bukan aku adalah aku. Gaib dan kehadiranku adalah engkau, aku bukan aku, bukan aku adalah aku. #Ghazal Maulana Rumi dalam Divan Syams Tabrizi# Dalam syair diatas, Maulana Rumi ingin menjelaskan ada 'aku' yang palsu dan ada 'aku' yang asli. Namun tidak mudah menafikan 'aku' yang palsu tuk menemukan 'aku yang asli. Karena itu Rumi senantiasa mengulang-ngulangnya; aku bukan aku Bukan aku adalah aku. Aku palsu adalah aku yang senantiasa nampak. aku palsu adalah aku yang senantiasa menunjukkan identitasnya. Namun bukankah aku pasti menunjukkan identitasnya ? Bukankah identitas pasti menunjukkan aku ? Dan juga bukankah jika aku dinafikan bermakna tak ada lagi yang terlihat atau tak ada lagi identitas ? Maulana ingin men...
Posting Komentar
🔗BACA SELENGKAPNYA »

JANGAN TERLALU MEMBANGGAKAN IBADAHMU

🔓Owner Post Published 🕕
Dari kisah sebelumnya bisa disimpulkan ilmu syareat yang saya pelajari dahulu tidaklah salah.. ilmu syareat itu benar.. hanya syareat tanpa tasawwuf sama saja kosong.. Sholat siang dan malam tapi sering menyakiti dan mendzalimi orang lain padahal Allah berfirman dalam hadits qudsi : “Wahai hamba-Ku, Aku telah mengharamkan kedzaliman atas diri-Ku dan Aku jadikan ia sebagai sesuatu yang haram di antara kalian. Karena itu, jangan kalian saling mendzalimi. Wahai hamba-Ku, kalian semua lapar kecuali yang telah  Aku beri makan. Wahai hamba-Ku kalian semua telanjang, kecuali yang Aku beri pakaian. Karena itu, mintalah pakaian kepada-Ku pasti akan Aku beri kalian pakaian. Wahai hamba-Ku, kalian senantiasa berbuat salah siang dan malam, sementara Aku mengampuni semua dosa kalian. Karena itu, mintalah ampunan kepada-Ku pasti Aku mengampuni kalian. Wahai hamba-Ku, kalian semua tidak akan bisa memberikan bahaya kepada-Ku sehingga mencelakakan-Ku dan tidak akan bisa memberikan manfa...
Posting Komentar
🔗BACA SELENGKAPNYA »

BERPIKIRAN TERBUKA DAPAT MENGEVALUASI DIRI

🔓Owner Post Published 🕕
Pikiran terbuka menjadi jalan untuk dapat mengevaluasi diri sendiri. Melalui pikiran terbuka, anda mampu untuk menilai diri secara objektif. Pikiran terbuka tidak hanya mampu membuat orang lain sekitar anda bertahan dan merasa nyaman. Sebab, pikiran terbuka juga mendatangkan kebaikan bagi anda di masa mendatang. Berpikiran terbuka termasuk salah satu karakter wirausahawan sukses. Dengan mengembangkan pikiran terbuka, anda dapat mengambil hal positif yang berada di luar diri sendiri. Jika terbiasa berpikir positif, anda akan selalu melihat peluang di setiap kesempatan hidup. Seorang pekerja yang berorientasi sukses akan selalu memiliki pikiran terbuka untuk memunculkan ide-ide kreatif, aplikatif, serta penuh solusi. Berpikir terbuka pada hakikatnya sama dengan berpikir positif. Secara definitif, berfikir terbuka atau open minded  ialah memiliki kemampuan untuk menerima hal atau ide baru dan berbeda dari orang lain. Meskipun gagasan orang lain tampak buruk, dengan pikiran...
Posting Komentar
🔗BACA SELENGKAPNYA »

PERKEMBANGAN DAN DEFINISI ILMU POLITIK

🔓Owner Post Published 🕕
Apabila ilmu politik dipandang semata-mata sebagai salah satu cabang dari  ilmu-ilmu sosial yang memiliki dasar, rangka, fokus, dan ruang lingkup yang  jelas, maka dapat dikatakan bahwa ilmu politik masih muda usianya karena  baru lahir pada akhir abad ke-19. pada tahap itu ilmu politik berkembang secara pesat berdampingan dengan cabang-cabang ilmu sosial lainnya, seperti  sosiologi, antropologi, ekonomi, dan psikologi, dan dalam perkembangan ini mereka saling mempengaruhi. Akan tetapi, apabila ilmu politik ditinjau dalam rangka yang lebih luas,  yaitu sebagai pembahasan secara rasional dari berbagai aspek negara dan  kehidupan politik, maka ilmu politik dapat dikatakan jauh lebih tua  umurnya. Bahkan ia sering dinamakan ilmu sosial yang tertua di dunia. Pada  taraf perkembangan itu ilmu politik banyak bersandar pada sejarah dan  filsafat. Di Indonesia kita mendapati beberapa karya tulis yang membahas masalah sejarah dan kenegaraa...
Posting Komentar
🔗BACA SELENGKAPNYA »