Friday, April 26, 2013

Cara Menambahkan Footer Blog dengan Coding

Siang Blogger hari ini gue pengen kasih tau kalian cara menambahkan footer dengan coding. kalo dengan cara simplenya biasa sudah ada di bagian layout. tapi kadang kita menggunakan template yang memang tidak terdapat footernya. so check the solution :D

  1. Pertama Login Ke blog anda
  2. Terus ke bagian Template - Edit HTML - Ceklis Expand Widget
  3. Cari  Kode ]]></b:skin> , kalo udah dapat copy kode dibawah ini tepat diatasnya.
#lower-wrapper{ -moz-box-shadow:0 0 7px rgba(0,0,0,0.5);  background:#fff; margin:10px auto 0;  padding:5px 0px 0px 0px;  width:1000px;  border:1px solid #dbe1e6}
#lowerbar-wrapper{ color:#333;  float:left;  margin:0px auto auto;   padding-bottom:20px;  width:332px;  text-align:justify;  font-size:100%;  line-height:1.6em;  word-wrap:break-word; /* fix for long text breaking sidebar float in IE */ overflow:hidden; /* fix for long non-text content breaking IE sidebar float */}
.lowerbar{margin:0; padding:0}
.lowerbar .widget{ border-right:1px solid #bbb;border-bottom:1px solid #bbb; background-color:#fff;margin-bottom:10px}
.lowerbar .widget-content{padding:5px 5px 5px 15px}
.lowerbar h2{background:none repeat scroll 0 0 #1C262F;color:#FFF;text-align:center; padding:4px 10px; margin:0; font-size:8.5pt; font-weight:bold; text-transform:uppercase}
.main .Blog{border-bottom-width:0}
.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 20px;border-bottom:1px dashed #dbe1e6;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0GH8LhiYHABgvqgcBUURH1Hn4IdFZ44DJJh5eM9SSP9nqF0S09kvJdytgylTY8p5QUZbt0HCEK9JLIxjcikGa5fcjEI4Eip6qgHDhGUXrfo1zHOWWWz6IhWDGfQL-q_9kS9119x_Jantj/s1600/bullet-point-image-1.png) no-repeat left}
.lowerbar a{color:#333;font-size: 12px; font-family:arial;text-decoration:none;text-decoration:none}
.lowerbar a:hover{color:#A61111; text-decoration:none}
.lowerbar a:visited{color:green; text-decoration:none}
     4.   Kemudian kalo sudah dipastekan, cari kode </body>
     5.   copy dan paste kan code dibawah ini tepat diatas </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.   Kalo sudah Save Template. dan liat hasilnya di Layout kalian. dan akan muncul footernya :)


No comments:

Post a Comment

Kebahagiaan sejati bukanlah pada saat kita berhasil meraih apa yg kita perjuangkan, melainkan bagaimana kesuksesan kita itu memberi arti atau membahagiakan orang lain.