How to move a widget from a place to another in the html code of your template

Rodney | 02:09 | 5 commentaires





déplacer,widgets, code html, blogger,



One day, perhap's it will be impossible for you to use the drag and drop fonction for blogger widgets in the layout. If in meantime you have an urgent need to move a widget from a place to another, just follow the steps describe here to make the change you want :

1. Log in your Blogger account. Go to Layout > Edit html
2. Find the part of the your template where there's the widget you want to move.

Here, will take the example of the widget "followers" in the sidebar. When you create a blog and chose the minima template, your sidebar will a have three widgets showed in the following order :

<div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='BlogArchive1' locked='false' title='Blog archive' type='BlogArchive'/>
<b:widget id='Profile1' locked='false' title='Who am I?' type='Profile'/>
</b:section>
      </div>


If I want to put the followers widget at the bottom and to have the Profile widget at the top of the sidebar, I will begin by cutting the followers widget line and paste it at the bottom.

<div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Blog archive' type='BlogArchive'/>
<b:widget id='Profile1' locked='false' title='Who am I?' type='Profile'/>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/></b:section>
      </div>

Then, I'll cut the Profile widget line and will put it at the top of the sidebar.


<div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Profile1' locked='false' title='Who am I?' type='Profile'/>
<b:widget id='BlogArchive1' locked='false' title='Blog archive' type='BlogArchive'/>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
</b:section>
      </div>


I'll now have a sidebar with widgets organize the way I want it. The last thing to do will be to save the template. 

So, like we have see it, it's very simple to move a widget from a place to another in the html code of your template when the drag and drop fonction doesn't work.

Categorie(s): ,






About Blogger Mastering:
Blogger Mastering is a blog to help you master blogging with Google blogging plateform. You can get also free templates.



5 commentaires:

  1. This is good. What if I wanted to move a widget from the sidebar to the main area ie. area above the content.

    I'm trying to move a text widget from the sidebar to right above my first post.

    RépondreSupprimer
  2. My cousin recommended this blog and she was totally right keep up the fantastic work!

    E Publishing

    RépondreSupprimer

Sections ...

Total Pageviews (01/03/2012)

Templates Blogs - Blog Catalog Blog Directory

Followers

Fourni par Blogger.
Etes-vous exceptionnel? Selon la légende, seules les personnes exceptionnelles vont aimer et partager cet article!
How to move a widget from a place to another in the html code of your template