Kamis, 16 Oktober 2014

Menambahkan Kolom Bawah atau Footer Blog Paling Bawah

Tips Trik Lekonk13.com - Menambahkan Kolom Bawah atau footer blog merupakan imajinasi setiap blogger,,apapun yang di inginkan harus bisa seperti saya ingin ini itu di blog semua ada. Nah seperti halnya saya ingin menambahkan menu footer dibawah untuk informasi yang lebih baik untuk situs lekonk13.com.

Awalnya blog lekonk13.com tidak berisi informasi paling bawah karena terbatasnya tamplate..maklum tamplate gratisan dari google.co.id

1. Silahkan cari ]]></b:skin> (tips : mempercepat pencarian tekan CTRL + F pada keyboard laptop anda/ komputer)

2. Setelah berhasil menemukan kode di atas, copy dan letakan kode di bawah ini tepat DIATAS  Kode ]]></b:skin>

#tiga-kotak-bawah {
clear:both;
border-top:3px double #e6e4e3;
margin-top:14px;
}
.kolom-kotak {
padding:0px 10px 10px 10px 10px 10px 10px;

" /> }


NB : Kode "10px 10px 10px" Bisa anda atur sesuai selera bisa berapa kotak pun bisa,, tinggal tambahkan saja 10px




Selanjutnya anda cari kode berikut ini </footer> atau <footer> jika tidak ada cari manual kode 
<!-- Footer Closed  -->  Letakan kode dibawah ini tepat dibawahnya.

<div id='tiga-kotak-bawah'>
<div id='kotak1' style='width: 16%; float: left; margin:0; text-align: left;'>
<b:section class='kolom-kotak' id='kol1' preferred='yes' style='float:left;'/>
</div>
<div id='kotak2' style='width: 16%; float: left; margin:0; text-align: left;'>
<b:section class='kolom-kotak' id='kol2' preferred='yes' style='float:left;'/>
</div>
<div id='kotak3' style='width: 16%; float: right; margin:0; text-align: left;'>
<b:section class='kolom-kotak' id='kol3' preferred='yes' style='float:right;'/>
</div>

<div id='kotak4' style='width: 16%; float: right; margin:0; text-align: left;'>
<b:section class='kolom-kotak' id='kol4' preferred='yes' style='float:right;'/>
</div>
<div id='kotak5' style='width: 16%; float: right; margin:0; text-align: left;'>
<b:section class='kolom-kotak' id='kol5' preferred='yes' style='float:right;'/>
</div>
<div id='kotak6' style='width: 16%; float: right; margin:0; text-align: left;'>
<b:section class='kolom-kotak' id='kol6' preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
</div>

NB : Ingat kode 10px diatas terhubung dengan kode
<div id='kotak4' style='width: 16%; float: right; margin:0; text-align: left;'>
<b:section class='kolom-kotak' id='kol4' preferred='yes' style='float:right;'/>
</div>


Jadi setiap anda menambahkan 10px jangan lupa isikan kode kedua dengan kode
<div id='kotak4' style='width: 16%; float: right; margin:0; text-align: left;'>
<b:section class='kolom-kotak' id='kol4' preferred='yes' style='float:right;'/>
</div>

Jika berkenan "TOLONG ADD TAMBAHKAN SITUS LEKONK13.COM DI BLOG ANDA!"

Semoga bisa membantu anda dalam hal kode-kode html blog. Dan selalu berkunjung ke Lekonk13.com ya karena anda akan sukses di lekonk13.com. Godluck!

Tidak ada komentar:

Posting Komentar