Jumpa lagi sobat punggawa.
Sobat berencana mengoprek template blog sobat yang dua columb menjadi tiga columb? Berikut Punggawa akan berbagi dengan sobat pengunjung blog Punggawa.
Semoga tidak mengecewakan.
1. Login ke akun Blogger
2. Dari Dasbor klik Rancangan
3. Klik Edit HTML
4. Centang 'expand widget template'
5. Cari kode ]]></b:skin>
6. Masukkan kode di bawah ini di atas kode ]]></b:skin>
#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}
7. Cari kode berikut atau semiripnya
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
8. Kalo udah ketemu tambahkan kode ini di atasnya!
<div id='footer-column-container'>
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
<p> <hr align='center' color='#5d5d54' width='90%'/></p>
<div id='footer-bottom' style='text-align: center;padding: 10px; text-transform: lowercase;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>
</div>
<div style='clear:both;'/>
</div>
9. Langkah terakhir dari semua langkah yaitu,,, SIMPAN
Semoga bermanfa'at.
Shalam!!!
Friday, August 17, 2012
CARA MENGUBAH TEMPLATE BLOGGER MENJADI 3 COLUMB
SMS Gratis Disini
I'd like to find out more? I'd want to find out some additional information.
ReplyDeleteAlso visit my web site; krystal
I’m impressed, I have to say. Rarely do I come upon a
ReplyDeleteblog that’s just as educative and enjoyable on web 2.0 site,
and without question, you have hit the nail on
the head. This matter is an issue that not enough people are talking intelligently about.
Right now I’m very happy I found this during
my search for something related to this.
Take a look at my web page ewebmarks.org
ayvalık transfer
ReplyDeleteçeşme transfer
urla transfer
akbük transfer
davutlar transfer
KCV