Cara Mudah Menambah Footer Widget 3 Kolom Di Blogger

Cara Mudah Menambah Footer Widget 3 Kolom Di Blogger

Baca Juga

Contoh footer 3 kolom

Cara mudah membuat footer widget 3 kolom di blogger yah kali ini Bang dimar mau share bagaimana membuat footer tidak hanya satu kolom melainkan 3 kolom, kadang kala kita tertarik untuk menggunakan templet yang dilihat penampilanya sangat menarik kemudian kita downlod dan pasang pada blog kita tapi ternyata saat seting sana sini ada kelemahan di footer, ternyata templet yang kita pasang tidak memiliki footer sedangkan kita sangat butuh sekali dengan footer agar tampilan blog lebih menarik.

Dan untuk mengatasi hal itu silahkan anda tambahkan sendiri footer tersebut dan di sini saya share cara mudah membuat footer widget 3 kolom  di blogger bila anda berminat silahkan dicoba.
Dan langsung saja begini langkah memasangnya:

Baca juga:
Cara Mudah Mengganti Background Postingan di Blog

1. Silahkan anda copy script dibawah ini
2. Bukak blog anda klik templet => editHTML
3. Letakkan script yang sudah dicopy diatas code
]]></b:skin>

#footer-widgets {
padding: 20px 0 0 0;
}
.footer-widget-box {
width: 300px;
float: left;
margin-left: 15px;
}
.footer-widget-box-last {
}
#footer-widgets .widget-container {
color: #374142;
}
#footer-widgets h2 {
font-family: inherit;
text-shadow: none;
font-size: 16px;
color: #fff;
text-transform: uppercase;
font-weight: 700;
border-bottom: 4px solid #444444;
padding-bottom: 10px;
}
#footer-widgets .widget ul {
list-style-type: none;
list-style: none;
margin: 0px;
padding: 0px;
}
#footer-widgets .widget ul li {
padding: 0 0 9px 0;
margin: 0 0 8px 0;
}
#footer-widgets-containerback {
width: 980px;
margin: auto;
}
#footer-widgets-container {
background: #484848;
border-top: 10px solid #66b381;
}
.footersec {
color: #A1A6AF;
font-size: 13px;
line-height: 18px;
}
.footersec .widget {
margin-bottom: 20px;
}
#footer-widgets-container { background: #484848; border-top: 10px solid #66b381; float: left; width: 100%; }
.footersec ul {
}
.footersec ul li {
}

4. Dan script yang dibawah ini silahkan anda copy dan letakkan di atas kode </body>

<div id='footer-widgets-container'>
<div id='footer-widgets-containerback'>
<div class='clearfix' id='footer-widgets'>
<div class='footer-widget-box'>
<ul class='widget-container'>
<li>
<b:section class='footersec' id='footersec1' showaddelement='yes'>
<b:widget id='HTML15' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</li>
</ul>
</div>
<div class='footer-widget-box'>
<ul class='widget-container'>
<li>
<b:section class='footersec' id='footersec2' showaddelement='yes'>
<b:widget id='HTML14' locked='false' title='Gallery' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</li>
</ul>
</div>
<div class='footer-widget-box footer-widget-box-last'>
<ul class='widget-container'>
<li>
<b:section class='footersec' id='footersec3' showaddelement='yes'>
<b:widget id='HTML13' locked='false' title='About' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</li>
</ul>
</div>
</div>
</div></div>
<div style='clear:both;'/>

5. Klik save dan sekarang pemasangan footer 3 kolom
sudah siap

Demikian Cara Mudah Menambah Footer Widget 3 Kolom Di Blogger 
Bila ada kesalahan coba di ulang lagi insya allah berhasil.

Silahkan dibaca:
Cara Membuat Read More Otomatis