Drag-Drop Sidebars Hack For Blogger

This item was filled under [ News ]

Hey guys, today we will add docking boxes hack for blogger using some CSS and javascript codes before adding this feature you can check demos of this hack on featherlight blogger template and cooking blogger template , i tested this blogger widget on 2 different platforms which are Firefox and Internet Explorer and hack works well , adding this feature to blogger is as easy as posting an article all you need to do is ;

  1. Go to edit html from your dashboard
  2. Leave widgets NOT expanded
  3. Find the lines below and paste code :

Find the code below and paste this css codes , ABOVE THE CODE

paste codes here


  1. Now we need to paste javascript codes below this line


paste codes here

Now find your widgets , there must be a line above your widgets like this :

<b:section class=’main’ id=’main’ showaddelement=’yes’>

Now change class=’main’ with class=’dbx-box’

Refresh your page and test it , if it does not work try to change class=’dbx-box’ TO class=’dbx-group’

Thats all .

Do not forget to subscribe for latest articles!

Be Sociable, Share!
You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

2 Comments on “Drag-Drop Sidebars Hack For Blogger”

  • FriedClyde
    1 April, 2008, 6:05


    This hack looks very cool. But to be honest, it would be much better if one.

    A user clicks n is able to close something he does not like, rearrange it to the way he likes and is able to come back to the blog and see it the way he arranged it.

    Other wise this is just for fun :)
    Cheers, keep up the good work I like the scrolling hack 😀

    Peace n Love,

  • 8 October, 2008, 2:10

    thanks for the posting
    but, sorry,i dont like it:(
    don’t good for SEO

Leave a Comment