Cara Memasang / Menambahkan Add A Gadget 3 kolom di Blogger | Griya Ilmu & Bisnis
 
Griya Ilmu & Bisnis
 
Senin, 30 Mei 2011

Cara Memasang / Menambahkan Add A Gadget 3 kolom di Blogger

it's an information blog
Para Pembaca yang saya ehm .. ehm ....
Nah pada posting kali ini saya ingin membagi sebuah Tips Mantap yaitu cara memasang add a gadget 3 kolom di bawah postingan lay out blogger anda .
Ini terkhusus untuk beberapa template yang tak memiliki kolom tambah gadget di bawah postingannya .
Ok biar cepet - soalnya saya mau mobilitas nih - nah sedot aja langsung caranya, jangan lupa komentarnya ah ... jangan pelit !!!


Langkah - langkah :

1. Login Kedalam account Blogger anda.
2. Masuk Design, Edit Html, sebelumnya download template blog anda dulu.
3. Setelah itu tekan Ctrl + F cari kode dibawah ini :

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

Pada intinya anda cari kode diatas lah

4. Setelah menemukan kode diatas, kemudian ganti kode yang berwarna merah dengan kode dibawah ini :

<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>

5. Setalah selesai di ganti, kemudian cari kode ini ]]></b:skin>
6. Kemudian tambahkan kode berwarna merah dibawah ini, diatas kode ]]></b:skin>
#footer-column-container {
clear:both;
}

.footer-column {
padding: 10px;
}
Setelah semua selesai Pilih Save. 

0 komentar:

:10 :11 :12 :13 :14 :15 :16 :17
:18 :19 :20 :21 :22 :23 :24 :25
:26 :27 :28 :29 :30 :31 :32 :33
:34 :35 :36 :37 :38 :39

Posting Komentar

Tinggalkan pesan anda disini :

Updates Via E-Mail