Cara Membuat Label di Blogger Menjadi 2 Kolom

Untuk membuat label di Blogger menjadi 2 kolom , anda bisa melihatnya di blog saya ini, atau gambar di bawah ini :

Membuat Label di Blogger

Karena object yang akan kita rubah disini adalah bagian label dari blogger, maka sudah tentu harus ada label terlebih dahulu. Jika blog anda belum memiliki label silahkan pasang dulu. Dan bagi yang sudah terpasang widget label di blognya, jangan lupa untuk menampilkan-nya secara flat / daftar jangan versi cloud. Untuk lebih jelasnya, berikut cara membuat label dengan tampilan flat / daftar.

1. Login di Blogger
2. Klik “Rancangan”
3. Pada menu “Elemen Halaman”, klik tambah gadget di sidebar blog.
4. Pilih Widget “Label”
5. Pastikan tampilannya daftar. Kemudian klik simpan.

Sampai disini, blog anda sudah memiliki label. Namun tampilannya masih default yaitu list / daftar dalam 1 kolom. Sekarang bagaimana caranya membuat label tersebut menjadi 2 kolom?. Kita lanjutkan tutorialnya.

Untuk membuat tampilan label menjadi 2 kolom, disini kita hanya menggunakan teknik css saja. Tidak ada script atau apapun. Nah sekarang kita lanjutkan ke pembagian label menjadi 2 kolom dengan menggunakan teknik css. Caranya :

Membuat Widget Label Menjadi 2 Kolom

1. Login di Blogger

2. Klik “Rancangan”

3. Klik “Edit HTML”

4. Sebagai backup jika terjadi kesalahan dalam pengeditan, silahkan copy paste seluruh kode template ke dalam notepad.

5. Copy paste kode di bawah dan simpan di atas kode ] ] > < / b : skin >

• #Label1 li {
        float:left; 
        width:45%;
  }

6. Klik “Pratinjau” dan lihat apakah terjadi perubahan pada widget label blog anda (menjadi 2 kolom). Jika belum, coba perkecil nilai width pada kode diatas sampai anda menemukan nilai yang pas, sehingga widget label dalam blog anda menjadi 2 kolom.

7. Jika sudah selesai dan tidak terjadi kesalahan, klik “Simpan”.

Jika anda menemukan masalah dalam menampilkan label / kategori di blogger menjadi 2 kolom, jangan malu untuk bertanya di kolom komentar ya. Selamat mencoba…

Google Facebook Twitter More

• Pinterest
• Digg
• Linkedin
• Stumbleupon
• Delicious
• Tumblr
• BufferApp
• Pocket
• Evernote

Artikel Terkait

• Cara mengganti domain blogspot ke co.cc Biasanya ketika membuat blog di blogger, kita akan mendapat nama blog http://namablog.blogspot.com, kita bisa merubah
• Situs Buat Blog Gratisan Terlengkap Seluruh DuniaBLOG DENGAN DUKUNGAN DANGA SOFTWARE1. GreatestJournal.comLayanan ini dasarnya hampir sama dengan software LiveJournal.
• Kode Warna HTMLDengan mengklik salah satu warna dibawah ini, akan otomatis keluar kode warna htmlnya.
• cara membuat kotak scroll pada bloggerUntuk membuat kotak ini caranya sangat mudah: 1. Buka Blogger. 2. Klik menu Layout -> Page Elements 3. Klik Add a G
• Cara Upload Gambar di Postingan BlogAgar posting artikel pada blog lebih menarik untuk dilihat, maka sebaiknya kita menyisipkan gambar di antara poting-a
• Meningkatkan Pengunjung Blog Dengan Mybloglog Yahoo Sebuah layanan jejaring blog yang disediakan oleh yahoo adalah myblogblog. Di situs tersebut tersedia berbagai fitur

Cara Membuat Label di Blogger Menjadi 2 Kolom

4/ 5

Oleh Baris Info

Maret 02, 2011 2 Komentar