Cara Membuat Widget Footer Tiga Kolom di bawah Postingan Blog

Cara Membuat Widget Footer Tiga Kolong di bawah Postingan Blog:

1. Pertama silahkan login ke akun blogger anda.

2. Kemudian pilih Menu > Template > Edit Html.

3. Lalu copykan kode css dibawah ini dan taruh di atas kode ]]></b:skin>

/*Widget Footer Tiga Colom*/

#footer-column-divide {

background:#2980b9; color:#fff; font-size:12px; clear:both; display:block;

}

#footer-column-divide a {

color:#fff;

}

#footer-column-divide a:hover {

color:#333;

}

#footer-column-divide h2, #footer-column-divide h3 {

height:15px; font-size:13px; color:#fff; text-align:left; border-bottom: 2px solid #fff; padding:0px; margin:10px;

}

.footer-column {

padding: 10px;

}

.footer-column .widget-content {

padding: 10px;

}

4. Kemudian copykan kode di bawah ini dan taruh diatas kode <footer id='footer-wrapper'>

<div id='footer-column-divide'>

<div id='footer-left' style='width: 35%; float:left; margin:0; text-align:left;'>

<b:section class='footer-column' id='column-left' preferred='yes' style='float:left;'/>

</div>

<div id='footer-center' style='width: 30%; float: left; margin:0; text-align: left;'>

<b:section class='footer-column' id='column-center' preferred='yes' style='float:left;'/>

</div>

<div id='footer-right' style='width: 35%; float: right; margin:0; text-align: left;'>

<b:section class='footer-column' id='column-right' preferred='yes' style='float:right;'/>

</div>

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

</div>

5. Setelah itu silahkan anda klik "Save Template".

Perhatian: Jika anda tidak menemukan <footer id='footer-wrapper'> pada template anda, anda dapat menempatkannya di atas footer credit link, dikarenakan pada setiap template pasti kode yang ada berbeda-beda.