Fix the Page Elements Layout Editor No Scrollbar Problem.

The Page Elements subtab of Layout (previously - Template) tab is used to Add and Arrange Page Elements. Since 12 Feb 2008 there have been no scrollbars in it. This causes the Page Elements on wider templates to disappear below the right edge and bloggers cannot access the Edit button on them. See picture below :



This can be fixed by modifying the CSS part of the template for the wireframe layout editor..............


Follow these steps to modify the code :


1. Login at Blogger.com.


2. Blogger Dashboard page opens for successful login.


3. Click 'Layout' link under your blog title.


4 The Page Elements subtab of Layout tab will open.


5. Click 'Edit Html' subtab of Layout tab.


6. The Edit Html tab will open with the Template Code box.


7. Scroll down in the Template code box till this code : ]]></b:skin>


8. Copy this code :

body#layout #outer-wrapper {
width:760px;
margin-$startSide: 0px;
margin-$endSide: 0px;
}


9. Paste it in the Template Code box immediately above the ]]></b:skin> tag.


10. Save Template.


11. Switch to Page Elements subtab of Layout tab. You should now be able to see all your Page Elements :





Happy Blogging!