How to add a Footer element which is not provided templates

Assalamualaikum wr.wb

Hello sharelikers,Did you know about footer?. Hem talks about Footer,we will remember it as an element in a template that position on the bottom or after Main wrapper.In footer,we can put some widget which cant put on sidebar because of limited place.But what will happen when our templates is not have Footer ? yeah,several of templates (in this case custom template from upload or third parties) is not include this element. Can we fix it ? yeah surely,we can^^

Steps how to add Footer Element for your web/blog (blogger)

1. Log in to your acount in blogger
2. then click Design on dashboard
3. then click Edit Html
4. next click Expand widget Templates
5. then Search this code in your template ]]></b:skin>
6. then put this footerCSS above ]]></b:skin>
   
   #footer {
   width:660px;
   clear:both;
   margin:0 auto;
   padding-top:15px;
   line-height: 1.6em;
   text-transform:uppercase;
   letter-spacing:.1em;
   text-align: center;
   }
7. then search </div> <!-- end content-wrapper --> code,then put this below code after it
   

   <div id='footer-wrapper'>
   <b:section class='footer' id='footer'/>
   </div>

8. Before your save template,review your template ones again.For you know,the red highlight code (600px) must you match with size /width of your header-wrapper.If your header wrapper is 900px,your footer also 900px,if your header-wrapper 600 px your footer must 600px too.So change the red highlight with your template matching
9. last,save your template

Oke,I thinks Enough for How to add footer element today.For next I will continue with other tutorial how to Divide footer element to be 2 footer column, 3 footer column and 4 footer column.I hope it can be useful for you.Keep Touch Yang penting Share Every day for more interesting post.