Cara Membuat Label Menjadi 2 Coloumn

Diposting oleh Keiruchan Agatha on Rabu, 07 November 2012

Markup Validation Service

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 ul li{
 float:left;
      width:45%;
}
Lalu setting seprti ini
Markup Validation Service

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 sesuai dengan lebar sidebar/widget anda, sehingga widget label dalam blog anda menjadi 2 kolom.

7. Jika sudah selesai dan tidak terjadi kesalahan, klik “Simpan”.
Tutorial diatas, mungkin sedikit rumit jika anda tidak mengetahui lebar dari widget label di blog anda. Untuk mengatasinya, silahkan ikuti petunjuk yang sudah saya tulis pada point 6, untuk bisa menampilakan label di blogger menjadi 2 kolom.

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


Sumber
Share Please :

Posted by : Keiruchan Agatha ~ / Portal Media Informasi Pilihan

Markup Validation Service
Anda telah membaca artikel Cara Membuat Label Menjadi 2 Coloumn Ditulis oleh Keiruchan Agatha pada Rabu, 07 November 2012. Kritik dan saran dapat disampaikan via kotak komentar. Anda diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link yang ada di bawah sebagai sumbernya. Atas perhatiannya saya ucapkan terimakasih. Salam blogger and Happy blogging.

Baca Yang Ini Juga Boz :

{ 5 komentar... read them below or add one }

Muhammad Risdiyanto mengatakan...

bagus gan postingannya .........

Keiruchan Agatha mengatakan...

@Muhammad Risdiyanto:D thnx gan

Aan Rusmanto mengatakan...

mantap gan..

ditunggu kunbal nya
di http://aan-shared.blogspot.com

myarchivezone mengatakan...

Akhirnya berhasil gan... :D makasih tutorialnya...

apkfree-download mengatakan...

mas saya sudah mencobanya sesuai tutorial diatas, tapi kok label blog saya masih panjang banget ya?

please help me?????

Posting Komentar

Silahkan tinggalkan komentar anda dengan tidak meninggalkan link. Jika ada kesalahan dalam artikel ini dan jika ada saran dan kritik silahkan tulis komentar anda dibawah dengan baik dan sopan... ;)
Dan jika kedapatan link yang mati dalam penempatan software atau game harap beritahukan agar segera diperbaiki...

 
Markup Validation Service Markup Validation Service Markup Validation Service Markup Validation Service Markup Validation Service