Thursday, May 5, 2011

Cara Menambah dua kolom di atas Post pada BlOG

Jika ada yang ingin menambah dua kolom di atas post, 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. Selamat mencoba ...

No comments:

Post a Comment