Christine's Blog Templates
Instructions For Using Templates and Customization Tutorials
These pages include instructions for applying the template to your blog, and tutorials and tips for customizing the template to make it more personal and individual. My templates are written to maximize Blogger's Fonts, Colors, and Page Elements features, giving you a lot of customization potential. Also included are some articles which are just helpful information. Please look around, and enjoy personalizing your blog :)If you find my work helpful, you can show your appreciation by linking to this website and/or making a small donation. Thanks.
How To Correct Blogger's Poll Widget Title Display
Blogger's new Poll widget is actually another webpage displayed on your blog in an iframe. The way they currently have it coded, we have no control over the layout, fonts, or colors of the widget content. We do have control over some aspects of the widget. Read more about poll widget font and color options.There is an error in Blogger's code for their Poll widget, which puts the widget title inside the widget-content div. This error can result in the title having more padding around it than it should, making it look smaller than the other widget titles. This tutorial tells you how to correct this error.
This procedure will correct the error for only a specific poll widget; to have all your polls display correctly, you must repeat the procedure for each.
Save a backup of your template before making any changes. Only use Notepad to modify your template, or be positive you save only in .txt or .html or .xml format.
- Add your poll to your blog through the Page Elements page, this is to be done on existing polls.
- Go to the Edit HTML page. DO NOT EXPAND WIDGETS. Put your cursor in the large text area. Right click, select all, right click, cut. The textbox should be empty. In Notepad, right click, paste. Save a backup copy, and work in Notepad on a second copy.
- In your template code, find the poll widget tag:
<b:widget type='Poll' id='Poll1' locked='false' />
- Replace it with the following code.
<!-- Begin Poll Widget Code -->
<b:widget id='Poll1' locked='false' title='' type='Poll'><b:includable id='main'><h2><data:title /></h2><div class='widget-content' id='widget-content'><iframe allowtransparency='true' expr:height='data:iframeheight' expr:name='"poll-widget" + data:pollid' expr:src='data:iframeurl' frameborder='0' style='border:none; width:100%;'></iframe><b:include name='quickedit'/></div></b:includable></b:widget>
<!-- End Poll Widget Code --> - If the id in the widget tag is not Poll1, you'll need to put the correct id into the new code. Please be careful to alter nothing else.
<b:widget type='Poll' id='Poll2' locked='false' /><!-- Begin Poll Widget Code -->
<b:widget id='Poll2' locked='false' title='' type='Poll'><b:includable id='main'><h2><data:title /></h2><div class='widget-content' id='widget-content'><iframe allowtransparency='true' expr:height='data:iframeheight' expr:name='"poll-widget" + data:pollid' expr:src='data:iframeurl' frameborder='0' style='border:none; width:100%;'></iframe><b:include name='quickedit'/></div></b:includable></b:widget>
<!-- End Poll Widget Code --> - Repeat for each poll on your page. You'll have to repeat if you add a new poll.
- Copy and paste your modified code back into your Edit HTML page. Save Template.
- Refresh your blog page to see the changes. If you're having problems seeing the changes, read about clearing your computer's cache.
- All content on this website is © 2006 - 2007 Christine S. |
RSS feed