Cara Midamel List Dua Lajur (2 Kolom)

List 2 (dua) lajur mangrupa hiji usaha kanggo nyiptakeun effisiensi rohang,ku kituna lamun biasana dina hiji rohang ngan aya hiji lajur list,kalawan padika ieu mangka urang tiasa memaksimalkeun tanagi tande hiji rohang blog barobah kaayaan kabagi dina 2 buah lajur. Tangtos wae kanggo memaksimalkeun usaha ieu teks saban list haruslah didamel sependek manawi luyu rohang anu sadia. Wangun List 2 lajur nyaeta sepertos dihandap iyeu:

D E M O:

• Item 1a
• Item 1b
• Item 2a
• Item 2b
• Item 3a
• Item 3b
• Item 4a
• Item 4b
• Item 5a
• Item 5b
• Item 6a
• Item 6b

Kode CSS:

#ItemA{
       padding:10px;
       width :auto;
       background:#ddd;
       border:1px dotted #333366;
       margin:20px 0;
}
#ItemA ul{padding:0;margin:0;list-style-type:none !important;}    
#ItemA 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;
}
#ItemA li.ItemA2{
       margin-left:50%;
       margin-top:-27px;
       padding:5px 6px;
       text-decoration:none;background:#666;
}  
.ItemA_alt{
       background:#666;
}
#ItemA a:link{text-decoration:none;color:#eee;}
#ItemA a:hover{color:#0CF;}
* html #ItemA li.ItemA2{
       margin-top:-19px;
}

xHTML :

<div id="ItemA">
<ul>
    <li><a href="URL">Item 1a</a></li>
    <li class="ItemA2"><a href="URL">Item 1b</a></li>
    <li class="ItemA_alt"><a href="URL">Item 2a</a></li>
    <li class="ItemA2"><a href="URL">Item 2b</a></li>
    <li><a href="URL">Item 3a</a></li>
    <li class="ItemA2"><a href="URL">Item 3b</a></li>
    <li class="ItemA_alt"><a href="URL">Item 4a</a></li>
    <li class="ItemA2"><a href="URL">Item 4b</a></li>
    <li><a href="URL">Item 5a</a></li>
    <li class="ItemA2"><a href="URL">Item 5b</a></li>
    <li class="ItemA_alt"><a href="URL">Item 6a</a></li>
    <li class="ItemA2"><a href="URL">Item 6b</a></li> 
</ul>
</div>

Cara Midamel List Dua Lajur (2 Kolom) :

1. Login ka Blogger.
   
   • Tuliskeun "User Name" (gmail) atawa tuliskeun "Email Address" (non gmail).
   • Tuliskeun Password.
   • Klik "Sign in"
2. Sababaraha wanci sanggeus klik sign in anjeun bade nepungan halaman "Dasbor (Dasboard)".
   Klik "Rancangan (Design)".
3. Balik halaman anyar bade kabuka , klik "Edit HTML".
4. Hiji halaman anyar balik urang jumpai. Halaman ieu eusina 3 (tilu) haturan:
   
   • Backup/Restore Template » eusina fitur kanggo ngalakukeun backup template.
     Pigawe Backup Template minangka lengkah preventif sateuacan ngalakukeun sagala rupa parobahan kode html melali penambahan ataupun pengurangan kode css, javascript jeung xHTML.
   • Edit Template » eusina hiji box ageung anu di jerona berisikan kode html penyusun blog.
   • Old Templates » eusina template lami blogger (Template Tata Lokasi & Template Klasik.
5. Cari kode ]]></b:skin> pada "Box Edit Template".
6. Copy kode CSS sarta letakkan di luhur ]]></b:skin>
7. Klik "Simpen Template (Save Template)".
8. Gunakeun xHTML waktos posting..

Catetan/Katerangan :

Panduan backup template,cara pilari kode sarta sagala rupa cara nunda kode di template tiasa dibuka di Special Tutorials dina menu palebah kenca.

Mangga oge buka Tutorial sanes anu metot pisan sarta patut di turutan sampeyan sadaya. Akses ngaliwatan link handap ieu :

Update » Rebo   WAGE,Juni,10,2012

» BEWARA SUNDA - mitrabewarasunda «