Saya sarankan sobat sedikit mengerti menganai CSS ketika ingin menerapkan cara ini
Kali ini saya membahas mengenai cara Menerapkan sistem Tumpang Tindih pada elemen atau sama saja dengan cara Mengatasi Widget yang posisinya di bawah widget lain. Ini sering terjadi pada widget-widget yang dipasang melayang atau bahasa kerennya position:fixed nah apabila sobat - sobat pernah mengalami hal seperti buku tamu tersembunyi yang ketika melewati widget lain (elemen lain) dan posisinya membawahinya saya punya sosusinya dan sangat mudah sekali. Silahkan simak kode CSS berikut :
z-index:99;
Sudah dilihat kodenya sekarang lihat. Ada dua cara menggunakannya yaitu:
1. Menambahkan kode dibawah dengan nilai besar kedalam CSS widgetnya, apabila widget ingin tampil didepan
z-index:99;
2. Menambahkan kode dibawah dengan nilai kecil kedalam CSS widgetnya, apabila widget ingin tampil dibelakang
z-index:-1;
Jadi intinya posisi akan semakin di depan apabila nilai z-index lebih tinggi dan posisi akan semakin di belakang apabila nilainya lebih kecil dari z-index yang lebih tinggi
Sampai disini materi kita mengenai cara Menerapkan sistem Tumpang Tindih pada elemen blog, selamat mencoba dan berhasil, Good Luck.
pertamaxx dipakai..
BalasHapuswoke.. nice post sob.. :)
@Alam Perwira: selamat atas pertamaxnya :)
BalasHapusWah ini dia yang saya cari-cari,, Langsung di post nih sama adminnnya, adminnya emang pengertian banget nih,, Makasih banyak ya sahabat terbaik,,
BalasHapus@AYRIY: haha, iya sob sama - sama
BalasHapusmantap nih tips nya
BalasHapusNice info gan... Blog ente kok bisa miring2 gitu gimana caranya gan? :P
BalasHapus@Spenza: oke sob
BalasHapus@Muhammad Fajar: saya tambahin css memiringkan elemen, cari aja di google banak caranya
Saya ada sih widget melayang cman nggak tumpang tindih hehe, tpi saya masih bingung juga nih gunanya buat apa sob ?
BalasHapus@Sampeweweh: biasanya ada masalah waktu widget melayang melewati elemen lain dan posisinya memebelakangi jadi gunakan cara ini agar posisinya didepan
BalasHapussangat sederhana ternyata kodenya ya sob tapi sangat membantu dan bermanfaat. mantab sharingya sob :)
BalasHapus@Tonnys: iya sob walaupun sederhana tapi sangat berguna
BalasHapusiya sob, masalah seperti ini biasa terjadi pada widget yg dibuat melayan dan ada beberapa kolom dalam satu widget...
BalasHapusnice informasi sobat, sangat memberikan manfaat sobt...
tutorialnya menarik sobat..tampilan blog bisa jadi lebih rapi..thanks :)
BalasHapus@Asis Sugianto: iya sob
BalasHapus@BlogS of Hariyanto: sama - sama
jago main css si agan :D
BalasHapusnice tutor gan :D sukses selalu :)
BalasHapus@duniasharing: sedikit sob :D
BalasHapus@Cirebon-Cyber4rt: oke sob sama - sama :D
OOT. ane bingung, Cbox ane ga bisa di liat chatnya dan ngelait punya orang pun ga bisa. di blok apa ya? di blok sama ISP ane apa dari cboxnya, tapi buka web nya bisa :(
BalasHapusmaaf gan ga bisa berkunjung nih :D
@duniasharing: saya tidak tahu permasalahnnya, mungkin ada kesalahan dari cboxnya, saya buka bisa kok sob.
BalasHapusEmang Mantep pake z-index, aku pake di postinganQ yang blogazine dulu :D, keren hasilX
BalasHapusBru lagi nich.. thanks Infonya... membantu sangat... salam Blogging.. :D
BalasHapusberkunjung di postingannya sobat.
BalasHapusane simak dulu ya sob
mampir lagi ke blog sobat sembari menantikan postingan terbaru sobat...
BalasHapus@system of blog: ya sob sangat penting ini :D
BalasHapus@Blogger Blegedes: salam blogging juga :D
@Intermediary Blog: silahkan di simak sob :)
BalasHapus@Asis Sugianto: oke sob kalo ada waktu senggang dan ide :)
wew, walopun saya ga ngerti masalah CSS, saya support aja dsni ye gan..
BalasHapussalam persahabatan..
ditunggu kunjungan baliknya gan..
thanks, happy blogging :)
luar biasa..
BalasHapusartikel yg menarik..
aku sudah follow blognya pak.
aku tunggu followbacknya yah.. thank you..
@Outbound Malang: oke sob
BalasHapus@SDF-TYU-JKL-VBN: oke saya follback
hohoho bener sob , ane sering pake kode itu , salam kenal , blog sobat keren
BalasHapus@Mbah Qopet: oke, salam kenal juga
BalasHapusmasih dapat msalah kang. ga bisa link kle server www4.cbox.ws :D
BalasHapuskebtulan punya mas bro server www4.cbox.ws
selain itu tapi bisa , ninggalin jejak nya di mari aja :)
Demonya mana gan?
BalasHapussalam balik
@duniasharing: wha kok bisa ya, di block lagi mas
BalasHapus@MHARJIPES.COM: demonnya ga usah soalnya widgetnya dah dipasang kan sob :D
blognya inovatif banget nih. banyak pake javascript.
BalasHapusNice blog, :)
BalasHapusLike it, :)
http://genggamharapan.blogspot.com/
@info unik: sobat salah, justru javascript di blog ini sangat sedikit saya lebih perbanyak di css karna lebih ringan
BalasHapus@Segenggam Harapan: oke
oh begini toh caranya baru tau saya,trimakasih atas infonya langsung ke TKP ah wkwkwk
BalasHapusMaaf keluar jalur sob...
BalasHapusAda kiriman ,, mohon diambil di blog sakahayang
Happy blogging
@BLOGCUNAYZ: silahkan sob ...
BalasHapus@Sakahayang Kang Asep: meluncur ...
pertamax
BalasHapus:)
hadir lagi di sini menyapa sobat :)
BalasHapuskerenn coyy,.custom postnya mantapp bangett dahh,.,.postnya pun sangat bermanfaat dahh,.,makasihh kawannn
BalasHapussaya masih bingung nih gan.....
BalasHapusapa maksudnya tumpang tindih pada elemen blog, bisa di perlihatkan contohnya gan..???
maklum newbie
elemen yang posisinya membawahi elemen lain kalo mau diposisikan diatasnya gunakan cara ini :)
HapusWah nice tips sobat !
BalasHapusoke ane coba gan...
BalasHapusCoba Ah
BalasHapus