Have you recently installed in blogger template ? but have you seen any error like
As you can see my sidebar is not properly showing in my website ,so one thing to remeber here is you can fix this by CSS.
i was surfing internet from like 20-3 hrs lol but still din't got the solution , until i have to do it on my own way , so iam showing you how to change the layout of your custom template theme,
Instructiosn:
1.first go to your EDI THEME and search for #sidebar
2.now , most custom template use different class name , like for me here its #sidebar
but scroll up until you see
/********************************/
/*** Widget Area ***/
/********************************/
so that right place now copy the widget area code :
you will something like this :
#widget-area {
overflow:hidden;
margin-bottom:60px;
border-top:1px solid #e5e5e5;
padding-top:60px;
}
#widget-area .footerwidget {
float:left;
}
#widget-area .widget, #sidebar .widget {
float: left;
width: 100%;
}
#widget-area #container3 {
margin-right:0px;
}
#sidebar .widget {
float: left;
margin-bottom: 45px;
text-align: center;
}
div#sidebar h2 span {
border-color: #707070;
background: none;
padding-top: 0;
}
#sidebar img {
max-width:100%;
}
#sidebar iframe {
max-width:240px;
}
.widget:last-child {
margin-right:0;
}
3. now find the code
#sidebar iframe {
max-width:240px;
4.now change the max-width to like 640px:;
#sidebar iframe {
max-width:640px;
5. thats it , now click on save template and check , your sidebar is now working :)
RESULT:
thanks, if need any help , comment below ♥
No comments:
Post a Comment