Cara Mudah Membuat 4 Footer Kolom di blog

Cara Membuat 4 Footer Kolom di Blog sebenarnya sudah banyak dibawah oleh para Blogger Master ataupun Blogger yang kerjaannya hanya Copas Full Artikel :v , saya hanya ingin Melengkapkan artikel blog saya agar pengunjung nyaman berlama-lama diblog ini . Dengan Memasang 4 Kolom Footer di Blog ini Kita jadi lebih mudah untuk memasang widget dan tidak perlu memakan banyak tempat. dan Membuat Pengunjung nyaman akan Penampilan Blog kita yang Menarik .

Berikut How to Make 4 Column Footer in blog :
Cara Memasang / Membuat 4 Kolom Footer di Blog

1. Seperti Biasa Login Ke Akun Blogger Anda

2. Masuk Ke Menu Template > Edit HTML > Centang Expand Template Widget

3. Cari Kode dibawah
]]></s:kin>
4. Setelah Ketemu Masukkan Kode dibawah Tepat diatas kode diatas.
 /*----- CSS Footer Start -----*/
#rdtfooter {
margin:auto;
padding: 0px 0px 10px 0px;
width: 100%;
background:#000;
}
#rdtfooter-wrapper {
background:#000;
margin:auto;
border:1;
}
#rdtfooter-wrapper {
background:#000;
float: left;
margin: 0px 5px auto;
padding-bottom: 20px;
width: 23%;
color:#ddd;
line-height: 1.6em;
word-wrap: break-word;
overflow: hidden;
}
.rdtfooterbar {margin: 0; padding: 0;}
.rdtfooterbar .widget {margin: 0; padding-top: 10px;}
.rdtfooterbar h2 {
margin: 0px 0px 10px 0px;
padding: 3px 0px 3px 0px;
text-align: center;
border:1; style:none;
color:#ccc;
text-transform:normal;
font: bold 18px Georgia, Arial, Tahoma, Verdana;
}
.rdtfooter ul {
color:#fff;
margin: 0 auto;
padding: 0;
list-style-type: none;
}
.rdtfooterbar li {
display:block;
color:#444;
line-height: 1.6em;
margin-left: 0 !important;
padding: 4px;
border-bottom: 0px;
border-top: 1px solid #444;
list-style-type: none;
}
.rdtfooterbar li a {
text-decoration:none; color: #eee;
}
.rdtfooterbar li a:hover {
text-decoration:none;
}
.rdtfooter li:hover {
display:block;
}
/*----- End CSS Footer -----*/
5. Setelah itu Cari  Kode dibawah .
<div id='credits'>
atau jika kode diatas tidak ada pakai kode dibawah
</body> 
6. Setelah Ketemu Copy kode dibawah Pastekan diatas atau sebelum <div id='credits'> atau </body>

<!-- Footer Script Start by bocahporis.blogspot.com -->
<div id='rdtfooter'>
<div id='rdtfooter-wrapper'>
<div id='rdtfooterbar-wrapper'>
<b:section class='rdtfooterbar' id='rdtfooterbar1' preferred='yes'>
<b:widget id='HTML' locked='false' title='Kolom' type='HTML'/>
<b:widget id='Feed1' locked='false' title='Komentar' type='Feed'/>
</b:section>
</div>
<div id='rdtfooterbar-wrapper'>
<b:section class='lowerbar' id='rdtfooterbar2' preferred='yes'>
<b:widget id='HTML11' locked='false' title='' type='HTML'/>
<b:widget id='HTML9' locked='false' title='' type='HTML'/>
</b:section>
</div>
<div id='rdtfooterbar-wrapper'>
<b:section class='lowerbar' id='rdtfooterbar3' preferred='yes'>
<b:widget id='BlogList1' locked='false' title='Link Partner' type='BlogList'/>
<b:widget id='HTML10' locked='false' title='' type='HTML'/>
<b:widget id='HTML6' locked='false' title='' type='HTML'/>
</b:section>
</div>
<div id='rdtfooterbar-wrapper'>
<b:section class='lowerbar' id='rdtfooterbar4' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Site Info' type='HTML'/>
<b:widget id='HTML7' locked='false' title='' type='HTML'/>
</b:section>
</div>
<div style='clear: both;'/>
</div> </div>
<!-- Footer Script End by bocahporis.blogspot.com -->
7. Simpan Template Anda dan Lihat Hasilnya di Tata Letak .

Selamat Anda Telah Berhasil Membuat 4 kolom Footer di Blog anda


Judul : Cara Mudah Membuat 4 Footer Kolom di blog
Di Tulis Oleh:MRizal Wrc
URL : http://bocahporis.blogspot.com/2013/01/cara-mudah-membuat-4-footer-kolom-diblog-mudah.html
Date Published : 10:43
Desription : Cara Membuat 4 Footer Kolom di Blog sebenarnya sudah banyak dibawah oleh para Blogger Master ataupun Blogger yang kerjaannya hanya Copas...
Rating Blog: 5 dari 5