List 2 (dua) kolom merupakan sebuah upaya untuk menciptakan effisiensi ruang, sehingga jika biasanya dalam satu ruang hanya ada satu kolom list, dengan metoda ini maka kita bisa memaksimalkan daya tampung sebuah ruang blog menjadi terbagi dalam 2 buah kolom. Tentu saja untuk memaksimalkan upaya ini teks setiap list haruslah dibuat sependek mungkin sesuai ruang yang tersedia. Bentuk List 2 kolom adalah seperti di bawah ini:
D E M O:
Cara membuat List 2 Kolom :
Panduan backup template, cara mencari kode dan berbagai cara menyimpan kode di template dapat dibuka di Special Tutorials pada menu sebelah kiri.
Update » Rebo WAGE,Maret,20,2012
D E M O:
Kode CSS:
#mitrabarayaA{
padding:10px;
width :auto;
background:#ddd;
border:1px dotted #333366;
margin:20px 0;
}
#mitrabarayaA ul{padding:0;margin:0;list-style-type:none !important;}
#mitrabarayaA li{
height:16px;
color:#333;
list-style-type:none !important;
background:#555;
padding:5px 8px;
font-size:0.9em;
text-decoration:none;border-bottom:1px dotted #888;
}
#mitrabarayaA li.mitrabarayaA2{
margin-left:50%;
margin-top:-27px;
padding:5px 6px;
text-decoration:none;background:#666;
}
.mitrabarayaA_alt{
background:#666;
}
#mitrabarayaA a:link{text-decoration:none;color:#eee;}
#mitrabarayaA a:hover{color:#0CF;}
* html #mitrabarayaA li.mitrabarayaA2{
margin-top:-19px;
}
xHTML :
<div id="mitrabarayaA">
<ul>
<li><a href="URL">mitrabaraya 1a</a></li>
<li class="mitrabarayaA2"><a href="URL">mitrabaraya 1b</a></li>
<li class="mitrabarayaA_alt"><a href="URL">mitrabaraya 2a</a></li>
<li class="mitrabarayaA2"><a href="URL">mitrabaraya 2b</a></li>
<li><a href="URL">mitrabaraya 3a</a></li>
<li class="mitrabarayaA2"><a href="URL">mitrabaraya 3b</a></li>
<li class="mitrabarayaA_alt"><a href="URL">mitrabaraya 4a</a></li>
<li class="mitrabarayaA2"><a href="URL">mitrabaraya 4b</a></li>
<li><a href="URL">mitrabaraya 5a</a></li>
<li class="mitrabarayaA2"><a href="URL">mitrabaraya 5b</a></li>
<li class="mitrabarayaA_alt"><a href="URL">mitrabaraya 6a</a></li>
<li class="mitrabarayaA2"><a href="URL">mitrabaraya 6b</a></li>
</ul>
</div>
Cara membuat List 2 Kolom :
- Login ke Blogger.
- Tuliskan "User Name" (gmail) atau tuliskan "Email Address" (non gmail).
- Tuliskan Password.
- Klik "Sign in"
- Beberapa saat setelah klik sign in anda akan menjumpai halaman "Dasbor (Dasboard)".
Klik "Rancangan (Design)". - Kembali halaman baru akan terbuka, klik "Edit HTML".
- Sebuah halaman baru kembali kita jumpai. Halaman ini berisi 3 (tiga) bagian:
- Backup/Restore Template » berisi fitur untuk melakukan backup template.
Lakukan Backup Template sebagai langkah preventif sebelum melakukan berbagai perubahan kode html melali penambahan ataupun pengurangan kode css, javascript dan xHTML. - Edit Template » berisi sebuah box besar yang di dalamnya berisikan kode html penyusun blog.
- Old Templates » berisi template lama blogger (Template Tata Letak & Template Klasik.
- Backup/Restore Template » berisi fitur untuk melakukan backup template.
- Cari kode ]]></b:skin> pada "Box Edit Template".
- Copy kode CSS dan letakkan di atas ]]></b:skin>
- Klik "Simpan Template (Save Template)".
- Gunakan xHTML saat posting..
Panduan backup template, cara mencari kode dan berbagai cara menyimpan kode di template dapat dibuka di Special Tutorials pada menu sebelah kiri.
Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :
Update » Rebo WAGE,Maret,20,2012
» Happy Blogging - mitrabaraya «