 |
| add a custom Responsive footer section |
Hello Friends Today i write this article about how to add custom responsive footer Widget in blogger.
If You want to add extra footer widget in blogger than follow my steps to add successful custom responsive footer widget.
Follow these steps, to add Footer Widget
Step 1:
Go to Blogger Dashboard > Theme
Step 2:
Click On three dots
 |
| add a custom Responsive footer section |
Step 3:
Go To Edit HTML
 |
| add a custom Responsive footer section |
Step 4:
Find the part where the code says:
]]></b:skin>
Step 5:
Add the following code immediately before this Code ]]></b:skin> .
#footer {border-top:1px dotted #999999;clear:both;margin:0 auto;}
 |
| add a custom Responsive footer section |
Step 6:
Find the part where the code says:
<div class='clear'> </div>
Add below code After <div class='clear'> </div>
<div id='footer-wrapper'><b:section class='footer' id='footer' maxwidgets='10' showaddelement='yes'></b:section></div>
 |
| add a custom Responsive footer section |
After Pasting This code click on save button and go to layout you can see your footer section is add.
How to add an extra footer section to a Designer theme
if you want to add mor footer sections than follow the above same technique. if your theme already has one - you just have to make sure that the section gets a separate ID (eg id='footer2' in the part in bold-italics).
#footer2 {border-top:1px dotted #999999;clear:both;margin:0 auto;}<div id='footer2-wrapper'><b:section class='footer2' id='footer2' maxwidgets='10' showaddelement='yes'></b:section></div>
إرسال تعليق