Friday, 30 July 2010

Sidebar gadgets (widgets) in separate boxes

[prva.gif]

in DESIGN -> EDIT HTML -> find this part:

.sidebar .widget, .main .widget {
background:#000000;
border:2px solid #681f10;
margin:0 0 1.5em;
padding:5px 7px 5px 7px;
}

you have to split those two widgets (read tat carefully), so they'll look like this:

.sidebar .widget {
background:#000000;
border:2px solid #681f10;
margin:0 0 1.5em;
padding:5px 7px 5px 7px;
}

.main .widget {
margin:0 0 1.5em;
padding:5px 7px 5px 7px;
}

preview and then save
Credits to pocket 
Photobucket

6 comments:

Yulin Alannis❤ said...

i cannot find it o.O

krystal ♥ said...

this works on minima template (old blogger template) only .
the new versions of blog templates doesn't work .

Yulin Alannis❤ said...

oh okay thx i'll try it .

QiaoHui♥ said...

can you tell me where to find this tutorial for template designer?
I really need it :(

QiaoHui♥ said...

ps, reply to my blog >.<''

krystal ♥ said...

はるきです❤ - ur welcome :)

QiaoHui♥ - you cannot find it in template designer >.< first you go to "design" , then "edit html" , then scroll down and then click on the link "Select Layout Template" choose the first template , then you can use this tutorial :)