Cara Menambah Dua Kolom Di Atas Postingan

8:04 PM Unknown

ADVERTISME

Cara Menambah Dua Kolom Di Atas Postingan - Mendesain tata letak sebuah blog memang sangat mengasikan, selain bisa menjadikan blog tersebut cantik, juga menjadikan visitor tidak jenuh, ada banyak desain termasuk tata letak kolom, nah yang kali ini akan saya share adalah Cara Menambah Dua Kolom Di Atas Postingan, ikuti caranya sebagai berikut :

Tutorial ringan ini untuk up-date blog ini menjelang up-date Page Rank Google, supaya gak kena gebuk PR-nya hi hi... : 1.Langkah pertama Log in ke blog--> layout- -> Klik Edit HTML
2. Langkah ke dua cari kode seperti di bawah ini.

<div id='main-wrapper'> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog type='Blog'/> </b:widget> </b:section></div>

3. Langkah ketiga tambahkan kode berikut : after <div id='main-wrapper'>  and  before<b:section>.

<b:section class='sidebar' id='magazine-left2' showaddelement='yes'> <b:widget id='Text512' locked='false' title='Column 1' type='Text'/> </b:section> <b:section class='sidebar' id='magazine-right2' showaddelement='yes'> <b:widget id='Text522' locked='false' title='Column 2' type='Text'/> </b:section> <div style="clear: both;"></div>

Look at the example below.

4. Langkah ke empat cari kode seperti berikut.

]]></b:skin>

5. Tambahkan kode berikut : before     ]]></b:skin>  tag.

#magazine-left2 { width: 45%; float: left; } #magazine-right2 { width: 45%; float: right; }

6.Klik Simpan dan Selesai. 

Demikianlah Cara Menambah Dua Kolom Di Atas Postingan semoga bisa membantu