Jasa pembuatan website dan blog ,Panduan blogger ,Jasa Google Adsense Ganti domain dan Agen pulsa dan ppob
Jika tampilan template anda tidak sesuai yang di harapkan terutama kolom-kolom nya mungkin karena anda mau menambahkan aksesori pada website anda dan ternyata kolom pada template bawaanya tidak sesuai yang di harapkan , maka kita sendiripun bisa menambahkan kolom pada template anda
dan pada kesempatan ini jasa pembuatan website akan memberikan panduan menambahkan tiga ( 3 ) kolom di bagian footer
untuk contoh nya lihat pada gambar di bawah ini
dan untuk cara pembuatan menambahkan 3 kolom di footer selengkapnya silahkan simak panduanya di bawah ini :
1.buka blog anda lalu login untuk menuju dashboard blog
2.pilih template dan klik edit HTML
3.lalu cari kode ]]></b:skin>
4.selanjutnya kopi kode di bawah ini dan pastekan di atas kode ]]></b:skin>
/* ----- Lower selection ----- */
#lower {
margin:auto;
padding: 0px 0px 10px 0px;
width: 100%;
background:#ffffff;
}
#lower-wrapper {
margin:auto;
padding: 20px 0px 20px 0px;
width: 960px;
}
#lowerbar-wrapper {
border:1px solid #DEDEDE;
background:#fff;
float: left;
margin: 0px 5px auto;
padding-bottom: 20px;
width: 32%;
text-align: justify;
font-size:100%;
line-height: 1.6em;
word-wrap: break-word;
overflow: hidden;
}
.lowerbar {margin: 0; padding: 0;}
.lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}
.lowerbar h2 {
margin: 0px 0px 10px 0px;
padding: 3px 0px 3px 0px;
text-align: left;
color:#0084ce;
text-transform:uppercase;
font: bold 14px Arial, Tahoma, Verdana;
border-bottom:3px solid #0084ce;
}
.lowerbar ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}
.lowerbar li {
margin: 0px 0px 2px 0px;
padding: 0px 0px 1px 0px;
border-bottom: 1px dotted #ccc;
}
5.seterusnya kopi lagi kode di bawah ini dan pastekan sebelum kode </body>
<div id='lower'>
<div id='lower-wrapper'>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'>
</b:section>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'>
</b:section>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'>
</b:section>
</div>
<div style='clear: both;'/>
</div> </div>
6.selanjutnya klik simpan
7.selesai
keterangan :
Terimakasih....
Jika tampilan template anda tidak sesuai yang di harapkan terutama kolom-kolom nya mungkin karena anda mau menambahkan aksesori pada website anda dan ternyata kolom pada template bawaanya tidak sesuai yang di harapkan , maka kita sendiripun bisa menambahkan kolom pada template anda
dan pada kesempatan ini jasa pembuatan website akan memberikan panduan menambahkan tiga ( 3 ) kolom di bagian footer
untuk contoh nya lihat pada gambar di bawah ini
dan untuk cara pembuatan menambahkan 3 kolom di footer selengkapnya silahkan simak panduanya di bawah ini :
1.buka blog anda lalu login untuk menuju dashboard blog
2.pilih template dan klik edit HTML
3.lalu cari kode ]]></b:skin>
4.selanjutnya kopi kode di bawah ini dan pastekan di atas kode ]]></b:skin>
/* ----- Lower selection ----- */
#lower {
margin:auto;
padding: 0px 0px 10px 0px;
width: 100%;
background:#ffffff;
}
#lower-wrapper {
margin:auto;
padding: 20px 0px 20px 0px;
width: 960px;
}
#lowerbar-wrapper {
border:1px solid #DEDEDE;
background:#fff;
float: left;
margin: 0px 5px auto;
padding-bottom: 20px;
width: 32%;
text-align: justify;
font-size:100%;
line-height: 1.6em;
word-wrap: break-word;
overflow: hidden;
}
.lowerbar {margin: 0; padding: 0;}
.lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}
.lowerbar h2 {
margin: 0px 0px 10px 0px;
padding: 3px 0px 3px 0px;
text-align: left;
color:#0084ce;
text-transform:uppercase;
font: bold 14px Arial, Tahoma, Verdana;
border-bottom:3px solid #0084ce;
}
.lowerbar ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}
.lowerbar li {
margin: 0px 0px 2px 0px;
padding: 0px 0px 1px 0px;
border-bottom: 1px dotted #ccc;
}
5.seterusnya kopi lagi kode di bawah ini dan pastekan sebelum kode </body>
<div id='lower'>
<div id='lower-wrapper'>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'>
</b:section>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'>
</b:section>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'>
</b:section>
</div>
<div style='clear: both;'/>
</div> </div>
6.selanjutnya klik simpan
7.selesai
keterangan :
- jika dalam sekali penerapan tidak berhasil ( kolom nya tidak muncul maka kode kedua silahkan pindahkan tempatnya ( sekitar / di seputaran atas nya kode </body> )
Terimakasih....
Cara menambah 3 kolom footer
Reviewed by Unknown
on
10:21 AM
Rating:
No comments: