Mau tau cara buat yang seperti ini, silahkan klik disini

widget by Kianhome
KianHome - Masalah yang terjadi dengan tinggi ataupun lebar sebuah kolom sebagian besar teman-teman blogger pernah mengalaminya kan??.

Postingan kali ini akan membahas mengenai "cara mensejajarkan tinggi dan lebar sebuah kolom widget" dengan CSS code. Kita akan langsung mulai pembahasannya dengan menambahkan kode dibawah ini,
word-wrap: break-word;
overflow: hidden;
Tambahkan kode tersebut pada kode CSS kolom yang akan sobat buat sejajar atau sama tinggi.contoh, kita ambil kode pada sidebar blog,
#leftsidebar{
height: 190px;
float: left;
margin:0px 10px 0px 0px;
}
#rightsidebar {
height: 200px;
float: left;
margin:0px 5px 0px 0px;
}
Dari contoh kode diatas kita tambahkan kode yang diatas, sehingga menjadi:
#leftsidebar{
height: 200px;
float: left;
margin:0px 10px 0px 0px;
word-wrap: break-word;
overflow: hidden;
}
#rightsidebar {
height: 200px;
float: left;
margin:0px 5px 0px 0px;
word-wrap: break-word;
overflow: hidden;
}
Namun ada yang perlu diperhatikan bahwa, untuk membuat tinggi dari kolom itu sejajar maka kita harus menerapkan tinggi yang sama pula untuk masing-masing kolom. Sebagai contoh jika tinggi pada kolom 1 adalah "200px;", maka pada kolom ke-2 dan seterusnya juga menggunakan tinggi yang sama, yakni "200px;" juga.

Kode diatas berlaku juga untuk mengatur lebar sebuah kolom agar sama, yang perlu diperhatikan adalah menentukan lebar kolom yang sama dari masing-masing widget. Semoga bisa bermanfaat.

Share to :

Related Post :


About the Author :

K'ian is a designer, web tutorial design, and blogging enthusiasts. Tutorial blog debut the first time when entering college, when I get to know the world wide internet and so much more. Now I work at one of the state trading company, a job that would conflict with the world of blogging and web design. Today remains a serious manage blog " Kolam Blogging Tips | Kianhome ".

17 Response to "Cara Membuat Kolom Widget Sejajar (Sama Tinggi)"


  1. thanks infonya sobat,,,,, slm dari newbie ...Replay

     

  2. makasih gan infonya, ane jadi lebih tahu. ...Replay

     









  3. thx nih informasinya ,, sangat bermanfaat buat saya :) ...Replay

     

  4. Ace Maxs Said,

    thanks ya gan untuk informasinya sangat bermanfaat sekali nih ...Replay

     




  5. ryan Said,


    https://tvskybox.com
    5000 iptv ch - only 4 usd per month!
    htrotex@gmail.com
    work on any devices like phones,tablets,smart tv,iptv set top-box... ...Replay

     

Post a Comment

Blog ini menganut sistem "Dofollow", Silahkan Tinggal komentar, saran, kritik disini.. apapun itu jangan SPAM ok..


Berita Terkini

Friend Follower's

Tips Health

Techno

Hot Nasional

Celebrity

My Blog List

Recent Comment

© Copyright 2011 | Dikelola sepenuhnya oleh : Kiancoi
KianHome Member of PlanetBlog | SitusBersih | Support on Mozilla Firefox and Google Crome Browser
Home | Posts RSS | Comments RSS | Sexy Blog |