Cara menambahkan 1 kolom di atas footer

Kebutuhan kolom layout sangat diperlukan seorang bloger, Cara menambahkan 1 kolom di atas footer blog akan anda butuhkan bilamana dalam halaman blog anda memiliki widget yang lumayan banyak demi untuk meningkatkan trafik halaman blog anda. Setelah MAKNYUSblogger posting artikel di beberapa hari yang lalu, seorang teman mengirimkan email kepada saya, dia sangat membutuhkan kode atau Cara menambahkan 1 kolom di atas footer halaman blognya, katanya sih buat tempat iklan agar lebih memanjang kesamping dan gampang dilihat pengunjung . Setelah saya mengirimkan kodenya lewat email kini saatnya MAKNYUSblogger akan membagi tutorial Cara menambahkan 1 kolom di atas footer blog. Oke langsung saja menuju TKP , lihat screenshotnya pada gambar dibawah ini sekalian simak cara memasangnya.

 Cara  menambahkan 1 kolom di atas footer
1. Login ke dashboard anda
2. Masuk ke "TEMPLATE" lalu klik " Edit HTML "
3. Cari code ]]></b:skin>
4. Copy Code script CSS dibawah ini, pastekan diatas code ]]></b:skin> tadi atau bila template blog anda memakai </style> silahkan pastekan kode CSSnya tepat diatas </style> template anda.

#BDRSLAYOUT-footerkolom {
width: 960;/* Lebar */
margin:0;
padding: 0;
text-align: center;
}
#BDRSLAYOUT-footerkolom .BDKOLOMFOOTER {
width:auto; /* Lebar Kolom */
height:auto;
text-align: center;
padding:5px;
line-height: normal;
}/* End CSS 1 kolom layout */

5. Setelah anda selesai memasang code CSSnya saatnya anda dipaksa untuk memasang kode tag htmlnya pada halaman blog anda agar muncul pada saat dibrowsing.

Pada umumnya kode <div id='footer-wrapper'> biasanya ada pada template HTML/XML blog tapi ada beberapa blog mungkin tidak memiliki kode persis seperti kode <div id='footer-wrapper'>.
Bila pada template blog anda tidak memiliki <div id='footer-wrapper'>, anda cari sejenis kode <div id='footer-wrapper'>. yang penting anda pastekan kode yang ada didalam spoiler dibawah diatas kode yang bersangkutan dengan footer halaman blog anda .

6. Cari code <div id='footer-wrapper'> setelah ketemu copy kode dibawah ini dan pastekan tepat diatas kode <div id='footer-wrapper'> atau sejenisnya.

<!-- BDRS layout 1 kolom tart -->
<div id='BDRSLAYOUT-footerkolom'>
<div id='box1' style='width:100%;float:left;margin:5px; '>
<b:section class='BDKOLOMFOOTER' id='FOOTER-column-1' preferred='yes'>
<b:widget id='HTML99' locked='false' title='1 KOLOM DIATAS FOOTER' type='HTML'>
<b:includable id='main'>
<!-- BDRS 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:includable>
</b:widget>
</b:section>
</div><div style='clear:both;'/>
</div>
<!-- BDRS layout 1 kolom end -->

7. Save template anda, dan lihat hasilnya

Jika kurang paham silahkan saring ama saya.

Anda baru saja membaca artikel tentang - Cara menambahkan 1 kolom di atas footer. Silahkan baca artikel berikutnya Tentang - Next - Jangan lupa g+1 / fb / twit :)