Blog ini membahas tentang berbagai tips dan tutorial blogspot untuk mengoptimalkan halaman blog di search engine ( SEO ), Validasi HTML 5 , CSS 3, Script dan tehnik kontribusi dalam tag tag html begitu juga dengan XML.
Untuk mendapatkan space iklan dihalaman ini silahkan hubungi owner Blog Design, Kami akan secepatnya merespon dan mempertimbangkan letak dari iklan text dan banner anda...
Rivai Silaban - Blog Design
Tunduk Bukan berarti saya takut, tapi saya sadar atas apa yang saya miliki adalah kuasa Tuhan, hingga tiba saatnya nanti Tuhan akan mengambilnya dari saya.
Home
»
menu
»
Cara membuat menu melayang diatas header
Saturday, June 22, 2013
Cara membuat menu melayang diatas header
Menu pada halaman situs web ataupun blog sangat diperlukan dimana kita dapat memberi satu isyarat buat para pengunjung untuk memberitahukan tentang apa saja yang ada di halaman situs web ataupun blog. Sebagai pengguna media internet yang mempunyai situs web ataupun blog di dunia maya hal ini bukanlah baru melainkan sudah tergolong biasa, tapi menu yang akan kita bahas kali ini adalah mengenai cara membuat menu floating di halaman situs. Sistem menu dalam tutorial kali ini bisa dikatakan sistem melayang ( Berada di atas halaman / absolute )
Menu floating ini sangat simpel dan tidak memakan tempat di halaman situs web ataupun blog anda. Inilah yang menjadi suatu alasan bahwa menu yang satu ini berguna untuk halaman kita. Menu floating yang dibarengi dengan gambar admin serta sosial media ini tidak memakai script dan boleh dikatakan lodingnya ringan. Oke langsung saja menuju TKP... gambar dibawah ini adalah screen shoot dari tutorial yang akan kita buat ini.
Fitur
Image admin
Navigasi menu
Tombol Facebook
Tombol Twitter
Tombol Gplus
Tombol Youtube
Tombol RSS
Install Program CSS
Login ke dashboard anda
Masuk ke "TEMPLATE" lalu klik " Edit HTML "
Cari code ]]></b:skin>
Copy Code script CSS dibawah ini, pastekan diatas code ]]></b:skin>tadi
Code tulisan warna Merah ganti URL sesuai dengan tulisannya
Code tulisan warna Hijau ganti dengan code URL gambar anda
Sesuaikan dengan template anda, serta ganti semua link dalam code tersebut
Bila anda mengalami kesulitan dalam pemasangan Floating menu ini pada artikel yang ada di postingan halaman blog ini silahkan share menggunakan form komentar dibawah. Makasih atas kunjungannya.
Terimakasih atas kunjungannya,Bila anda suka dengan artikel ini silahkan
JOIN TO MEMBER BLOG
atau berlangganan geratis Artikel dari blog ini, daftarkan email anda pada form subscribe dibawah halaman . Pergunakan vasilitas diblog ini untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui kotak komentar yang ada dibawah atau gunakan fasilitas yang ada diblog ini untuk menghubungi saya.
mantab jos gandos otos otos mas bro postingan yang luar biasa sudah saya praktekin hasilnya memuaskan hahah. cuman foto profilnya kalau kursor diarahin kesana kok namanya masih namanya agan rivai ya?
yang pertama soal kode yang memang tidak ikhususkan replay comment.
yang kedua kesalahan kode error code.
tapi dari blog kamu, saya lihat itu masalah kehilangan kode. jadi sangat rumit ibenarin harus dilihat ulang kembali.
untuk solusinya harus membuat kode manual comment untuk mengganti kode komentar. solusi lainnya lihat settingan di dasbor untuk masalah komentar silahkan edit.
1. Komentar
SPAM
Akan secepatnya dihapus
2. Pastikan untuk "
Berlangganan Lewat Email
" untuk membangun kreatifitas blog ini
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Dilarang menyebarluaskan artikel tanpa persetujuan dari saya.
6. Untuk mengajukan pertanyaan diluar postingan diatas, silahkan klik "
Forum Diskusi
"
7. Bergabung dengan kami untuk menjadi member Klik "
Join to Member
"
8. Komentar yang mengandung code tag HTML, konversikan terlebih dulu silahkan klik "
Konversi Kode
"
Salam bloger .. !!
Pergunakan semua fasilitas di Blog ini untuk mempermudah anda..
Ijin Nyimak Mas
ReplyDeletesilahkan sob, salam kenal dari saya..
Deletemantab jos gandos otos otos mas bro postingan yang luar biasa sudah saya praktekin hasilnya memuaskan hahah. cuman foto profilnya kalau kursor diarahin kesana kok namanya masih namanya agan rivai ya?
ReplyDeletelihat kode link gambar kamu sob, perhatikan bagian
Deletetitle=" ganti nama kamu "
Lihat pada kode diatas warna hijau seperti pada tutorial diatas..
Makasih atas pendapatnya
salam bloger
oh ya gan mau nanyak masalah komen. blog ane kalau ada orang komen gk bisa di balesin. biar bisa dibalesin gimana caranya?
ReplyDeleteada 2 alternatif sob, soal masalah ini .
Deleteyang pertama soal kode yang memang tidak ikhususkan replay comment.
yang kedua kesalahan kode error code.
tapi dari blog kamu, saya lihat itu masalah kehilangan kode. jadi sangat rumit ibenarin harus dilihat ulang kembali.
untuk solusinya harus membuat kode manual comment untuk mengganti kode komentar.
solusi lainnya lihat settingan di dasbor untuk masalah komentar silahkan edit.
Saya nge fans banget sama Rivan hehe :D
ReplyDeleteTrik tips nya sangat bermanfaat semua
thx atas pendapatnya mbak..
DeleteJika sobat tidak menemukan kode
ReplyDelete>> div id='outer-wrapper <<
Cari saja kode
taruh di bawah header :)
tepat sekali mbak..
Deletekayaknya saya rencananya mau nimba ilmu lagi nih sama mbak..
thx atas penjelasannya, sangat membantu sekali buat semuanya.