Membagi 2 Kolom Pada Post Artikel

Indonesia Furniture Handicraft Wholesale Marketplace

Nah teman-teman tentunya pernah lihat berita di koran maka akan terlihat bekolom-kolom berita yang dituliskan.Kita juga bisa kok tuk buat model posting menjadi seperti itu menjadi 1,2 bahkan 3 kolom.Klo untuk muat dan tidaknya itu bergantung pada lebar template.Tentunya dengan menggunakan model kolom maka tampilan posting menjadi lebih enak dilihat dan menghemat tempat.

Ok langsung aja kita buat tuh kolom.
Seperti biasa login kedalam halaman blog kamu masing-masing.
Lalu create new post dan kamu masuk pada Edit Html mode,kemudian copas kode berikut dan letakan pada posting tersebut.

<table width="200" border="0" cellspacing="10"><tr><td width="100" valign="top">artikel kamu...</td>
<td width="100" valign="top">Artikel kamu</td>
</tr>
</table>

Selanjutnya kembali ke mode Tulis dan tuliskan artikel kamu pada tag di atas (artikel kamu).
Jika lewat mode Tulis maka dapat langsung dilihat hasilnya.Selain pada posting cara ini juga dapat diaplikasikan pada halaman Gadget Html.

Keterangan :

Temen-temen bisa mengubah hasil sesui keinginan.Berikut tag-tagnya.

1. table width=”200″ –> lebar table
2. td width=”100″ –> lebar kolom 1
3. td width=”100″ –> lebar kolom 2
4. cellpacing=”10″ –> jarak antar kolom.

Kur belum pernah menggunakan caraini pada format gambar,nah sekarang tugas kawan-kawan tuk nyoba dan klo berhasil jangan luba kabari Kur.OK

Indonesia Furniture Handicraft Wholesale Marketplace

Bullet Pada Awal Link List

Indonesia Furniture Handicraft Wholesale Marketplace

Nah pada posting ini kur akan bahas tutorial tentang menampilkan bullet dan pengaturan spasi pada setiap list suatu link.(Bener gak ya nih kalimat..)Klo temen-temen bingung dengan nih kalimat mendingan rekan-rekan sekalian lihat pada menu kategory disamping, nah disana terlihat ada gambar (dah Kur ilangin gambarnya he..he..) dan border bottom pada setiap listnya..Selain itu dengan menggunakan tutorial berikut juga akan mengatur jarak spasi sehingga terlihat lebih rapi.

Nha klo temen-temen pengin buat ikutin yuk tutorial berikut:
1. Login ke blog kalian dan masuk ke edit HTML,jagan lupa beri tanda pada expand widget.
2. Cari kode berikut: <b:skin><![CDATA[
3. Copy kode berikut di bawah kode di atas.

ul {
border: 0px solid #none;
margin: 2px;
padding: 2px 2px 2px 23px;
list-style-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUPXl0g48ousYJEyWnFBywrBXbqh1qsvdtfjogQk6OfK_jY_HTi9qDx4RpPgMIqu-HL44FdptWonAUhuI9OVyOD8kKveF5rafblgJvIZp0lutQu_284TaOCDZlUA04vjpZnd52vy01CRY/);
}
li a{
display:block;
color:#ff8d1b;
text-decoration:none;
border-bottom:1px dashed #ff7f00;
padding:2px 2px 2px 2px;
font-family:Georgia, garamond, serif;
}
li a:hover{
display:block;
color:#db6d00;
text-decoration:none;
border-bottom:1px dashed #ff7f00;
background:#ffdfbf;
}

4. Kemudian simpan templates dan lihat hasilnya.

Silahkan ganti tulisan berwarna merah diatas dengan alamat gambar rekan-rekan masing-masing apabila gambar tidak sesuai dengan selera (sela kur rendah sich).Kemudian untuk ukuran Padding dapat diatur sesuai dengan template dan selera tentunya.

Bagamana kalian tertarik?Silahkan dicoba dan semoga berhasil.Terimakasih telah membaca artikel dari myokenet.

Indonesia Furniture Handicraft Wholesale Marketplace