Cara membuat widget kolom layout di atas footer pada blog

Cara membuat widget kolom layout di atas footer pada blog

Banyak orang bingung bagaimana cara menambahkan kolom layout di atas footer karena banyak yang ingin memasang sebuah widget disana disini saya akan menjelaskan bagaimana cara membuatnya ikuti langkah langkah berikut
1. Login ke dashboard anda
1. Masuk ke "TEMPLATE" lalu klik " Edit HTML "
1. Cari code ]]></b:skin> 
1. 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 */

1. Setelah anda selesai memasang code CSSnya saatnya anda dipaksa untuk memasang kode tag html 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

1. 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:940;float:left;margin:10px; '>
<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 -->

1. Save template anda, dan lihat hasilnya

Sekian artikel Cara membuat widget kolom layout di atas footer pada blog ini semoga bermanfaat bagi kalian