Bagaimana Solusi Untuk Merapikan Halaman Page elements

Ini sering boogle alami saat menambah atau mengubah ukuran kolom template, Walaupun pada antar muka-nya saat di preview atau di render ke berbagai browser keliatan mulus tampa cela sedikit pun, Namun pada halaman Page elements-nya (Elemen Halaman) justru kedapatan berantakan, kolom sidebar melorot ke bawah, antar kolom saling tumpang tindih atau tab page elements-nya terpenggal sepotong.

 

Pernakah saudara mengalami seperti pengalaman boogle ? lalu solusi apa yang biasanya saudara lakukan ?

Sedikit Curhat dari pengalaman

Otre, ini sedikit tip atau curhat dari pengalaman boogle mudah-mudahan dapat membantu teman-teman yang belum paham cara merapikan kolom pada halaman Page Elements-nya.

Petama:

kenali dulu struktur atau basis untuk kolom. dalam minima template secara garis besar ada 4 ( empat ) kolom.

1. Header-Wrapper
2. Main-Wrapper
3. Sidebar-Wrapper
4. Footer

* Note atau untuk div id lainya.

Kedua :

Setelah mengetahui basis kolom di atas. kita tinggal menambah kode yang hanya mengatur pada halaman Page Elements, biasanya kode tersebut boogle simpan tepat di atas tag ]]></b:skin>:

seperti ini.

body#layout #main-wrapper
{ width:300px}
or
Body#layout #Sidebar-Wrapper
{width:200px}

Kadang kalau berantakan bangeut, sering juga memainkan property “float”.

Sedangkan untuk menghilangkan Gadget yang secara otomatis ada pada Page Elements ( Elemen Halaman ) seperti ini.

 

Penambahan-nya seperti ini..

Body#layout #tulis id-nya {display:none}

display:none = merupakan property+value untuk menon-aktifkan tampilan sebuah id or class

 

Sekian dulu curhatan dari  boogle, kalau ada trik atau cara yang lain untuk artikel di atas, bisa saudara diskusikan di sini.

 

[..]

The coloumn for nubie ; Persiapan awal

ihik..ihik.. yooo .. dengan men-gadaikan kemaluan saya.. eh maksudnya rasa malu, saya akan melanjutkan cara membuat kolom ( membagi kolom ) di blogcepot untuk para nubie.

ehm.. tapi ini sebenarnya nambahin saja dari tulisan sebelumnya.

Jadi sebelum kita memulai membagi kolom, ada baiknya kita harus memiliki beberapa browser di sistem windows kita. Seperti browser ; firefox dan beberapa versi sebelumnya, Ie 8 atau 7 ( atau kalau merasa di perlukan versi ie 6 juga ), Opera dan Safari.

Kenapa perlu mempunyai beberapa browser ?

Bagi saya pribadi kegunaanya hanya untuk testing saja, gimana hasil editan saya bila di render oleh beberapa browser. apakah kelihatan bagus, aneh, amburadul atau yang sering saya alami kolom-nya melorot ke bawah seperti CD yang kedodoran saja :D. terutama ketika saya lihat di ie 6 atau 7, karena untuk ngeditnya sendiri saya mengunakan firefox.

- yang salah bukan script css nya, tapi menurut saya karena setiap browser mempunyai aturan dan patokan dalam membaca script css nya.. seperti perbedaan membaca ukuran px, em dll.. eeemm tapi saya ngga begitu tahu juga dink.. maklum kan saya blogger gelandangan :(.

Multiple Ie

Nah ini dia.. kan biasanya setiap sistem windows hanya dapat mengistall satu versi ie, nah dengan bantuan software ini, kita dapat megistall beberapa versi ie sekaligus – terutama versi ie 6, dan versi  5  ke bawah. untuk mendapatkan software ini dan penjelasannya bisa di cek di mari juragan http://tredosoft.com/Multiple_IE.  atau bisa juga mengunakan software Ie Tester yang bisa di dunlut di www.my-debugbar.com.

Multiple firefox.

Sama sih seperti di atas, kadang walaupun browser yang sama tapi antar versi ada saja bedanya. kalau mau tahu lebih jauh tentang Multiple firefox tanya saja pada mbah google, atau kalau malas coba saja di lihat dimari  Installing Firefox 1.5, 2 and 3.

yuuu segitu saja dulu penjelasan yang ngawur ini .. mudah-mudahan saya masih punya pede untuk melanjutkanya lagi.. ihik..ihik..

belsambung..

[..]

the coloumn : ihik..ihik..

Ehm.. dah lama juga.

Sempat kemikiran blog ini dan blog saya yang lain, mau saya lelang alias di jual.. hehehe.. tapi ada ngga yach yang mau beli..ihik.

Malessssnya minta ampuin dah. jangan kan untuk cari sesuatu untuk saya tulis, job aja sebanyak tiga siki saya cancel. dan buanyak komment yang belum saya jawab balik.. please yach maaf pisan euy !!.

Oceh dah.. biar rada ke update, saya iseng-iseng nulis tentang cara membuat kolom di blogcepot.. ihik emang rada basi sih, tapi khususon tulisan ini buat nubi. and trik membuat kolom ini pastinnya tidak sehebat tutorial para master css.. maklum aja saya kan blogger jalanan and gelandangan xixixixi.

Biar rada keyen dikit tulisan membuat kolom ini saya beri judul “ the coloumn “, dan rencananya saya tulis secara bersambung atau bahasa bulenya continued ihik.. – sebenarnya doloe saya berencana ingin buat ebooknya.. ihik lagi ah..

Persiapan Awal

Pastinya buat blog baru dengan layout “ Minima”, karena saya nulis berpatokan pada script Minima. kedua , jangan lupa mampir pada tulisan ini “ margarin and pudding “, karena kalau bermain-main membuat kolom sedikitnya harus mengerti perbedaan antara margin dan padding tersebut. ketiga , gunakan inet yang speed nya rada kencang dikit jangan lupa dengerin juga lagu-lagu jadul biar ngga boring. dan yang terakhir, ihik..ihik..

belsambung.

[..]