DETIKREVOLUSI.com - Header blog statis atau melayang (floating) merupakan salah satu trend desain website di tahun 2015. Header blog melayang maksudnya adalah header blog tersebut akan selalu mengikuti ketika blog discroll. Membuat header melayang cukup mudah, saya akan mencoba membagikan tutorialnya untuk Anda.
Berikut cara membuatnya :
1. Masuk ke blogger.com
2. Cari kode #header atau .header (tekan Ctrl+F untuk memudahkan pencarian)
3. Tambahkan kode CSS berikut ini di bawahnya, di dalam kode pembuka {
position:fixed;
z-index:200;
background-color: #fff; Kode di atas sudah membuat header blog Anda melayang, alias tetap muncul saat laman blog discroll ke bawah.
4. Cari kode #main atau yang semisalnya (#main-wrapper, #main-content, #content-area, dll), lalu tambahkan kode berikut ini di dalam kode pembuka {
margin-top:200px; Catatan: Angka 200 bisa dikurangi atau ditambahi, sesuaikan saja, klik "Preview" dulu sebelum disave!
5. Save template!
Selamat, kini header blog Anda sudah mengikuti perkembangan desain website modern. Nah, sekian dulu tutorial dari saya tentang Cara Membuat Menu Header Melayang (Floating), semoga bermanfaat.
Tag :
Tutorial
15 Komentar untuk "Cara Membuat Menu Header Melayang (Floating)"
Siip gan tutorial bermanfaat bagi ane yg lagi belajar ngeblog
Waduhh Mantep nih ..Kaya CB blog
Keren gan bermanfaat sekali !!!
by : afs17-knowledge
Terima kasih.
Mirip, tapi beda.
Ok, terima kasih telah berkunjung.
Keren memang hasilnya juga, buat pengunjung heran kok bisa, tambah menarik ini.
Makasih mas, tutorialnya.
Sama-sama Mas. :)
MANTAP DAH TUTORNYA KAWAN
http://acemaxs31.com/obat-herbal-stroke-ace-maxs/
http://i-bikeco.com/
http://mas-galih.com/
thanks infonya sob
http://ramuantradisionalkita.com/pengobatan-tradisional-torsio-testis/
Terimakasih atas informasinya :)
ijin share http://jellygamatgoldg31.com/obat-herbal-jantung/
makasih banyak buat infonya ,, nice post
http://goo.gl/NQSzZm
Thanks atas infonya gan :)
http://goo.gl/Db3rDs
Terimakasih atas informasinya sangat membantu ^_^
http://bit.do/3uud
Thanks ka, izin mampir :)
http://bit.ly/1GCJWvw
Silahkan berkomentar sesuai dengan topik artikel terkait. Gunakan kata-kata sopan dan bijak dalam berkomentar. Komentar SPAM, SARA, offensive, dan meninggalkan link aktif, maka otomatis akan terhapus.