Menambah widget bagian bawah template N2y Serba Berjalan

Ini pertanyaan dari Bro Ponerah, memang jika malu bertanya akan susah sendiri. Saya buatkan 3,1,2 kolom.



Cara membuatnya

Dari Dashboard > Design > Edit HTML


Langkah pertama > Penempatan kode CSS
dibawah <b:skin><![CDATA[
........
diatas ]]></b:skin>

#Nfooter{width:980px;overflow:hidden;padding:0;margin:0 auto;color:#000;line-height:1.5em}
.fofull{width:100%;}
.fotrleft, .fotrcen, .fotrright, .fotwleft, .fotwright{display:inline}
.fotrleft, .fotrcen, .fotwleft{float:left}
.fotrright, .fotwright{float:right}
.fotrleft{width:320px;margin:0 5px 0 0;}
.fotrcen{width:320px;margin:0 5px;}
.fotrright{width:320px;margin:0 0 0 5px;}
.fotwleft{width:480px;margin:0 10px 0 0;}
.fotwright{width:480px;margin:0 0 0 10px;}
#Nfooter h3, #Nfooter h2{background:url(http://2.bp.blogspot.com/_NUTOdYaT1os/TLxYUGfxMwI/AAAAAAAABuc/-4Bd1otVlLc/s1600/classic-box-head.png) repeat-x; color:#000; font-size:12px; font-family:arial; text-align:center; font-weight:bold; display:block; margin:0 0 5px; padding:7px 0}
.Nfowid ul{margin-left:3px; padding:0 8px; margin:0}
.Nfowid li{list-style-type:none; padding:0; margin:0; font-size:12px; font-family:arial; border-bottom:1px #000 dotted; padding:3px 0 1px; word-wrap:break-word}
.Nfowid li a:link, .Nfowid li a:visited{color:#222; padding:0px; margin:0}
.Nfowid .widget{background:#FEEAB8; margin:0 0 1.0em; padding:0 0 1.0em}

Langkah kedua > Penempatan kode HTML
dibawah <body>
........
diatas </body>


Lihat Gambar :

penempatan kode HTML
<div id='Nfooter'>
<b:section class='Nfowid fotrleft' id='footer3-left' preferred='yes'>
<b:widget id='Label22' locked='false' title='Labels' type='Label'/>
</b:section>
<b:section class='Nfowid fotrcen' id='footer3-center' preferred='yes'>
<b:widget id='Label33' locked='false' title='Labels' type='Label'/>
</b:section>
<b:section class='Nfowid fotrright' id='footer3-right' preferred='yes'>
<b:widget id='Label44' locked='false' title='Labels' type='Label'/>
</b:section>
<div class='spacer'/> <!-- untuk pemisah -->
<b:section class='Nfowid foFull' id='footer1-full' preferred='yes'>
<b:widget id='Label55' locked='false' title='Labels' type='Label'/>
</b:section>
<div class='spacer'/> <!-- untuk pemisah -->
<b:section class='Nfowid fotwleft' id='footer2-left' preferred='yes'>
<b:widget id='Label66' locked='false' title='Labels' type='Label'/>
</b:section>
<b:section class='Nfowid fotwright' id='footer2-right' preferred='yes'>
<b:widget id='Label77' locked='false' title='Labels' type='Label'/>
</b:section>
</div>

Langkah ketiga :

Klik "PREVIEW", jika tidak ada yang error baru di "SAVE TEMPLATE".




Alhamdulillah

2 comments:


  1. barhasil bang nano...

    alhamdulillah

  2. syukur deh...

    semoga bermanfaat...

Posting Komentar


Creative Commons License
Menambah widget bagian bawah template N2y Serba Berjalan by Nano Yulianto is licensed under a Creative Commons Attribution 3.0 Unported License.
Based on a work at http://nanoyulianto.blogspot.com/2011/04/menambah-widget-bagian-bawah-template.html.
Permissions beyond the scope of this license may be available at http://nanoyulianto.blogspot.com/.