<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-5523907696776590786</id><updated>2012-01-12T20:46:36.050-08:00</updated><category term='Blogger Widgets'/><category term='Blogger Tutorials'/><title type='text'>Blogger Widgets - Best Blogger Widgets For Free</title><subtitle type='html'>Blogger Widgets, best blogger widgets, free blogger widgets, blogger templates, blogger tutorials, blogger gadgets</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://bestbloggerwidgets.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://bestbloggerwidgets.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>WorldStarNepHop</name><uri>http://www.blogger.com/profile/02834725302008809621</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>36</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-5523907696776590786.post-2905011850393434815</id><published>2011-12-08T07:11:00.000-08:00</published><updated>2011-12-08T07:12:07.167-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger Widgets'/><title type='text'>Webpage Content Toolbar Widget</title><content type='html'>&lt;h2 class="posttitle" style="background-color: white; color: #555555; font-family: 'Droid Serif', Georgia, sans-serif; font-size: 26px; line-height: 1.15em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-decoration: none;"&gt;Webpage Content Toolbar Widget&lt;/h2&gt;&lt;div&gt;&lt;table border="0" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td nowrap=""&gt;&lt;a href="http://widgetsforfree.blogspot.com/2008/05/webpage-content-toolbar-widget.html" style="color: #276dc1;"&gt;&lt;img border="0" src="http://www.stenium.com/style/classic/img/print_button.png" style="border-bottom-color: rgb(216, 216, 216); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-left-width: 1px; border-right-color: rgb(216, 216, 216); border-right-style: none; border-right-width: 1px; border-top-color: rgb(216, 216, 216); border-top-style: none; border-top-width: 1px; border-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td nowrap=""&gt;&lt;a href="mailto:?Subject=Webpage%20Content%20Toolbar%20Widget%20|%20Best%20Blog%20Widgets%20For%20Free&amp;amp;Body=http://widgetsforfree.blogspot.com/2008/05/webpage-content-toolbar-widget.html%23more" style="color: #276dc1;"&gt;&lt;img border="0" src="http://www.stenium.com/style/classic/img/email_button.png" style="border-bottom-style: none; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-right-color: rgb(216, 216, 216); border-right-style: none; border-top-color: rgb(216, 216, 216); border-top-style: none; border-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td nowrap=""&gt;&lt;a href="http://widgetsforfree.blogspot.com/2008/05/webpage-content-toolbar-widget.html#more" rel="sidebar" style="color: #276dc1;" title="Webpage Content Toolbar Widget | Best Blog Widgets For Free"&gt;&lt;img border="0" src="http://www.stenium.com/style/classic/img/bookmark_button.png" style="border-bottom-style: none; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-right-color: rgb(216, 216, 216); border-right-style: none; border-top-color: rgb(216, 216, 216); border-top-style: none; border-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td nowrap=""&gt;&lt;a href="http://www.addthis.com/bookmark.php" style="color: #276dc1;" target="_blank"&gt;&lt;img border="0" src="http://www.stenium.com/style/classic/img/share_button.png" style="border-bottom-style: none; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-right-color: rgb(216, 216, 216); border-right-style: none; border-top-color: rgb(216, 216, 216); border-top-style: none; border-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td nowrap=""&gt;&lt;a href="http://www.stenium.com/toolbar.php" style="color: #276dc1;"&gt;&lt;img alt="What's this?" border="0" src="http://www.stenium.com/style/classic/img/whatsthis.png" style="border-bottom-style: none; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-right-color: rgb(216, 216, 216); border-right-style: none; border-top-color: rgb(216, 216, 216); border-top-style: none; border-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td nowrap=""&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Let your readers easily&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; font-weight: bold; line-height: 24px;"&gt;share&lt;/span&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;,&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; font-weight: bold; line-height: 24px;"&gt;email&lt;/span&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;,&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; font-weight: bold; line-height: 24px;"&gt;print&lt;/span&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;, and&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; font-weight: bold; line-height: 24px;"&gt;bookmark&lt;/span&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&amp;nbsp;your web pages with these buttons. This widget works really well in your blog's sidebar, where your readers can easily see it. As you can see the demo above, the buttons are spread out, on your site they will be closer together.&lt;/span&gt;&lt;br /&gt;&lt;a href="http://www.blogger.com/post-edit.g?blogID=5523907696776590786&amp;amp;postID=2905011850393434815" name="more" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px; text-decoration: underline;"&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;+-&amp;nbsp;&lt;/span&gt;&lt;span style="font-weight: bold;"&gt;Get this Widget&lt;/span&gt;&lt;br /&gt;&lt;div class="commenthidden" id="steniumtoolbar" style="background-color: white;"&gt;&lt;div style="color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;span style="font-weight: bold;"&gt;Copy and Paste the code below into your site&lt;/span&gt;&lt;/div&gt;&lt;div style="color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;textarea cols="50" name="textarea" rows="2"&gt;&lt;/textarea&gt;&lt;/div&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif;"&gt;&lt;span class="Apple-style-span" style="font-size: 15px; line-height: 24px;"&gt;&amp;lt;script type="text/javascript"&amp;gt;stenium_url &amp;nbsp; &amp;nbsp;= location.href;stenium_title &amp;nbsp;= document.title;stenium_style &amp;nbsp;= 'classic';stenium_widgets = 'print,email,bookmark,share';stenium_layout = '1';&amp;lt;/script&amp;gt;&amp;lt;script src="http://www.stenium.com/js/widget_loader.js" type="text/javascript"&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;div style="color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px; text-align: center;"&gt;&lt;span style="font-size: 20px;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;span style="color: #cc0000;"&gt;Customizing this Widget&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;div style="text-align: left;"&gt;&lt;ul style="line-height: 22px;"&gt;&lt;li style="margin-bottom: 10px;"&gt;If you would like to&amp;nbsp;&lt;span style="font-weight: bold;"&gt;rearrange the order&lt;/span&gt;&amp;nbsp;of the buttons search for this line of code below. Rearrange the the names according to your liking or&amp;nbsp;&lt;span style="font-weight: bold;"&gt;remove&lt;/span&gt;&amp;nbsp;any that do not suit your needs.&lt;/li&gt;&lt;/ul&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: url(http://1.bp.blogspot.com/_8aZXeWtZzQY/TVAuZbMRlMI/AAAAAAAABxg/qADxB2iBI0I/s000/blockquote.png); background-origin: initial; background-position: 0px 0px; background-repeat: no-repeat no-repeat; color: #abafb9; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 10px; padding-bottom: 0px; padding-left: 50px; padding-right: 50px; padding-top: 0px;"&gt;print,email,bookmark,share&lt;/blockquote&gt;&lt;ul style="line-height: 22px;"&gt;&lt;li style="margin-bottom: 10px;"&gt;You can also make these button&amp;nbsp;&lt;span style="font-weight: bold;"&gt;display themselves horizontally&lt;/span&gt;&amp;nbsp;instead of vertically. Search for the line of code below.&lt;/li&gt;&lt;/ul&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: url(http://1.bp.blogspot.com/_8aZXeWtZzQY/TVAuZbMRlMI/AAAAAAAABxg/qADxB2iBI0I/s000/blockquote.png); background-origin: initial; background-position: 0px 0px; background-repeat: no-repeat no-repeat; color: #abafb9; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 10px; padding-bottom: 0px; padding-left: 50px; padding-right: 50px; padding-top: 0px;"&gt;stenium_layout = '1';&lt;/blockquote&gt;&lt;ul style="line-height: 22px;"&gt;&lt;li style="margin-bottom: 10px;"&gt;Replace it with this line of code.&lt;/li&gt;&lt;/ul&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: url(http://1.bp.blogspot.com/_8aZXeWtZzQY/TVAuZbMRlMI/AAAAAAAABxg/qADxB2iBI0I/s000/blockquote.png); background-origin: initial; background-position: 0px 0px; background-repeat: no-repeat no-repeat; color: #abafb9; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 10px; padding-bottom: 0px; padding-left: 50px; padding-right: 50px; padding-top: 0px;"&gt;stenium_layout = '0';&lt;/blockquote&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5523907696776590786-2905011850393434815?l=bestbloggerwidgets.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://bestbloggerwidgets.blogspot.com/feeds/2905011850393434815/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/webpage-content-toolbar-widget.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/2905011850393434815'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/2905011850393434815'/><link rel='alternate' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/webpage-content-toolbar-widget.html' title='Webpage Content Toolbar Widget'/><author><name>WorldStarNepHop</name><uri>http://www.blogger.com/profile/02834725302008809621</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5523907696776590786.post-6424367353077995700</id><published>2011-12-08T07:10:00.000-08:00</published><updated>2011-12-08T07:13:21.555-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger Widgets'/><title type='text'>"Review My Blog" Widget</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-NkuTk5Y376c/TuDTCfxiRpI/AAAAAAAAAA0/nQg7t2gDb2I/s1600/review+notebook.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/-NkuTk5Y376c/TuDTCfxiRpI/AAAAAAAAAA0/nQg7t2gDb2I/s1600/review+notebook.png" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;h2 class="posttitle" style="background-color: white; color: #555555; font-family: 'Droid Serif', Georgia, sans-serif; font-size: 26px; line-height: 1.15em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: -webkit-auto; text-decoration: none;"&gt;&lt;a href="http://widgetsforfree.blogspot.com/2008/05/review-my-blog-widget.html" style="color: black; text-decoration: none;"&gt;"Review My Blog" Widget&lt;/a&gt;&lt;/h2&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 22px;"&gt;User reviews are one of the most valuable interactive features your site can deploy. By building trust and confidence, reviews improve conversion rates, time on site and overall site experience. Users can add their own reviews, rate reviews submitted by others and engage in threaded conversations.&lt;br /&gt;&lt;a href="http://www.blogger.com/post-edit.g?blogID=5523907696776590786&amp;amp;postID=6424367353077995700" name="more" style="text-decoration: underline;"&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Please take note that when you make a review, you are reviewing that specific url.&amp;nbsp;&lt;span style="font-weight: bold;"&gt;Below you can click to see the demo and please give this widget or my site a review&lt;/span&gt;.&lt;br /&gt;+-&amp;nbsp;&lt;span style="font-weight: bold;"&gt;Get this Widget&lt;/span&gt;&lt;/div&gt;&lt;div class="commenthidden" id="jskitreview" style="background-color: white;"&gt;&lt;div style="color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;span style="font-weight: bold;"&gt;The HTML code:&lt;/span&gt;&lt;/div&gt;&lt;div style="color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;textarea cols="50" name="textarea" rows="2"&gt;&lt;/textarea&gt;&lt;/div&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif;"&gt;&lt;span class="Apple-style-span" style="font-size: 15px; line-height: 24px;"&gt;&amp;lt;div class="js-kit-rating"&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class="js-kit-comments"&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;script src="http://js-kit.com/reviews.js"&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif;"&gt;&lt;span class="Apple-style-span" style="font-size: 15px; line-height: 24px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;div style="color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;span style="font-weight: bold;"&gt;For google powered blogs:&lt;/span&gt;&lt;/div&gt;&lt;div style="color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;form action="http://beta.blogger.com/add-widget" method="post" style="color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;span style="background-attachment: scroll; background-color: #6699cc; background-image: none; background-position: 0% 50%; background-repeat: repeat repeat; border-bottom-color: rgb(0, 51, 119); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(136, 187, 238); border-left-style: solid; border-left-width: 2px; border-right-color: rgb(17, 68, 136); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(153, 204, 255); border-top-style: solid; border-top-width: 2px; padding-bottom: 10px; padding-left: 8px; padding-right: 8px; padding-top: 10px;"&gt;&lt;a href="http://beta.blogger.com/add-widget" target="_blank"&gt;&lt;input name="go" type="submit" value="Add To My Blogger Blog" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/form&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5523907696776590786-6424367353077995700?l=bestbloggerwidgets.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://bestbloggerwidgets.blogspot.com/feeds/6424367353077995700/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/review-my-blog-widget.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/6424367353077995700'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/6424367353077995700'/><link rel='alternate' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/review-my-blog-widget.html' title='&quot;Review My Blog&quot; Widget'/><author><name>WorldStarNepHop</name><uri>http://www.blogger.com/profile/02834725302008809621</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/-NkuTk5Y376c/TuDTCfxiRpI/AAAAAAAAAA0/nQg7t2gDb2I/s72-c/review+notebook.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5523907696776590786.post-3875855439807641246</id><published>2011-12-08T07:07:00.001-08:00</published><updated>2011-12-08T07:13:01.716-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger Widgets'/><title type='text'>Youtube Videos Search Widget</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-w1RXyeP2i-g/TuDSYla1UEI/AAAAAAAAAAs/VkL4y1beXzg/s1600/youtubelogokr3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/-w1RXyeP2i-g/TuDSYla1UEI/AAAAAAAAAAs/VkL4y1beXzg/s1600/youtubelogokr3.png" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;h2 class="posttitle" style="background-color: white; color: #555555; font-family: 'Droid Serif', Georgia, sans-serif; font-size: 26px; line-height: 1.15em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: -webkit-auto; text-decoration: none;"&gt;&lt;a href="http://widgetsforfree.blogspot.com/2008/06/search-youtube-widget.html" style="color: black; text-decoration: none;"&gt;Youtube Videos Search Widget&lt;/a&gt;&lt;/h2&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 22px;"&gt;&lt;img alt="http://imgcash6.imageshack.us/img397/4715/youtubelogokr3.png" src="http://imgcash6.imageshack.us/img397/4715/youtubelogokr3.png" style="border-bottom-color: rgb(216, 216, 216); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-left-width: 1px; border-right-color: rgb(216, 216, 216); border-right-style: none; border-right-width: 1px; border-top-color: rgb(216, 216, 216); border-top-style: none; border-top-width: 1px; border-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" /&gt;&lt;/div&gt;&lt;form action="http://www.youtube.com/results?search_query=" id="searchThis" method="get" style="background-color: white; color: #333333; display: inline; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" target="_top"&gt;&lt;input id="searchBox" name="q" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; color: #636363; font-size: 17px; margin-right: 5px; margin-top: 5px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; padding-top: 3px; width: 160px;" type="text" value="Youtube Videos" vinput="" /&gt;&lt;br /&gt;&lt;input id="searchButton" style="background-attachment: initial; background-clip: initial; background-color: #333537; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(0, 0, 0); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(0, 0, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(0, 0, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(0, 0, 0); border-top-style: solid; border-top-width: 1px; color: white; cursor: pointer; font-weight: bold; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 3px; padding-left: 10px; padding-right: 10px; padding-top: 3px; width: 70px;" type="submit" value="Search" /&gt;&lt;/form&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Add a&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; font-weight: bold; line-height: 24px;"&gt;mini Youtube Videos search engine&lt;/span&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&amp;nbsp;in the sidebar of your blog. The search module displays it's results on youtube.com, which will let you and your users quickly find the videos you are looking for.&lt;/span&gt;&lt;br /&gt;&lt;a href="http://www.blogger.com/post-create.g?blogID=5523907696776590786" name="more" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px; text-decoration: underline;"&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span id="get-widget" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;+-&amp;nbsp;Get this Widget&lt;/span&gt;&lt;br /&gt;&lt;div class="commenthidden" id="searchyoutubewidget" style="background-color: white;"&gt;&lt;div style="color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;span style="font-weight: bold;"&gt;For google powered blogs:&lt;/span&gt;&lt;/div&gt;&lt;div style="color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;form action="http://beta.blogger.com/add-widget" method="post" style="color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;span style="background-attachment: scroll; background-color: #6699cc; background-image: none; background-position: 0% 50%; background-repeat: repeat repeat; border-bottom-color: rgb(0, 51, 119); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(136, 187, 238); border-left-style: solid; border-left-width: 2px; border-right-color: rgb(17, 68, 136); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(153, 204, 255); border-top-style: solid; border-top-width: 2px; padding-bottom: 10px; padding-left: 8px; padding-right: 8px; padding-top: 10px;"&gt;&lt;a href="http://beta.blogger.com/add-widget" target="_blank"&gt;&lt;input name="go" type="submit" value="Add To My Blogger Blog" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/form&gt;&lt;div style="color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;The html code:&lt;/span&gt;&lt;textarea cols="48" name="textarea" rows="2"&gt;&lt;/textarea&gt;&lt;/div&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif;"&gt;&lt;span class="Apple-style-span" style="font-size: 15px; line-height: 24px;"&gt;&amp;lt;iframe scrolling="no" frameborder="0" width="102" src="http://search-youtube.blogspot.com" height="114"&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif;"&gt;&lt;span class="Apple-style-span" style="font-size: 15px; line-height: 24px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif;"&gt;&lt;span class="Apple-style-span" style="font-size: 15px; line-height: 24px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5523907696776590786-3875855439807641246?l=bestbloggerwidgets.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://bestbloggerwidgets.blogspot.com/feeds/3875855439807641246/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/add-mini-youtube-videos-search-engine.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/3875855439807641246'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/3875855439807641246'/><link rel='alternate' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/add-mini-youtube-videos-search-engine.html' title='Youtube Videos Search Widget'/><author><name>WorldStarNepHop</name><uri>http://www.blogger.com/profile/02834725302008809621</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/-w1RXyeP2i-g/TuDSYla1UEI/AAAAAAAAAAs/VkL4y1beXzg/s72-c/youtubelogokr3.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5523907696776590786.post-4199228371124018900</id><published>2011-12-08T07:02:00.001-08:00</published><updated>2011-12-08T07:02:30.311-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger Widgets'/><title type='text'>Buy Me a Beer / Buy me a coffee for blogger</title><content type='html'>&lt;h2 class="post-title entry-title" style="background-color: white; color: #333333; font-family: arial; font-size: 18px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Buy Me a Beer / Buy me a coffee for blogger&lt;/h2&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;I got some requests about implementing the Buy me a beer / Buy me a coffee widget after each of your blog post..So i decided to write this out for you..&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;Goto your Blogger&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 19px;"&gt;Template&amp;gt; Edit HTML&lt;/span&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&amp;nbsp;and expand the widget templates..Now find&amp;nbsp;&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;div class="code" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(215, 232, 240); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(215, 232, 240); border-left-style: solid; border-left-width: 2px; border-right-color: rgb(215, 232, 240); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(215, 232, 240); border-top-style: solid; border-top-width: 2px; color: blue; font-size: small; font: normal normal normal 1.2em/normal 'Courier New', Courier, Fixed; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 10px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; text-align: left;"&gt;&amp;lt;p class='post-footer-line post-footer-line-3'/&amp;gt;&lt;/div&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;and immediately after that place the text from&amp;nbsp;&lt;/span&gt;&lt;a href="http://simpletricksblog.googlepages.com/coffe_bear.txt" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; text-decoration: none;"&gt;this file&lt;/a&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&amp;nbsp;after properly editing it with your paypal email address(replace&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 19px;"&gt;youremailaddress&lt;/span&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&amp;nbsp;with the email address using which you registered at paypal)..&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;If you have any doubts leave a comment.. and if you like the trick then why not buy me a coffee from that link below!!??&lt;/span&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5523907696776590786-4199228371124018900?l=bestbloggerwidgets.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://bestbloggerwidgets.blogspot.com/feeds/4199228371124018900/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/buy-me-beer-buy-me-coffee-for-blogger.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/4199228371124018900'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/4199228371124018900'/><link rel='alternate' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/buy-me-beer-buy-me-coffee-for-blogger.html' title='Buy Me a Beer / Buy me a coffee for blogger'/><author><name>WorldStarNepHop</name><uri>http://www.blogger.com/profile/02834725302008809621</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5523907696776590786.post-5681766801069578772</id><published>2011-12-08T07:01:00.002-08:00</published><updated>2011-12-08T07:01:57.736-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger Widgets'/><title type='text'>My Blog Post widget for your Blog</title><content type='html'>&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;I have created a widget that will list my blog's recent posts on your blog.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;If you are using blogger you can add this widget to your blog.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;This widget will list my blog's latest 5 posts on your blog.To add this widget you can use the button below&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;.Thanks to Beautiful Beta for helping me in making the widgets..&amp;nbsp;&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;Once you install this widget on your blog your blogs's sidebar will show the latest posts on my blog.&amp;nbsp;&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;So grab the widget and get a backlink from my blog.&lt;/span&gt;&lt;br /&gt;&lt;form action="http://beta.blogger.com/add-widget" method="post" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&lt;a href="http://beta.blogger.com/add-widget" target="_blank"&gt;&lt;input name="go" type="submit" value="Add widget to your blog" /&gt;&lt;/a&gt;&lt;/form&gt;&lt;span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 19px;"&gt;&lt;br /&gt;Note:&lt;/span&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&amp;nbsp;If you are reading this in a Feed Reader the widget installer wont be displayed.So visit the actual article on the site to install the widget.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5523907696776590786-5681766801069578772?l=bestbloggerwidgets.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://bestbloggerwidgets.blogspot.com/feeds/5681766801069578772/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/my-blog-post-widget-for-your-blog.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/5681766801069578772'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/5681766801069578772'/><link rel='alternate' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/my-blog-post-widget-for-your-blog.html' title='My Blog Post widget for your Blog'/><author><name>WorldStarNepHop</name><uri>http://www.blogger.com/profile/02834725302008809621</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5523907696776590786.post-8728102683424288304</id><published>2011-12-08T07:01:00.000-08:00</published><updated>2011-12-08T07:01:15.509-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger Widgets'/><title type='text'>U Comment I Follow Blogger Widget/Plugin</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-yeDhqlqgEY4/TuDRFYG5xGI/AAAAAAAAAAk/-Og0iQWc3MQ/s1600/ifollow.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/-yeDhqlqgEY4/TuDRFYG5xGI/AAAAAAAAAAk/-Og0iQWc3MQ/s1600/ifollow.gif" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;h2 class="post-title entry-title" style="background-color: white; color: #333333; font-family: arial; font-size: 18px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto;"&gt;U Comment I Follow Blogger Widget/Plugin&lt;/h2&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;As you guys know the comment field of my blog is do follow..If you too have a blogger blog whose comment field is&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 19px; text-align: -webkit-auto;"&gt;Do Follow&lt;/span&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; text-align: -webkit-auto;"&gt;,then let others know of this by adding the Do follow widget to your blog.If you don't know of the Do Follow movement read about it&amp;nbsp;&lt;/span&gt;&lt;a href="http://www.bloggerplugins.org/2007/08/u-comment-i-follow.html" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; text-align: -webkit-auto;"&gt;here&lt;/a&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; text-align: -webkit-auto;"&gt;.. If you are already having a Do Follow comment field for your blog then add the following plugin / widget to your blog&lt;/span&gt;&lt;a href="" name="more" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; text-align: -webkit-auto;"&gt;&lt;/a&gt;&lt;div align="justify" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Note:&lt;/span&gt;&amp;nbsp;Dofollow Widget is no longer available as i am not a part of it now.&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;&lt;span style="color: red;"&gt;Update:&lt;/span&gt;&lt;/span&gt;&amp;nbsp;This blog is no longer a part of the DO FOLLOW movement.. I am&amp;nbsp;&lt;a href="http://www.bloggerplugins.org/2009/06/shutting-down-do-follow.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #444444; text-decoration: none;"&gt;shutting it down&lt;/a&gt;&amp;nbsp;due to excessive comment spam..&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5523907696776590786-8728102683424288304?l=bestbloggerwidgets.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://bestbloggerwidgets.blogspot.com/feeds/8728102683424288304/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/u-comment-i-follow-blogger-widgetplugin.html#comment-form' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/8728102683424288304'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/8728102683424288304'/><link rel='alternate' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/u-comment-i-follow-blogger-widgetplugin.html' title='U Comment I Follow Blogger Widget/Plugin'/><author><name>WorldStarNepHop</name><uri>http://www.blogger.com/profile/02834725302008809621</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/-yeDhqlqgEY4/TuDRFYG5xGI/AAAAAAAAAAk/-Og0iQWc3MQ/s72-c/ifollow.gif' height='72' width='72'/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5523907696776590786.post-2998461064058202008</id><published>2011-12-08T06:58:00.000-08:00</published><updated>2011-12-08T06:58:05.752-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger Widgets'/><title type='text'>Drop Down Subscription Box or Widget</title><content type='html'>&lt;span class="Apple-style-span" style="background-color: white; line-height: 19px;"&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: large;"&gt;Drop Down Subscription Box or Widget&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;Everybody knows the imprtance of Rss feeds.So its better to give the readers an option to subscribe to your feeds in their favourite Rss Reader..&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;Here in this blog you can see a Drop Down Subscription box on the left.Here is how i implemented it..&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;Goto your Blogger&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 19px;"&gt;Template&amp;gt;Edit Html&lt;/span&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&amp;nbsp;and find&amp;nbsp;&lt;/span&gt;&lt;a href="" name="more" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&lt;/a&gt;&lt;br /&gt;&lt;div class="code" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(215, 232, 240); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(215, 232, 240); border-left-style: solid; border-left-width: 2px; border-right-color: rgb(215, 232, 240); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(215, 232, 240); border-top-style: solid; border-top-width: 2px; color: blue; font-size: small; font: normal normal normal 1.2em/normal 'Courier New', Courier, Fixed; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 10px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; text-align: left;"&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;body {&lt;/span&gt;&lt;/div&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;and place the following code just above it..&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;div class="code" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(215, 232, 240); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(215, 232, 240); border-left-style: solid; border-left-width: 2px; border-right-color: rgb(215, 232, 240); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(215, 232, 240); border-top-style: solid; border-top-width: 2px; color: blue; font-size: small; font: normal normal normal 1.2em/normal 'Courier New', Courier, Fixed; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 10px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; text-align: left;"&gt;/* http://www.bloggerplugins.org--- Dropdown Subscription Box&lt;br /&gt;*/&lt;br /&gt;.img0 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em;background: url("http://simpletricksblog.googlepages.com/rss.jpg"); cursor:hand;cursor:pointer;}&lt;br /&gt;.img1 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://simpletricksblog.googlepages.com/addgoogle.gif"); cursor:hand;cursor:pointer;}&lt;br /&gt;.img2 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://us.i1.yimg.com/us.yimg.com/i/us/my/addtomyyahoo4.gif"); cursor:hand;cursor:pointer;}&lt;br /&gt;.img3 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://www.netvibes.com/img/add2netvibes.gif "); }&lt;br /&gt;.img4 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://simpletricksblog.googlepages.com/rss-bloglines.gif "); cursor:hand;cursor:pointer;}&lt;br /&gt;.img5 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://www.newsgator.com/images/ngsub1.gif ");cursor:hand;cursor:pointer; }&lt;br /&gt;.img6 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://simpletricksblog.googlepages.com/addmymsn.gif ");cursor:hand;cursor:pointer; }&lt;br /&gt;.img7 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://simpletricksblog.googlepages.com/addrojo.gif "); cursor:hand;cursor:pointer;}&lt;br /&gt;.img8 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://simpletricksblog.googlepages.com/addmyaol.gif "); cursor:hand;cursor:pointer;}&lt;br /&gt;.img9 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://simpletricksblog.googlepages.com/addfeedlounge.gif "); cursor:hand;cursor:pointer;}&lt;br /&gt;.img10 { width: 83px; height: 17px; margin-left : 1.5em;margin-bottom : .6em; background: url("http://simpletricksblog.googlepages.com/addnewsburst.gif ");cursor:hand;cursor:pointer; }&lt;br /&gt;/* End Simple Tricks Coding */&lt;/div&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;(it not necessary to put it exactly above&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 19px;"&gt;body {&lt;/span&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&amp;nbsp;but i mentioned it to avoid confusion.)&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;Now add the following widget to your blog.(The widget will work only if you have done the template edit mentioned above)&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;form action="http://www.bloggerplugins.org/2007/10/_self" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&lt;a href="https://sites.google.com/site/simpletricksblog/dropdown_subcribe.html?attredirects=0" target="_blank"&gt;&lt;input type="button" value="Add Subscription Box to Blog" /&gt;&lt;/a&gt;&lt;/form&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 19px;"&gt;Note:&lt;/span&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&amp;nbsp;If you are reading this in a Feed Reader the widget installer wont be displayed.So visit the actual article on the site to install the widget.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5523907696776590786-2998461064058202008?l=bestbloggerwidgets.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://bestbloggerwidgets.blogspot.com/feeds/2998461064058202008/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/drop-down-subscription-box-or-widget.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/2998461064058202008'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/2998461064058202008'/><link rel='alternate' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/drop-down-subscription-box-or-widget.html' title='Drop Down Subscription Box or Widget'/><author><name>WorldStarNepHop</name><uri>http://www.blogger.com/profile/02834725302008809621</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5523907696776590786.post-645233557334761492</id><published>2011-12-08T06:56:00.001-08:00</published><updated>2011-12-08T06:56:34.989-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger Widgets'/><title type='text'>Rate your Blogger Posts with 5 Star Ratings</title><content type='html'>&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;Blogger Officially has a&amp;nbsp;&lt;/span&gt;Star Ratings Widget&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;, but the Rating Stars provided by Blogger are too small and not so beautiful. Outbrain has come up with an alternate Rating system which can be easily added to any platforms including Blogger.&amp;nbsp;&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;a href="" name="more" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&lt;/a&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;You can see a Demo of this Ratings Widget at the&amp;nbsp;&lt;/span&gt;Bottom of this post.&lt;br /&gt;&lt;h3 style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;How to Install Outbrain Star Ratings?&lt;/h3&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;Method 1&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;ol style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&lt;li style="line-height: 22px;"&gt;Register at the&amp;nbsp;&lt;a href="http://www.outbrain.com/" rel="nofollow" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; color: #444444;" target="_blank"&gt;Outbrain Website&lt;/a&gt;&amp;nbsp;and Activate your account(check your email after registering)&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;&lt;br /&gt;&lt;img alt="image" border="0" height="858" src="http://lh6.ggpht.com/_u4gySN2ZgqE/TE6GMte9FaI/AAAAAAAABkA/FYgo2OVuMSY/image%5B33%5D.png?imgmax=800" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-style: initial; border-top-style: none; border-top-width: 0px; display: inline;" title="image" width="554" /&gt;&lt;br /&gt;Select the Recommendation Type (Text / Thumbnail) and Choose Blogger as your Platfrom. Type your blog URL , agree to the Outbrain Terms and Click the Install Button.&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;You will be prompted to add a Widget to your Blog. Add the Widget and Get back to the Outbrain Website and navigate to&amp;nbsp;&lt;b&gt;My Account&lt;/b&gt;&amp;nbsp;&amp;gt;&amp;nbsp;&lt;b&gt;Manage Blogs&lt;/b&gt;&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;If your blog Claim is pending, Click on the Check Now Link&lt;br /&gt;&lt;img alt="image" border="0" height="93" src="http://lh5.ggpht.com/_u4gySN2ZgqE/TE6GOEei6wI/AAAAAAAABkI/dWm--TeR7lY/image%5B34%5D.png?imgmax=800" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-style: initial; border-top-style: none; border-top-width: 0px; display: inline;" title="image" width="554" /&gt;&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;Once you have Claimed your Blog, Go to Settings&lt;br /&gt;&lt;img alt="image" border="0" height="93" src="http://lh5.ggpht.com/_u4gySN2ZgqE/TE6GPn8cbYI/AAAAAAAABkM/i7oNmDhfUrY/image%5B35%5D.png?imgmax=800" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-style: initial; border-top-style: none; border-top-width: 0px; display: inline;" title="image" width="554" /&gt;&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;These are the Settings that i used&lt;br /&gt;&lt;img alt="image" border="0" height="518" src="http://lh3.ggpht.com/_u4gySN2ZgqE/TE6GRxTF-cI/AAAAAAAABkQ/BJN73QjhbFQ/image%5B36%5D.png?imgmax=800" style="border-bottom-style: none; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-style: initial; border-top-style: none; border-top-width: 0px; display: inline;" title="image" width="554" /&gt;&lt;br /&gt;I have disabled the Recommendations&amp;nbsp; and Disabled the “Most Popular” Gadget.&lt;/li&gt;&lt;/ol&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;Method 2&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;You wont be able to configure the Widget and you wont be able to hide th Recommendations if you follow this Method.So Follow Method 1 :) This method with some mods can be used to position the ratings gadget and for selectively displaying it.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;1. Login to your Blogger Dashboard and go to the&amp;nbsp;&lt;/span&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;Edit HTML&lt;/b&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&amp;nbsp;page under the&amp;nbsp;&lt;/span&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;Design&lt;/b&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;Tab , Check the “&lt;/span&gt;&lt;i style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;Expand Widget Templates&lt;/i&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;”&amp;nbsp; Option and locate&amp;nbsp;&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;pre class="code" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(215, 232, 240); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(215, 232, 240); border-left-style: solid; border-left-width: 2px; border-right-color: rgb(215, 232, 240); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(215, 232, 240); border-top-style: solid; border-top-width: 2px; color: blue; font-size: small; font: normal normal normal 1.2em/normal 'Courier New', Courier, Fixed; margin-bottom: 10px; margin-top: 10px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; text-align: left;"&gt;&amp;lt;p class='post-footer-line post-footer-line-3'&amp;gt;&lt;/pre&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;Or if that is not there then find&amp;nbsp;&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;pre class="code" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(215, 232, 240); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(215, 232, 240); border-left-style: solid; border-left-width: 2px; border-right-color: rgb(215, 232, 240); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(215, 232, 240); border-top-style: solid; border-top-width: 2px; color: blue; font-size: small; font: normal normal normal 1.2em/normal 'Courier New', Courier, Fixed; margin-bottom: 10px; margin-top: 10px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; text-align: left;"&gt;&amp;lt;div class='post-footer-line post-footer-line-3'&amp;gt;&lt;/pre&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;Or if that is not there then find&amp;nbsp;&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;pre class="code" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(215, 232, 240); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(215, 232, 240); border-left-style: solid; border-left-width: 2px; border-right-color: rgb(215, 232, 240); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(215, 232, 240); border-top-style: solid; border-top-width: 2px; color: blue; font-size: small; font: normal normal normal 1.2em/normal 'Courier New', Courier, Fixed; margin-bottom: 10px; margin-top: 10px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; text-align: left;"&gt;&amp;lt;data:post.body/&amp;gt;&lt;/pre&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;and place the&amp;nbsp; following code&amp;nbsp; just below any of these lines[whichever is present in your template].&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;pre class="code" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(215, 232, 240); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(215, 232, 240); border-left-style: solid; border-left-width: 2px; border-right-color: rgb(215, 232, 240); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(215, 232, 240); border-top-style: solid; border-top-width: 2px; color: blue; font-size: small; font: normal normal normal 1.2em/normal 'Courier New', Courier, Fixed; margin-bottom: 10px; margin-top: 10px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; text-align: left;"&gt;&amp;lt;script language='text/javascript'&amp;gt; &lt;br /&gt; var OutbrainPermaLink="&amp;lt;data:post.url/&amp;gt;"; &lt;br /&gt; var OB_demoMode = false; &lt;br /&gt; var OB_Script = true; &lt;br /&gt; &amp;lt;/script&amp;gt; &lt;br /&gt; &amp;lt;script src='http://widgets.outbrain.com/OutbrainRater.js' type='text/javascript'/&amp;gt;&lt;/pre&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;and&amp;nbsp;&lt;/span&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;Save&lt;/b&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&amp;nbsp;your template.&amp;nbsp;&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;2. Now you would be able to See the new Star Ratings Below each of your Blogger Posts&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;h3 style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Optional Tweak&lt;/h3&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;If you want to display the Star Ratings on the Post Page only, then Wrap the Ratings code within Conditional Tags like&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;pre class="code" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(215, 232, 240); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(215, 232, 240); border-left-style: solid; border-left-width: 2px; border-right-color: rgb(215, 232, 240); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(215, 232, 240); border-top-style: solid; border-top-width: 2px; color: blue; font-size: small; font: normal normal normal 1.2em/normal 'Courier New', Courier, Fixed; margin-bottom: 10px; margin-top: 10px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; text-align: left;"&gt;&lt;span style="color: red;"&gt;&amp;lt;b:if cond='data:blog.pageType == &amp;amp;quot;item&amp;amp;quot;'&amp;gt; &lt;/span&gt;&lt;br /&gt;    &amp;lt;script language='text/javascript'&amp;gt; &lt;br /&gt;    var OutbrainPermaLink="&amp;lt;data:post.url/&amp;gt;"; &lt;br /&gt;    var OB_demoMode = false; &lt;br /&gt;    var OB_Script = true; &lt;br /&gt;    &amp;lt;/script&amp;gt; &lt;br /&gt;    &amp;lt;script src='http://widgets.outbrain.com/OutbrainRater.js' type='text/javascript'/&amp;gt;&lt;br /&gt;&lt;span style="color: red;"&gt;&amp;lt;/b:if&amp;gt;&lt;/span&gt;&lt;/pre&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5523907696776590786-645233557334761492?l=bestbloggerwidgets.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://bestbloggerwidgets.blogspot.com/feeds/645233557334761492/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/rate-your-blogger-posts-with-5-star.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/645233557334761492'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/645233557334761492'/><link rel='alternate' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/rate-your-blogger-posts-with-5-star.html' title='Rate your Blogger Posts with 5 Star Ratings'/><author><name>WorldStarNepHop</name><uri>http://www.blogger.com/profile/02834725302008809621</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://lh6.ggpht.com/_u4gySN2ZgqE/TE6GMte9FaI/AAAAAAAABkA/FYgo2OVuMSY/s72-c/image%5B33%5D.png?imgmax=800' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5523907696776590786.post-6465584915468160274</id><published>2011-12-08T06:53:00.001-08:00</published><updated>2011-12-08T06:54:59.520-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger Widgets'/><title type='text'>Recent Comments Widget for Blogger</title><content type='html'>&lt;h2 class="post-title entry-title" style="background-color: white; color: #333333; font-family: arial; font-size: 18px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Recent Comments Widget for Blogger&lt;/h2&gt;&lt;div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;The Recent Comments Widget for Blogger displays recent blog comments on your sidebar.You can use this widget to display the recent comments of any blogger blog.You can customize the number of comments to display in the widget, whether or not to display the post name, the comment-date, and the size of the comment(in characters). This widget might encourage your readers in leaving comments on your blog :)&lt;/div&gt;&lt;h2 style="background-color: white; color: #333333; font-family: arial; font-size: 18px; line-height: 19px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&lt;b&gt;How to Install the Recent Comments Widget For Blogger&lt;/b&gt;&lt;/h2&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;Before installing the Recent Comments Widget, take a look at the following Settings in the Widget Installer.&lt;/div&gt;&lt;ol style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&lt;li style="line-height: 22px;"&gt;This should be the URL of a blogger Blog. If you are installing the Widget on the same blog then you can leave this field blank . This field is useful for those who have multiple blogs..&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;Number of comments –&amp;nbsp; The number of comments to be displayed in the Widget&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;Show comment date – If you want to show the comment date, then tick this option&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;Show post title – If you want to show the title of the post on which comment has been made, then tick this option&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;Summary&amp;nbsp; Size : If the comment is more than this size in length, then the rest of the comment will be chopped off&lt;/li&gt;&lt;/ol&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;&lt;span style="color: #555544;"&gt;Now that you are clear with the settings, click on the below button to add the Widget to your Blog.&lt;/span&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;&lt;img alt="Add Recent Posts Widget" src="http://www.blogger.com/img/add/add2blogger_lg.gif" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block;" /&gt;&lt;br /&gt;Or &lt;a href="http://bloggerplugins.org/installers/recentcommentswidget.html" target="_blank"&gt;CLICK HERE&lt;/a&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;&lt;br /&gt;Credits : This is&amp;nbsp; a slightly modified version of the Recent comment widget by&amp;nbsp;&lt;a href="http://beautifulbeta.blogspot.com/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #444444; text-decoration: none;"&gt;Beautiful Beta&lt;/a&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;If you have any questions or suggestions regarding this widget, feel free to comment on.&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5523907696776590786-6465584915468160274?l=bestbloggerwidgets.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://bestbloggerwidgets.blogspot.com/feeds/6465584915468160274/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/recent-comments-widget-for-blogger.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/6465584915468160274'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/6465584915468160274'/><link rel='alternate' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/recent-comments-widget-for-blogger.html' title='Recent Comments Widget for Blogger'/><author><name>WorldStarNepHop</name><uri>http://www.blogger.com/profile/02834725302008809621</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5523907696776590786.post-263721458301740439</id><published>2011-12-08T06:52:00.000-08:00</published><updated>2011-12-08T06:52:33.694-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger Widgets'/><title type='text'>Google Talk Widget For Blogger / BlogSpot</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-JY_4K4aqEa0/TuDO9kaajBI/AAAAAAAAAAc/wyXdokQbeP4/s1600/google-talk-widget%255B17%255D.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/-JY_4K4aqEa0/TuDO9kaajBI/AAAAAAAAAAc/wyXdokQbeP4/s1600/google-talk-widget%255B17%255D.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;h2 class="post-title entry-title" style="background-color: white; color: #333333; font-family: arial; font-size: 18px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Google Talk Widget For Blogger / BlogSpot&lt;/h2&gt;&lt;div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;Google Talk is one of the most popular IM clients on&amp;nbsp; the Web. The Google Talk Widget for Blogger will help you in adding an elegant Google Talk badge to your Blogger / BlogSpot Blog.&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;The Google Talk Widget comes in 2 varieties. You can add any of these two widgets.Both of them are different and work differently :)&lt;/div&gt;&lt;a href="" name="more" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&lt;/a&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;1.&lt;strong&gt;Google Chat Back Gadget&amp;nbsp;&lt;/strong&gt;– This gadget allows your visitors to IM you without revealing your Gmail address.you can chat with your blog visitors like what you normally do with your IM buddies. The only difference here is that your identity wont be revealed.&lt;/div&gt;&lt;h3 style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;How to Install the Google Chat Back Gadget?&lt;/h3&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;1. Login with your Google Account at&amp;nbsp;&lt;strong&gt;&lt;a href="http://www.google.com/talk/service/badge/New#" rel="nofollow" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; color: #444444;" target="_blank"&gt;Google Talk Badges&lt;/a&gt;&lt;/strong&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;2.Copy the HTML Code generated by Google&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;3.Now login to your Blogger Account and Navigate to&amp;nbsp;&lt;strong&gt;Layout&lt;/strong&gt;&amp;nbsp;&amp;gt;&amp;nbsp;&lt;strong&gt;Page Elements&lt;/strong&gt;&amp;nbsp;Page&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;4.Click the&amp;nbsp;&lt;strong&gt;Add Gadget&lt;/strong&gt;&amp;nbsp;Link and Opt to add an&amp;nbsp;&lt;strong&gt;HTML/JavaScript Gadget&lt;/strong&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;5.Paste the HTML code(that we copied) into the Gadget and Save it.&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;6.Now you should see the Google Chat Back Widget on your Blog’s sidebar.&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;Here is a Screenshot of what the Google Chat Back Widget will look like&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;&lt;img alt="image" border="0" height="81" src="http://lh5.ggpht.com/_u4gySN2ZgqE/S4zPUFrc6JI/AAAAAAAABK4/S1-fTPd_BTQ/image%5B12%5D.png?imgmax=800" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline;" title="image" width="238" /&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;2.&amp;nbsp;&lt;strong&gt;Google Talk Gadget&lt;/strong&gt;&amp;nbsp;– This Gadget is just like the Google Talk Interface within your Gmail. This will allow your&amp;nbsp; blog visitors to login to Google Talk. It is better to say that, once you add this gadget, your blog can serve as a Google Talk IM Client. This Widget wont allow the visitors to chat with you. If the visitor logs into his Google Talk account(via this Google Talk Gadget), he will be able to chat with his Google Talk Buddies and not with you(the blog owner)unless you were already on his buddy list :)&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;You can add this Widget easily using this One Click Installer. It will Add the Widget to your Blog’s Sidebar.&lt;/div&gt;&lt;span class="Apple-style-span" style="color: #444444; font-family: Arial, Helvetica, sans-serif;"&gt;&lt;span class="Apple-style-span" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-color: initial; border-style: initial; font-size: 14px; line-height: 19px;"&gt;&lt;a href="http://beta.blogger.com/add-widget?widget.title=Google%20Talk&amp;amp;widget.content=%3Ciframe%20width%3D%22234%22%20frameborder%3D%220%22%20src%3D%22http%3A%2F%2Ftalkgadget.google.com%2Ftalkgadget%2Fclient%3Ffid%3Dgtalk0%26relay%3Dhttp%253A%252F%252Fwww.google.com%252Fig%252Fifpc_relay%22%20height%3D%22350%22%3E%3C%2Fiframe%3E%3Cp%20style%3D%22margin%3A-8px%200%22%3E%26nbsp%3B%3Ca%20style%3D%22font-size%3A60%25%3Btext-decoration%3Anone%22%20href%3D%22http%3A%2F%2Fwww.bloggerplugins.org%2F2008%2F06%2Fgoogle-talk-widget-for-blogger-blogspot.html%22%3EAdd%20To%20My%20Blog%3C%2Fa%3E%3C%2Fp%3E&amp;amp;" target="_blank"&gt;&lt;img alt="Add Recent Posts Widget" src="http://www.blogger.com/img/add/add2blogger_lg.gif" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block;" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;Permalink :&amp;nbsp;&lt;a href="http://www.bloggerplugins.org/2008/06/google-talk-widget-for-blogger-blogspot.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; color: #444444;"&gt;Google Talk Widget for Blogger&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5523907696776590786-263721458301740439?l=bestbloggerwidgets.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://bestbloggerwidgets.blogspot.com/feeds/263721458301740439/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/google-talk-widget-for-blogger-blogspot.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/263721458301740439'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/263721458301740439'/><link rel='alternate' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/google-talk-widget-for-blogger-blogspot.html' title='Google Talk Widget For Blogger / BlogSpot'/><author><name>WorldStarNepHop</name><uri>http://www.blogger.com/profile/02834725302008809621</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/-JY_4K4aqEa0/TuDO9kaajBI/AAAAAAAAAAc/wyXdokQbeP4/s72-c/google-talk-widget%255B17%255D.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5523907696776590786.post-3819457088741827029</id><published>2011-12-08T06:49:00.001-08:00</published><updated>2011-12-08T06:49:50.593-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger Widgets'/><title type='text'>Technorati Rank Widget for Blogger / Blogspot</title><content type='html'>&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;Technorati is an Internet search engine particularly for searching blogs.Technorati has a ranking system based on the number of references made to the blog.I have now made a widget which will display your technorati rank in a similar way as the feedburner count is displayed.The widget also comes with a&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 19px;"&gt;Add to Technorati&lt;/span&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&amp;nbsp;feature which allows your blog readers to favorite your blog at Technorati.Com&lt;/span&gt;&lt;a href="" name="more" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;You can see a demo of the widget&amp;nbsp;&lt;/span&gt;&lt;a href="http://bloggerplugins.blogspot.com/" rel="nofollow" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; text-decoration: none;"&gt;here on my test site&lt;/a&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;To get this widget working you will have to get a Technorati API key from&lt;/span&gt;&lt;a href="http://technorati.com/developers/apikey.html" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; text-decoration: none;"&gt;&amp;nbsp;here&lt;/a&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;.&lt;/span&gt;&lt;span id="fullpost" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&lt;br /&gt;Copy out the technorati api key and give the details in the widget installer below..&lt;br /&gt;You should give the following details there..&lt;br /&gt;1)Your Site Url&lt;br /&gt;and&lt;br /&gt;2)Technorati API Key..&lt;/span&gt;&lt;br /&gt;&lt;form action="http://www.bloggerplugins.org/2008/06/_self"&gt;&lt;input type="button" value="Add Technorati Rank Widget to Blog" /&gt;&lt;/form&gt;If you like my widgets, why not favorite me at technorati using this&amp;nbsp;&lt;a href="http://technorati.com/faves?sub=addfavbtn&amp;amp;add=http://www.bloggerplugins.org.com" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #444444; text-decoration: none;"&gt;link&lt;/a&gt;&amp;nbsp;:)&lt;br /&gt;&lt;br /&gt;I had lost all my technorati ranking and authority when i moved to the new domain..&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Note:&lt;/span&gt;&amp;nbsp;If you are reading this in a Feed Reader the widget installer wont be displayed.So visit the actual article on the site to install the widget.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5523907696776590786-3819457088741827029?l=bestbloggerwidgets.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://bestbloggerwidgets.blogspot.com/feeds/3819457088741827029/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/technorati-rank-widget-for-blogger.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/3819457088741827029'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/3819457088741827029'/><link rel='alternate' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/technorati-rank-widget-for-blogger.html' title='Technorati Rank Widget for Blogger / Blogspot'/><author><name>WorldStarNepHop</name><uri>http://www.blogger.com/profile/02834725302008809621</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5523907696776590786.post-5030946427461768504</id><published>2011-12-07T17:31:00.000-08:00</published><updated>2011-12-08T05:39:38.868-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger Widgets'/><title type='text'>Blogger Tag Cloud Widget by Categories / Labels</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-C6QUkJzszxg/TuATPYsMKoI/AAAAAAAADr4/xeyOjsXgrOw/s1600/tag_cloud_blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/-C6QUkJzszxg/TuATPYsMKoI/AAAAAAAADr4/xeyOjsXgrOw/s1600/tag_cloud_blogger.png" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;h2 class="posttitle" style="background-color: white; color: #555555; font-family: 'Droid Serif', Georgia, sans-serif; font-size: 26px; line-height: 1.15em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: -webkit-auto; text-decoration: none;"&gt;&lt;a href="http://widgetsforfree.blogspot.com/2009/06/blogger-tag-cloud-widget-by-categories.html" style="color: black; text-decoration: none;"&gt;Blogger Tag Cloud Widget by Categories / Labels&lt;/a&gt;&lt;/h2&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 22px;"&gt;This widget is perfect for blogspot users who desire a&amp;nbsp;&lt;b&gt;simple tag cloud&lt;/b&gt;&amp;nbsp;for their Categories. The Labels Cloud can easily be implemented within the sidebar of your blog and will match your template wonderfully.&lt;br /&gt;&lt;a href="" name="more" style="text-decoration: underline;"&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 style="background-color: white; color: #0b2561; font-family: 'Droid Serif', Georgia, sans-serif; font-size: 19px; line-height: 24px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;Steps for Implementation&lt;/h2&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;span id="headliner"&gt;&lt;/span&gt;&lt;b&gt;Step 1:&amp;nbsp;&lt;span class="Apple-style-span" style="font-weight: normal;"&gt;Back it Up&lt;/span&gt;&lt;/b&gt;Always make sure to back up your&amp;nbsp;&lt;a href="http://widgetsforfree.blogspot.com/2009/06/great-blogger-templates-and-wordpress.html" style="color: #276dc1;"&gt;Blogger Template&lt;/a&gt;&amp;nbsp;before doing anything else!&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Step 2:&amp;nbsp;&lt;span class="Apple-style-span" style="font-weight: normal;"&gt;The Labels Gadget&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;&lt;div&gt;Make sure that you have the Labels Page Element installed. If you haven't already...&lt;/div&gt;&lt;div&gt;&lt;ol style="line-height: 22px;"&gt;&lt;li style="margin-bottom: 10px;"&gt;Go to&amp;nbsp;&lt;span class="Apple-style-span" style="color: #4c4c4c; font-weight: bold;"&gt;Layout &amp;gt;Page Elements .&lt;/span&gt;&lt;/li&gt;&lt;li style="margin-bottom: 10px;"&gt;Click "Add a Gadget" and then add the "Labels" gadget.&lt;/li&gt;&lt;/ol&gt;&lt;div&gt;&lt;b&gt;Step 3:&amp;nbsp;&lt;/b&gt;Locating the "Old Code"&lt;/div&gt;&lt;div&gt;&lt;ol style="line-height: 22px;"&gt;&lt;li style="margin-bottom: 10px;"&gt;Now go to&amp;nbsp;&lt;span class="Apple-style-span" style="color: #4c4c4c; font-weight: bold;"&gt;Layout &amp;gt;Edit HTML&lt;/span&gt;&lt;/li&gt;&lt;li style="margin-bottom: 10px;"&gt;Make sure that the "Expand Widgets Template" box is unchecked.&lt;/li&gt;&lt;li style="margin-bottom: 10px;"&gt;Now we need to search for the code that looks like this.&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: url(http://1.bp.blogspot.com/_8aZXeWtZzQY/TVAuZbMRlMI/AAAAAAAABxg/qADxB2iBI0I/s000/blockquote.png); background-origin: initial; background-position: 0px 0px; background-repeat: no-repeat no-repeat; color: #abafb9; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 10px; padding-bottom: 0px; padding-left: 50px; padding-right: 50px; padding-top: 0px;"&gt;&amp;lt;b:widget id='Label1' locked='false' title='Tags' type='Label'/&amp;gt;&lt;/blockquote&gt;Your code may look a little different. So try using your browser's search tool to find&amp;nbsp;&lt;b&gt;type='Label'&lt;/b&gt;.&lt;/li&gt;&lt;/ol&gt;&lt;div&gt;&lt;b&gt;Step 4:&lt;/b&gt;&amp;nbsp;Replacing the "Old Code" with the "New Code"&lt;/div&gt;&lt;div&gt;&lt;ol style="line-height: 22px;"&gt;&lt;li style="margin-bottom: 10px;"&gt;Once you've located&amp;nbsp;&lt;span class="Apple-style-span" style="font-weight: bold;"&gt;type='Label',&lt;/span&gt;&amp;nbsp;remove the&amp;nbsp;&lt;b&gt;whole line&lt;/b&gt;&amp;nbsp;of code that looks just like the code mentioned in part 3 of step 3.&lt;/li&gt;&lt;li style="margin-bottom: 10px;"&gt;Replace this code that you've just deleted with the code below:&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: url(http://1.bp.blogspot.com/_8aZXeWtZzQY/TVAuZbMRlMI/AAAAAAAABxg/qADxB2iBI0I/s000/blockquote.png); background-origin: initial; background-position: 0px 0px; background-repeat: no-repeat no-repeat; color: #abafb9; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 10px; padding-bottom: 0px; padding-left: 50px; padding-right: 50px; padding-top: 0px;"&gt;&lt;pre&gt;/*&lt;br /&gt;Distributed by John Smith at WidgetsForFree.blogspot.com&lt;br /&gt;*/ &amp;lt;b:widget id='Label1' locked='false' title='Tags' type='Label'&amp;gt;&lt;br /&gt;&amp;lt;b:includable id='main'&amp;gt;&lt;br /&gt;&amp;lt;b:if cond='data:title'&amp;gt;&lt;br /&gt;&amp;lt;h2&amp;gt;&amp;lt;data:title/&amp;gt;&amp;lt;/h2&amp;gt;&lt;br /&gt;&amp;lt;/b:if&amp;gt;&lt;br /&gt;&amp;lt;div class='widget-content' style='text-align: justify;'&amp;gt;&lt;br /&gt;&amp;lt;script type='text/javascript'&amp;gt;&lt;br /&gt;/*&lt;br /&gt;Simple Blogger Tag Cloud Widget&lt;br /&gt;by Raymond May Jr.&lt;br /&gt;http://www.compender.com&lt;br /&gt;Released to the Public Domain&lt;br /&gt;*/&lt;br /&gt;&lt;br /&gt;//Settings / Variables&lt;br /&gt;var max = 150; //max css size (in percent)&lt;br /&gt;var min = 70; //min css size (in percent)&lt;br /&gt;var showCount = false;  // show counts? true for yes, false for no&lt;br /&gt;var minCount = 1;  // what is the minimum count for a tag to be shown? 1 for all&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;//Begin code:&lt;br /&gt;var range = max - min;&lt;br /&gt;&lt;br /&gt;//Build label Array&lt;br /&gt;var labels = new Array();&lt;br /&gt;&amp;lt;b:loop values='data:labels' var='label'&amp;gt;&lt;br /&gt;labels.push(&amp;amp;quot;&amp;lt;data:label.name/&amp;gt;&amp;amp;quot;);&lt;br /&gt;&amp;lt;/b:loop&amp;gt;&lt;br /&gt;&lt;br /&gt;//URLs&lt;br /&gt;var urls = new Array();&lt;br /&gt;&amp;lt;b:loop values='data:labels' var='label'&amp;gt;&lt;br /&gt;urls.push(&amp;amp;quot;&amp;lt;data:label.url/&amp;gt;&amp;amp;quot;);&lt;br /&gt;&amp;lt;/b:loop&amp;gt;&lt;br /&gt;&lt;br /&gt;//Counts&lt;br /&gt;var counts = new Array();&lt;br /&gt;&amp;lt;b:loop values='data:labels' var='label'&amp;gt;&lt;br /&gt;counts.push(&amp;amp;quot;&amp;lt;data:label.count/&amp;gt;&amp;amp;quot;);&lt;br /&gt;&amp;lt;/b:loop&amp;gt;&lt;br /&gt;&lt;br /&gt;//Number sort funtion (high to low)&lt;br /&gt;function sortNumber(a, b)&lt;br /&gt;{&lt;br /&gt;return b - a;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;//Make an independant copy of counts for sorting&lt;br /&gt;var sorted = counts.slice();&lt;br /&gt;&lt;br /&gt;//Find the largest tag count&lt;br /&gt;var most = sorted.sort(sortNumber)[0];&lt;br /&gt;&lt;br /&gt;//Begin HTML output&lt;br /&gt;for (x in labels)&lt;br /&gt;{&lt;br /&gt;if(x != &amp;amp;quot;peek&amp;amp;quot; &amp;amp;amp;&amp;amp;amp; x != &amp;amp;quot;forEach&amp;amp;quot; &amp;amp;amp;&amp;amp;amp; counts[x] &amp;gt;= minCount)&lt;br /&gt;{&lt;br /&gt;//Calculate textSize&lt;br /&gt;var textSize = min + Math.floor((counts[x]/most) * range);&lt;br /&gt;//Show counts?&lt;br /&gt;if(showCount)&lt;br /&gt;{&lt;br /&gt;var count = &amp;amp;quot;(&amp;amp;quot; + counts[x] + &amp;amp;quot;)&amp;amp;quot;;&lt;br /&gt;}else{&lt;br /&gt;var count = &amp;amp;quot;&amp;amp;quot;;&lt;br /&gt;}&lt;br /&gt;//Output&lt;br /&gt;document.write(&amp;amp;quot;&amp;lt;span style='font-size:&amp;amp;quot; + textSize + &amp;amp;quot;%'&amp;gt;&amp;lt;a href='&amp;amp;quot; + urls[x] + &amp;amp;quot;' style='text-decoration:none;'&amp;gt;&amp;amp;quot; + labels[x] + count + &amp;amp;quot;&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt; &amp;amp;quot; );&lt;br /&gt;}&lt;br /&gt;}&lt;br /&gt;&amp;lt;/script&amp;gt;&lt;br /&gt;&amp;lt;br/&amp;gt;&lt;br /&gt;&amp;lt;span style="font-size:80%;float:right;"&amp;gt;Powered by &amp;lt;a href="http://www.widgetsforfree.blogspot.com"&amp;gt;Blogger Widgets&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;/b:includable&amp;gt;&lt;br /&gt;&amp;lt;/b:widget&amp;gt;&lt;/pre&gt;&lt;/blockquote&gt;&lt;/li&gt;&lt;/ol&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5523907696776590786-5030946427461768504?l=bestbloggerwidgets.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://bestbloggerwidgets.blogspot.com/feeds/5030946427461768504/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/blogger-tag-cloud-widget-by-categories.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/5030946427461768504'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/5030946427461768504'/><link rel='alternate' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/blogger-tag-cloud-widget-by-categories.html' title='Blogger Tag Cloud Widget by Categories / Labels'/><author><name>WorldStarNepHop</name><uri>http://www.blogger.com/profile/02834725302008809621</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/-C6QUkJzszxg/TuATPYsMKoI/AAAAAAAADr4/xeyOjsXgrOw/s72-c/tag_cloud_blogger.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5523907696776590786.post-4116721128269203582</id><published>2011-12-07T17:30:00.000-08:00</published><updated>2011-12-08T05:39:38.888-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger Widgets'/><title type='text'>Blogger Templates and WordPress Themes by ThemeForest</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-LIc_exO-OAs/TuATF3EhqhI/AAAAAAAADrw/KoJ0FO_AUIg/s1600/themeforest-temps-rdndwht.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="100" src="http://1.bp.blogspot.com/-LIc_exO-OAs/TuATF3EhqhI/AAAAAAAADrw/KoJ0FO_AUIg/s320/themeforest-temps-rdndwht.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 22px;"&gt;ThemeForest offers&amp;nbsp;&lt;b&gt;professional blog templates and themes&lt;/b&gt;&amp;nbsp;at affordable prices. If you can't afford to hire that expensive designer then ThemeForest is the right place for you. They offer wonderfully designed&amp;nbsp;&lt;a href="http://themeforest.net/category/wordpress?ref=johnsmith" style="color: #276dc1;"&gt;WordPress Themes&lt;/a&gt;&amp;nbsp;and&lt;a href="http://themeforest.net/category/misc/blogger?ref=johnsmith" style="color: #276dc1;"&gt;Blogger Templates&lt;/a&gt;&amp;nbsp;which will help make your blog stand out from the rest of the crowd.&lt;br /&gt;&lt;a href="" name="more" style="text-decoration: underline;"&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 style="background-color: white; color: #0b2561; font-family: 'Droid Serif', Georgia, sans-serif; font-size: 19px; line-height: 24px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;More about ThemeForest&lt;/h2&gt;&lt;a href="http://themeforest.net/?ref=johnsmith" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;ThemeForest&amp;nbsp;&lt;/a&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;has a growing collection of hundreds of nicely designed templates. The prices range from about $10 to $35. In most cases the wordpress themes are a little more expensive and nicer looking than the templates for blogger.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;h2 style="background-color: white; color: #0b2561; font-family: 'Droid Serif', Georgia, sans-serif; font-size: 19px; line-height: 24px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;My Favorite&amp;nbsp;&lt;a href="http://themeforest.net/category/misc/blogger?ref=johnsmith" style="color: #276dc1;"&gt;Blogger Templates&lt;/a&gt;&lt;/h2&gt;&lt;a href="http://themeforest.net/item/redwhite-blogspot-template/18409?ref=johnsmith" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5350183606489760354" src="http://2.bp.blogspot.com/_cNpXRtRph18/Sj-rpMPwwmI/AAAAAAAAD0E/ioVX53l3mlw/s400/themeforest-temps-rdndwht.png" style="border-bottom-color: rgb(216, 216, 216); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-left-width: 1px; border-right-color: rgb(216, 216, 216); border-right-style: none; border-right-width: 1px; border-top-color: rgb(216, 216, 216); border-top-style: none; border-top-width: 1px; border-width: initial; cursor: pointer; height: 125px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; width: 400px;" /&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://themeforest.net/item/redwhite-blogspot-template/18409?ref=johnsmith" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Red and White&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;An awakening template featuring two nice sidebars.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://themeforest.net/item/underland-template-for-blogger/18301?ref=johnsmith" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5350185076591293522" src="http://2.bp.blogspot.com/_cNpXRtRph18/Sj-s-wzR9FI/AAAAAAAAD0M/if50xIuGDTI/s400/themeforest-temps-undrlnd.png" style="border-bottom-color: rgb(216, 216, 216); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-left-width: 1px; border-right-color: rgb(216, 216, 216); border-right-style: none; border-right-width: 1px; border-top-color: rgb(216, 216, 216); border-top-style: none; border-top-width: 1px; border-width: initial; cursor: pointer; height: 125px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; width: 400px;" /&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://themeforest.net/item/underland-template-for-blogger/18301?ref=johnsmith" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Underland&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;This template should make you and your readers feel as if you were underground.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://themeforest.net/item/buy-themes-blogger-gallery-template/37209?ref=johnsmith" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5350185533945209570" src="http://3.bp.blogspot.com/_cNpXRtRph18/Sj-tZYk84uI/AAAAAAAAD0U/jOzlSdHVxo0/s400/themeforest-temps-buythemes.png" style="border-bottom-color: rgb(216, 216, 216); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-left-width: 1px; border-right-color: rgb(216, 216, 216); border-right-style: none; border-right-width: 1px; border-top-color: rgb(216, 216, 216); border-top-style: none; border-top-width: 1px; border-width: initial; cursor: pointer; height: 125px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; width: 400px;" /&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://themeforest.net/item/buy-themes-blogger-gallery-template/37209?ref=johnsmith" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Buy Themes Template&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;This would work great for a design blog or even a photo blog.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;h2 style="background-color: white; color: #0b2561; font-family: 'Droid Serif', Georgia, sans-serif; font-size: 19px; line-height: 24px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;My Favorite&amp;nbsp;&lt;a href="http://themeforest.net/category/wordpress?ref=johnsmith" style="color: #276dc1;"&gt;WP Themes&lt;/a&gt;&lt;/h2&gt;&lt;a href="http://themeforest.net/item/business-professional-package-wordpress-edition/30008?ref=johnsmith" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5350014392526025922" src="http://1.bp.blogspot.com/_cNpXRtRph18/Sj8RvpG9tMI/AAAAAAAADz8/OILM4Kmvo7s/s400/themeforest-temps-bus.png" style="border-bottom-color: rgb(216, 216, 216); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-left-width: 1px; border-right-color: rgb(216, 216, 216); border-right-style: none; border-right-width: 1px; border-top-color: rgb(216, 216, 216); border-top-style: none; border-top-width: 1px; border-width: initial; cursor: pointer; height: 125px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; width: 400px;" /&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://themeforest.net/item/business-professional-package-wordpress-edition/30008?ref=johnsmith" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Business Professional Package&lt;/a&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Excellent template which will give you blog the professional and clean look.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://themeforest.net/item/convergence-community-wordpress-theme/34924?ref=johnsmith" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5350012348037633426" src="http://4.bp.blogspot.com/_cNpXRtRph18/Sj8P4oy8lZI/AAAAAAAADzk/UEoMKBCj2gE/s400/themeforest-temps-conv.png" style="border-bottom-color: rgb(216, 216, 216); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-left-width: 1px; border-right-color: rgb(216, 216, 216); border-right-style: none; border-right-width: 1px; border-top-color: rgb(216, 216, 216); border-top-style: none; border-top-width: 1px; border-width: initial; cursor: pointer; height: 125px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; width: 400px;" /&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://themeforest.net/item/convergence-community-wordpress-theme/34924?ref=johnsmith" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Convergence Community&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Convergence is a nicely put together WordPress theme with the intent and focus on creating a community site.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://themeforest.net/item/bluelight-wordpress-20-portfolio-and-blog/40433?ref=johnsmith" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5350013187091711442" src="http://4.bp.blogspot.com/_cNpXRtRph18/Sj8QpehBxdI/AAAAAAAADzs/9TXeiyfQWFY/s400/themeforest-temps-blue.png" style="border-bottom-color: rgb(216, 216, 216); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-left-width: 1px; border-right-color: rgb(216, 216, 216); border-right-style: none; border-right-width: 1px; border-top-color: rgb(216, 216, 216); border-top-style: none; border-top-width: 1px; border-width: initial; cursor: pointer; height: 125px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; width: 400px;" /&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://themeforest.net/item/bluelight-wordpress-20-portfolio-and-blog/40433?ref=johnsmith" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;BlueLight&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Manage your portfolio and blog posts easily with this mash-up Wordpress theme.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5523907696776590786-4116721128269203582?l=bestbloggerwidgets.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://bestbloggerwidgets.blogspot.com/feeds/4116721128269203582/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/blogger-templates-and-wordpress-themes.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/4116721128269203582'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/4116721128269203582'/><link rel='alternate' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/blogger-templates-and-wordpress-themes.html' title='Blogger Templates and WordPress Themes by ThemeForest'/><author><name>WorldStarNepHop</name><uri>http://www.blogger.com/profile/02834725302008809621</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/-LIc_exO-OAs/TuATF3EhqhI/AAAAAAAADrw/KoJ0FO_AUIg/s72-c/themeforest-temps-rdndwht.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5523907696776590786.post-7552974572092246193</id><published>2011-12-07T17:29:00.000-08:00</published><updated>2011-12-08T05:39:38.917-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger Widgets'/><title type='text'>Hide Show DIV Content with Links by using Javascript</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-0vk9ShY09Ys/TuASzfSRVyI/AAAAAAAADro/Qu2CaGhAXoo/s1600/Hide+and+Show+HTML+Content.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/-0vk9ShY09Ys/TuASzfSRVyI/AAAAAAAADro/Qu2CaGhAXoo/s1600/Hide+and+Show+HTML+Content.png" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;h2 class="posttitle" style="background-color: white; color: #555555; font-family: 'Droid Serif', Georgia, sans-serif; font-size: 26px; line-height: 1.15em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-decoration: none;"&gt;&lt;a href="http://widgetsforfree.blogspot.com/2009/07/hide-and-show-html-content-with-links.html" style="color: black; text-decoration: none;"&gt;Hide Show DIV Content with Links by using Javascript&lt;/a&gt;&lt;/h2&gt;&lt;div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 22px;"&gt;The&amp;nbsp;&lt;span style="font-weight: bold;"&gt;Hide and Show DIV&lt;/span&gt;&amp;nbsp;elements for HTML content is a great way to clean up your sidebar. It becomes especially handy for those long blogroll lists or anything that clutters up the blog. Just simply click a link to make all the hidden content magically appear and disappear.&lt;br /&gt;&lt;a href="" name="more" style="text-decoration: underline;"&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 style="background-color: white; color: #0b2561; font-family: 'Droid Serif', Georgia, sans-serif; font-size: 19px; line-height: 24px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;Demo:&lt;/h2&gt;&lt;a aiotitle="" href="http://widgetsforfree.blogspot.com/2009/07/hide-and-show-html-content-with-links.html" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;b&gt;+/- Click Here to Expand and Collapse&lt;/b&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;div class="commenthidden" id="hideshowdemo" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;ul style="line-height: 22px;"&gt;&lt;li style="margin-bottom: 10px;"&gt;&lt;a href="http://howhero.com/" style="color: #276dc1;"&gt;HowHero Tutorials&lt;/a&gt;&lt;/li&gt;&lt;li style="margin-bottom: 10px;"&gt;&lt;a href="http://widgetsforfree.blogspot.com/2008/09/translate-blog-widget-using-flags.html" style="color: #276dc1;"&gt;Blog Translation Plugin&lt;/a&gt;&lt;/li&gt;&lt;li style="margin-bottom: 10px;"&gt;&lt;a href="http://widgetsforfree.blogspot.com/2008/09/make-money-blog-widget-performancing.html" style="color: #276dc1;"&gt;Make Money Widget&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;h2 style="background-color: white; color: #0b2561; font-family: 'Droid Serif', Georgia, sans-serif; font-size: 19px; line-height: 24px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;How to use it in Your Blog&lt;/h2&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Step 1:&amp;nbsp;&lt;span class="Apple-style-span" style="font-weight: normal;"&gt;Adding CSS and Javascript&lt;/span&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;First, add this code below directly above the&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: white; color: #ff6600; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&amp;nbsp;tag.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: white; background-image: url(http://1.bp.blogspot.com/_8aZXeWtZzQY/TVAuZbMRlMI/AAAAAAAABxg/qADxB2iBI0I/s000/blockquote.png); background-origin: initial; background-position: 0px 0px; background-repeat: no-repeat no-repeat; color: #abafb9; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 10px; padding-bottom: 0px; padding-left: 50px; padding-right: 50px; padding-top: 0px;"&gt;&amp;lt;style type="text/css"&amp;gt;&lt;br /&gt;.commenthidden {display:none}&lt;br /&gt;.commentshown {display:inline}&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;br /&gt;&amp;lt;script type="text/Javascript"&amp;gt;&lt;br /&gt;function togglecomments (postid) {&lt;br /&gt;var whichpost = document.getElementById(postid);&lt;br /&gt;if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }&lt;br /&gt;} &amp;lt;/script&amp;gt;&lt;/blockquote&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Step 2:&amp;nbsp;&lt;span class="Apple-style-span" style="font-weight: normal;"&gt;Adding the Active Content to be Displayed&lt;/span&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Place this code wherever you would like it to appear. Make sure to change the&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: white; color: red; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;red text&lt;/span&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&amp;nbsp;to a name that is "unique" to any other name in your template. An example might be "blogroll-dropdown". If you do not give each&amp;nbsp;&lt;/span&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Hide Show DIV&lt;/b&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&amp;nbsp;element a unique name the script cannot be used more than once on the same page. The&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: white; color: #009900; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;green text&lt;/span&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&amp;nbsp;is the title of the link that you click on to make the content appear. Replace the code "Expanded Content" with the content you wish to have expand and collapse.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: white; background-image: url(http://1.bp.blogspot.com/_8aZXeWtZzQY/TVAuZbMRlMI/AAAAAAAABxg/qADxB2iBI0I/s000/blockquote.png); background-origin: initial; background-position: 0px 0px; background-repeat: no-repeat no-repeat; color: #abafb9; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 10px; padding-bottom: 0px; padding-left: 50px; padding-right: 50px; padding-top: 0px;"&gt;&amp;lt;a aiotitle="click to expand" href="javascript:togglecomments('&lt;span style="color: red;"&gt;UniqueName&lt;/span&gt;')"&lt;br /&gt;&amp;gt;&lt;span style="color: #009900;"&gt;Link Title&lt;/span&gt;&amp;lt;/a&amp;gt;&amp;lt;br /&amp;gt;&lt;br /&gt;&amp;lt;div class="commenthidden" id="&lt;span style="color: red;"&gt;UniqueName&lt;/span&gt;"&lt;br /&gt;&amp;gt;Expanded Content&amp;lt;/div&amp;gt;&lt;/blockquote&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; font-weight: bold; line-height: 24px;"&gt;Step 3&lt;/span&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;: Sample Code&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Here is what my code looks like for the demo above:&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: white; background-image: url(http://1.bp.blogspot.com/_8aZXeWtZzQY/TVAuZbMRlMI/AAAAAAAABxg/qADxB2iBI0I/s000/blockquote.png); background-origin: initial; background-position: 0px 0px; background-repeat: no-repeat no-repeat; color: #abafb9; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 10px; padding-bottom: 0px; padding-left: 50px; padding-right: 50px; padding-top: 0px;"&gt;&amp;lt;a aiotitle="" href="javascript:togglecomments('&lt;span style="color: red;"&gt;hideshowdemo&lt;/span&gt;')"&amp;gt;&lt;span style="color: #009900;"&gt;+/- Click Here to Expand and Collapse&lt;/span&gt;&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;lt;div class="commenthidden" id="&lt;span style="color: red;"&gt;hideshowdemo&lt;/span&gt;"&amp;gt;&amp;lt;ul&amp;gt;&amp;lt;li&amp;gt;&amp;lt;a href="http://howhero.com/"&amp;gt;HowHero Tutorials&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;&amp;lt;a href="http://widgetsforfree.blogspot.com/2008/09/translate-blog-widget-using-flags.html"&amp;gt;Blog Translation Plugin&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;&amp;lt;a href="http://widgetsforfree.blogspot.com/2008/09/make-money-blog-widget-performancing.html"&amp;gt;Make Money Widget&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5523907696776590786-7552974572092246193?l=bestbloggerwidgets.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://bestbloggerwidgets.blogspot.com/feeds/7552974572092246193/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/hide-show-div-content-with-links-by.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/7552974572092246193'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/7552974572092246193'/><link rel='alternate' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/hide-show-div-content-with-links-by.html' title='Hide Show DIV Content with Links by using Javascript'/><author><name>WorldStarNepHop</name><uri>http://www.blogger.com/profile/02834725302008809621</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/-0vk9ShY09Ys/TuASzfSRVyI/AAAAAAAADro/Qu2CaGhAXoo/s72-c/Hide+and+Show+HTML+Content.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5523907696776590786.post-2377662487781495489</id><published>2011-12-07T17:23:00.000-08:00</published><updated>2011-12-08T05:39:38.928-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger Widgets'/><title type='text'>Yahoo Search Widget Blogger / Blogspot</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-V20p8cq7NXI/TuARcVnbUWI/AAAAAAAADrg/AJgSDm0HWs4/s1600/yahoo-search-widget-preview.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/-V20p8cq7NXI/TuARcVnbUWI/AAAAAAAADrg/AJgSDm0HWs4/s1600/yahoo-search-widget-preview.gif" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;h2 class="post-title entry-title" style="background-color: white; color: #333333; font-family: arial; font-size: 18px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Yahoo Search Widget Blogger / Blogspot&lt;/h2&gt;&lt;div&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;I have mostly seen google search boxes on most blogs.So i thought of implementing a cute looking&amp;nbsp;&lt;/span&gt;&lt;a href="http://www.bloggerplugins.org/2008/07/yahoo-search-widget-blogger-blogspot.html" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; text-decoration: none;"&gt;yahoo search box widget&lt;/a&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&amp;nbsp;for blogs.The yahoo search widget can search either your blog alone or the entire web.This is just a simple search widget which will nicely fit into your blogger sidebar..&amp;nbsp;&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;This search box has the yahoo branding logo inserted within the search box.By default the search widget will search your blog.The user can opt to search the entire web if he wants..&lt;/span&gt;&lt;a href="" name="more" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;Your blog must be properly indexed by yahoo for this to work efficiently..&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;The To install the widget you may use the widget installer below..&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;span id="fullpost" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&lt;br /&gt;&lt;form action="http://www.bloggerplugins.org/2008/07/_self"&gt;&lt;input type="button" value="Add Yahoo Search Widget to Blog" /&gt;&lt;/form&gt;&lt;br /&gt;Note:-If you are reading this in a feed reader the widget installer may not be displayed properly..So just visit the original post to get it installed..&lt;/span&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5523907696776590786-2377662487781495489?l=bestbloggerwidgets.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://bestbloggerwidgets.blogspot.com/feeds/2377662487781495489/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/yahoo-search-widget-blogger-blogspot.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/2377662487781495489'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/2377662487781495489'/><link rel='alternate' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/yahoo-search-widget-blogger-blogspot.html' title='Yahoo Search Widget Blogger / Blogspot'/><author><name>WorldStarNepHop</name><uri>http://www.blogger.com/profile/02834725302008809621</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/-V20p8cq7NXI/TuARcVnbUWI/AAAAAAAADrg/AJgSDm0HWs4/s72-c/yahoo-search-widget-preview.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5523907696776590786.post-2935425275205433050</id><published>2011-12-07T17:18:00.000-08:00</published><updated>2011-12-08T05:39:38.939-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger Widgets'/><title type='text'>30 + Blogger Widgets And Pluggins</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-lm_dwLgRjxQ/TuAQRA8vEfI/AAAAAAAADrY/eR6NJs4mTkA/s1600/blogger-plugins-widgets.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="76" src="http://4.bp.blogspot.com/-lm_dwLgRjxQ/TuAQRA8vEfI/AAAAAAAADrY/eR6NJs4mTkA/s320/blogger-plugins-widgets.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="background-color: white; text-align: left;"&gt;&lt;span class="Apple-style-span" style="font-family: Georgia, serif;"&gt;&lt;span class="Apple-style-span" style="font-size: 14px; line-height: 22px;"&gt;30 + Blogger Widgets And Pluggins&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="background-color: white; font-family: Georgia, serif; font-size: 14px; line-height: 22px; text-align: left;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="background-color: white; font-family: Georgia, serif; font-size: 14px; line-height: 22px; text-align: left;"&gt;Blogger platform has undergone major improvements in last two years. Not only the blogger development team has added several new features to the platform,, but countless new blogger templates are being developed around the globe. Here are some best widgets and plugins for blogger powered blog that can spice up your blog for better reader experience.&lt;/div&gt;&lt;div align="center" style="background-color: white; font-family: Georgia, serif; font-size: 14px; line-height: 22px;"&gt;&lt;br /&gt;&lt;img alt="Blogger Widgets And Plugins" src="http://i307.photobucket.com/albums/nn282/mintblogger/blogger-plugins-widgets.png" /&gt;&lt;/div&gt;&lt;br style="background-color: white; font-family: Georgia, serif; font-size: 14px; line-height: 22px; text-align: left;" /&gt;&lt;span id="fullpost" style="background-color: white; display: inline; font-family: Georgia, serif; font-size: 14px; line-height: 22px; text-align: left;"&gt;&lt;br /&gt;&lt;b&gt;1.&amp;nbsp;&lt;a href="http://www.bloggerplugins.org/2008/06/top-commentators-widget-for-blogger.html" style="color: #2361a1; text-decoration: none;"&gt;Top Commentators Widget by BloggerPlugins&lt;/a&gt;&amp;nbsp;-&amp;nbsp;&lt;/b&gt;This excellent plugin has two versions. One for blogs having small number of comments and the second variant for blogs receiving lots of comments.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;2.&amp;nbsp;&lt;a href="http://www.bloggerplugins.org/2008/06/blog-tanslation-widget-for-blogger.html" style="color: #2361a1; text-decoration: none;"&gt;Translation Widget by BloggerPlugins&lt;/a&gt;&amp;nbsp;-&amp;nbsp;&lt;/b&gt;This one click install widget add multiple language translation support to your blogger blog.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;3.&amp;nbsp;&lt;a href="http://www.bloggerplugins.org/2007/11/recent-posts-widget-plugin_25.html" style="color: #2361a1; text-decoration: none;"&gt;Recent Post Widget by BloggerPlugins&lt;/a&gt;&amp;nbsp;-&amp;nbsp;&lt;/b&gt;This is highly customizable widget. You can set number of posts to display, post summary and it's length.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;4.&amp;nbsp;&lt;a href="http://www.bloggerplugins.org/2007/11/recent-comments-widget-plugin_25.html" style="color: #2361a1; text-decoration: none;"&gt;Recent Comments Widget by BloggerPlugins&lt;/a&gt;&amp;nbsp;-&amp;nbsp;&lt;/b&gt;A highly customizable widget. You can set the number of comments to display, author name, date and size of comment. You can also use CSS to gel it with your theme.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;5.&amp;nbsp;&lt;a href="http://phy3blog.googlepages.com/Beta-Blogger-Label-Cloud.html" style="color: #2361a1; text-decoration: none;"&gt;Label Cloud Plugin by phydeaux3&lt;/a&gt;&amp;nbsp;-&amp;nbsp;&lt;/b&gt;This is one of the most popular label cloud generation plugin for blogger. You can customize various options after installing this plugin.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;6.&amp;nbsp;&lt;a href="http://purplemoggy.blogspot.com/2007/04/blogger-calendar-archive.html" style="color: #2361a1; text-decoration: none;"&gt;Archive Calendar Widget by PurpleMoggy&lt;/a&gt;&amp;nbsp;-&amp;nbsp;&lt;/b&gt;Very impressive archive calendar widget with customizable options.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;7.&amp;nbsp;&lt;a href="http://phydeaux3.blogspot.com/2007/04/blogger-archive-calender.html" style="color: #2361a1; text-decoration: none;"&gt;Archive Calendar Widget by phydeaux3&lt;/a&gt;&amp;nbsp;-&amp;nbsp;&lt;/b&gt;Another very popular archive calendar widget. Highly customizable for better browsing experience for the readers.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;8.&amp;nbsp;&lt;a href="http://itde.vccs.edu/rss2js/build.php" style="color: #2361a1; text-decoration: none;"&gt;Recent Posts Widget by Feed2JS&lt;/a&gt;&amp;nbsp;-&amp;nbsp;&lt;/b&gt;This excellent plugin makes plugin installation and customization very easy. Just fill in the form and click the button to generate widget code.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;9.&amp;nbsp;&lt;a href="http://blogger-templates.blogspot.com/2007/03/recent-comments.html" style="color: #2361a1; text-decoration: none;"&gt;Recent Comments Widgets by Blogger-Templates&lt;/a&gt;&amp;nbsp;-&amp;nbsp;&lt;/b&gt;Just fill in the options in the form and one click widget code generation. Excellent plugin which is highly customizable.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;10.&amp;nbsp;&lt;a href="http://blogger-templates-designs.blogspot.com/2008/10/how-to-picasa-web-albums-slideshow-with.html" style="color: #2361a1; text-decoration: none;"&gt;Picasa Web Albums Slideshow Widget by Blogger Templates Designs&lt;/a&gt;&amp;nbsp;-&amp;nbsp;&lt;/b&gt;A unique plugin to show photo slideshow from any picasa account. Ideal for personal blogs, photo blogs and web design blogs.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;11.&amp;nbsp;&lt;a href="http://blogger-templates-designs.blogspot.com/2008/10/widgets-add-search-form-in-blogger.html" style="color: #2361a1; text-decoration: none;"&gt;Search Form Widget by Blogger Templates Designs&lt;/a&gt;&amp;nbsp;-&amp;nbsp;&lt;/b&gt;If you want to add site search box in your blog's sidebar, install this plugin.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;12.&amp;nbsp;&lt;a href="http://blogger-templates-designs.blogspot.com/2008/10/widgets-add-google-talk-to-your-blogger.html" style="color: #2361a1; text-decoration: none;"&gt;Google Talk Widget by Blogger Templates Designs&lt;/a&gt;&amp;nbsp;-&amp;nbsp;&lt;/b&gt;This plugin adds the Google Talk client to your blog so that your readers can directly converse with you.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;13.&amp;nbsp;&lt;a href="http://blogger-templates-designs.blogspot.com/2008/10/plugins-recent-comments-widgets-in.html" style="color: #2361a1; text-decoration: none;"&gt;Recent Comments Widget by Blogger Templates Designs&lt;/a&gt;&amp;nbsp;-&amp;nbsp;&lt;/b&gt;Yet another recent comments widget with customizable options and one-click install.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;14.&amp;nbsp;&lt;a href="http://blogger-templates-designs.blogspot.com/2008/10/sudoku-widgets-generates-random-puzzles.html" style="color: #2361a1; text-decoration: none;"&gt;Sudoku Game Widget by Blogger Templates Designs&lt;/a&gt;&amp;nbsp;-&amp;nbsp;&lt;/b&gt;Want to add some interesting puzzle games for your visitors? Then install this plugin to integrate sudoku puzzle game in your blogger blog.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;15.&amp;nbsp;&lt;a href="http://www.madtomatoe.com/google-translate-mini-flags-widget/" style="color: #2361a1; text-decoration: none;"&gt;Google Translate Mini-Flags Widget by MadToMatoe&lt;/a&gt;&amp;nbsp;-&amp;nbsp;&lt;/b&gt;Very useful translation plugin powered by 'Google Translate'. One click install with multiple language translation facility.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;16.&amp;nbsp;&lt;a href="http://www.madtomatoe.com/recent-comments-widget-for-blogger/" style="color: #2361a1; text-decoration: none;"&gt;Recent Comments Widgets by MadToMatoe&lt;/a&gt;&amp;nbsp;-&amp;nbsp;&lt;/b&gt;One more recent comments widget for blogger blogs. Again you can customize the number of recent comments to be displayed.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;17.&amp;nbsp;&lt;a href="http://themelib.com/2008/11/reactions-blogger-widget-a-mini-poll-for-your-blog/" style="color: #2361a1; text-decoration: none;"&gt;Reactions Mini-Poll Widget by ThemeLib&lt;/a&gt;&amp;nbsp;-&amp;nbsp;&lt;/b&gt;Want to host a poll on your blogger blog? Install this plugin and get customizable polls for your readers.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;18.&amp;nbsp;&lt;a href="http://www.techknowl.com/2008/11/alexa-traffic-widget-for-blogger-with.html" style="color: #2361a1; text-decoration: none;"&gt;Alexa Traffic Widget by TechKnowl&lt;/a&gt;&amp;nbsp;-&amp;nbsp;&lt;/b&gt;Display your Alexa stats with this customizable widget.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;19.&amp;nbsp;&lt;a href="http://www.techknowl.com/2008/12/snow-flakes-widget-in-blogger.html" style="color: #2361a1; text-decoration: none;"&gt;Snow Flakes Widget by TechKnowl&lt;/a&gt;&amp;nbsp;-&amp;nbsp;&lt;/b&gt;Add a stunning snowfall effect in your blogger template in the festive season.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;20.&amp;nbsp;&lt;a href="http://www.techknowl.com/2008/12/show-popular-posts-on-blogger.html" style="color: #2361a1; text-decoration: none;"&gt;Popular Posts Widget by TechKnowl&lt;/a&gt;&amp;nbsp;-&amp;nbsp;&lt;/b&gt;A very simple popular posts plugin using Yahoo pipes to filter out popular posts on your blog.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;21.&amp;nbsp;&lt;a href="http://www.techknowl.com/2008/10/flash-mp3-music-player-code-for.html" style="color: #2361a1; text-decoration: none;"&gt;Flash MP3 Player Widget by TechKnowl&lt;/a&gt;&amp;nbsp;-&amp;nbsp;&lt;/b&gt;This cool plugin allows you to embed flash mp3 player in your blogger blog. The player is very light with custom options.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;22.&amp;nbsp;&lt;a href="http://www.outbrain.com/get/ratings" style="color: #2361a1; text-decoration: none;"&gt;Rating Widget by Outbrain&lt;/a&gt;&amp;nbsp;-&amp;nbsp;&lt;/b&gt;If you want to integrate rating system with your blogger posts, then this excellent plugin is the best choice. It has rating system plus related posts integration in same widget.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;23.&amp;nbsp;&lt;a href="http://beautifulbeta.blogspot.com/2007/04/blogtoc-widget-released.html" style="color: #2361a1; text-decoration: none;"&gt;Multi-tab TOC Widget by Beautiful Beta&lt;/a&gt;&amp;nbsp;-&amp;nbsp;&lt;/b&gt;If you want to display multi-tab table of contents section in your blogger blog, then install this widget. Very popular among blogger users.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;24.&amp;nbsp;&lt;a href="http://hoctro.blogspot.com/2007/05/introducing-tabview-widget.html" style="color: #2361a1; text-decoration: none;"&gt;Tab View Widget by Hoctro&lt;/a&gt;&amp;nbsp;-&amp;nbsp;&lt;/b&gt;The coolest plugin showing tabbed posts with animated post excerpts. A must for your blog's sidebar.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;25.&amp;nbsp;&lt;a href="http://freeyasoul.blogspot.com/2006/10/random-rotating-banner-hack.html" style="color: #2361a1; text-decoration: none;"&gt;Random/Rotating Banner Widget by FreeYaSoul&lt;/a&gt;&amp;nbsp;-&amp;nbsp;&lt;/b&gt;Very useful widget for displaying rotating banners in your blog's header. You can customize and can choose any number of headers.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;26.&amp;nbsp;&lt;a href="http://blog.lasvak.com/2008/10/socialbookmarking-blogger-widget/" style="color: #2361a1; text-decoration: none;"&gt;Social Bookmarking Widget by Lasvak&lt;/a&gt;&amp;nbsp;-&amp;nbsp;&lt;/b&gt;This is perhaps the most easily installable bookmarking widget for blogger. Just copy and paste a single line of code in your blogger template and your bookmarking icons are ready.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;27.&amp;nbsp;&lt;a href="http://www.etienneteo.com/2007/07/bloggers-buy-me-beer-paypal-donation.html" style="color: #2361a1; text-decoration: none;"&gt;Paypal Donation Widgets by Etienne&lt;/a&gt;&amp;nbsp;-&amp;nbsp;&lt;/b&gt;Integrate different types of paypal donation widget in your blogger blog with ease.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;28.&amp;nbsp;&lt;a href="http://www.talkr.com/partners/index.html" style="color: #2361a1; text-decoration: none;"&gt;Podcating Plugin by Talkr&lt;/a&gt;&amp;nbsp;-&amp;nbsp;&lt;/b&gt;If you want to integrate podcasts to your blog, register for this service and get free podcasting plugin for your blogger blog.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;29.&amp;nbsp;&lt;a href="http://www.eblogtemplates.com/how-to-create-a-whats-next-post-footer-section/" style="color: #2361a1; text-decoration: none;"&gt;What's Next? Section Widget by eblogtemplates&lt;/a&gt;&amp;nbsp;-&amp;nbsp;&lt;/b&gt;Integrate a Wordpress style 'What's Next' section below blogger posts with this excellent widget.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;30.&amp;nbsp;&lt;a href="http://www.bloggerbuster.com/2008/04/add-customized-twitter-widget-to-your.html" style="color: #2361a1; text-decoration: none;"&gt;Twitter Profile Widget by BloggerBuster&lt;/a&gt;&amp;nbsp;-&amp;nbsp;&lt;/b&gt;Add your twitter profile and twitter updates with this useful plugin developed by Amanda Fazani.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;31.&amp;nbsp;&lt;a href="http://www.sociofluid.com/blogger-widget.php" style="color: #2361a1; text-decoration: none;"&gt;Bookmarking Widget by SocioFluid&lt;/a&gt;&amp;nbsp;-&amp;nbsp;&lt;/b&gt;One of the best social bookmarking plugin for blogger. Big animated icons with one click installation.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;32.&amp;nbsp;&lt;a href="http://www.codingmix.com/2010/07/recent-comments-widget-for-blogger.html" style="color: #2361a1; text-decoration: none;"&gt;Advanced Recent Comments Widget by Csabi&lt;/a&gt;&amp;nbsp;-&amp;nbsp;&lt;/b&gt;This is highly customizable recent comments widget. The number of configurable options provided by this widget makes it one of the best recent comment widgets for blogger platform.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5523907696776590786-2935425275205433050?l=bestbloggerwidgets.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://bestbloggerwidgets.blogspot.com/feeds/2935425275205433050/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/30-blogger-widgets-and-pluggins.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/2935425275205433050'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/2935425275205433050'/><link rel='alternate' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/30-blogger-widgets-and-pluggins.html' title='30 + Blogger Widgets And Pluggins'/><author><name>WorldStarNepHop</name><uri>http://www.blogger.com/profile/02834725302008809621</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/-lm_dwLgRjxQ/TuAQRA8vEfI/AAAAAAAADrY/eR6NJs4mTkA/s72-c/blogger-plugins-widgets.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5523907696776590786.post-6789709260781645491</id><published>2011-12-07T17:14:00.000-08:00</published><updated>2011-12-08T05:39:38.951-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger Widgets'/><title type='text'>25 Great Blogger Widgets</title><content type='html'>&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-bAb-qNp-aFw/TuAPgosYyaI/AAAAAAAADrQ/qVnZGcGtgFo/s1600/blogger-logo-thumb.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/-bAb-qNp-aFw/TuAPgosYyaI/AAAAAAAADrQ/qVnZGcGtgFo/s1600/blogger-logo-thumb.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;Many people think that&amp;nbsp;&lt;a href="http://www.blogger.com/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1e598e; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"&gt;Blogger&lt;/a&gt;&amp;nbsp;lacks in all of the extra goodies you can add to other platforms like&amp;nbsp;&lt;a href="http://www.wordpress.com/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1e598e; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"&gt;WordPress&lt;/a&gt;, but it simply isn’t true. By using widgets you can customize your blog as much as you like by just adding little snippets of code to the sidebars.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;Allow users to talk to you via IM, see what your most popular posts are, or even read news from sites such as Mashable. With these 25 widgets, you can create an even more powerful way of communicating with your visitors, just make sure you don’t overload them with too many!&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;em style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;What are some of your favorite widgets for use on Blogger?&lt;/em&gt;&lt;/div&gt;&lt;hr style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: dotted; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-style: initial; border-top-style: none; border-width: initial; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; height: 1px; line-height: 21px; margin-bottom: 24px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /&gt;&lt;h2 style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 21px; margin-bottom: 24px; margin-left: 0px; margin-right: 0px; margin-top: 24px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;Communications Widgets&lt;/h2&gt;&lt;hr style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: dotted; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-style: initial; border-top-style: none; border-width: initial; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; height: 1px; line-height: 21px; margin-bottom: 24px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;/div&gt;&lt;center style="color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px;"&gt;&lt;img alt="meebo me" class="alignnone size-full wp-image-65771" height="515" src="http://4.mshcdn.com/wp-content/uploads/2009/01/meebome.png" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" title="meebo me" width="550" /&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;/div&gt;&lt;/center&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;a href="http://www.bloggerplugins.org/2008/06/google-talk-widget-for-blogger-blogspot.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1e598e; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"&gt;Google Talk&lt;/a&gt;&amp;nbsp;– Give visitors the ability to talk to you via Google Talk directly from your blog sidebar.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;a href="http://www.jaxtr.com/user/widgets.jsp" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1e598e; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"&gt;Jaxtr&lt;/a&gt;&amp;nbsp;– Create a widget that allows people to call you on the phone without revealing the phone number to them.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;a href="http://www.meebome.com/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1e598e; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"&gt;Meebo Me&lt;/a&gt;&amp;nbsp;– Meebo Me will allow you to create a chat box that you can install on your Blogger page, giving you the chance to converse with visitors to your site.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;a href="http://www.skype.com/share/buttons/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1e598e; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"&gt;Skype&lt;/a&gt;&amp;nbsp;– The official Skype widget allows you to create various buttons that can show your current status and also allows people to just click it and give you a call.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;a href="http://www.tag-board.com/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1e598e; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"&gt;Tag-Board&lt;/a&gt;&amp;nbsp;– Allows you to add a real-time chat board to your blog that your visitors and you can use to converse.&lt;/div&gt;&lt;hr style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: dotted; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-style: initial; border-top-style: none; border-width: initial; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; height: 1px; line-height: 21px; margin-bottom: 24px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /&gt;&lt;h2 style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 21px; margin-bottom: 24px; margin-left: 0px; margin-right: 0px; margin-top: 24px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;Social Widgets&lt;/h2&gt;&lt;hr style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: dotted; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-style: initial; border-top-style: none; border-width: initial; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; height: 1px; line-height: 21px; margin-bottom: 24px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;/div&gt;&lt;center style="color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px;"&gt;&lt;img alt="socialfeed" class="alignnone size-full wp-image-65783" height="350" src="http://8.mshcdn.com/wp-content/uploads/2009/01/socialfeed.gif" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" title="socialfeed" width="200" /&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;/div&gt;&lt;/center&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;a href="http://delicious.com/help/linkrolls" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1e598e; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"&gt;Delicious Linkrolls&lt;/a&gt;&amp;nbsp;– Share your Delicious bookmarks with the world with this easy to install linkroll widget.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;a href="http://www.widgetbox.com/widget/friendfeed-widget" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1e598e; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"&gt;FriendFeed Widget&lt;/a&gt;&amp;nbsp;– Share all of your FriendFeed activity with the readers of your site.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;a href="http://www.google.com/friendconnect/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1e598e; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"&gt;Google Friend Connect&lt;/a&gt;&amp;nbsp;– A makeshift social network that runs across any site that has installed Google Friend Connect.&amp;nbsp; You can join a site, see the other members, play games and more.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;a href="http://www.linkedinabox.com/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1e598e; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"&gt;LinkedInABox&lt;/a&gt;&amp;nbsp;– LinkedInABox retrieves your LinkedIn profile to display on your blog, allowing people to look through things such as your specialties and experience.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;a href="http://www.mybloglog.com/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1e598e; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"&gt;MyBlogLog&lt;/a&gt;&amp;nbsp;– If someone visits your blog that is also a member of MyBlogLog, their avatar and username will appear in the box.&amp;nbsp; You can then click on any person to check out their profile on the service.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;a href="http://twitter.com/widgets/blogger" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1e598e; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"&gt;Twitter&lt;/a&gt;&amp;nbsp;– Add your Twitter stream to your blog and display anywhere from your last tweet to the last twenty. Also gives a link for people to be able to follow you.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;a href="http://www.widgetbox.com/widget/facebook-share" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1e598e; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"&gt;Share on Facebook&lt;/a&gt;&amp;nbsp;– A simple widget that allows your readers to share items from your blog on Facebook.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;a href="http://www.widgetbox.com/widget/socialfeed-widget-twitter-pownce-vimeo-digg" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1e598e; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"&gt;SocialFeed&lt;/a&gt;&amp;nbsp;– A miniature lifestreaming widget that broadcasts your activities on sites such as Twitter, StumbleUpon, Last.fm and so on.&amp;nbsp; Has several different skins you can choose from.&lt;/div&gt;&lt;hr style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: dotted; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-style: initial; border-top-style: none; border-width: initial; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; height: 1px; line-height: 21px; margin-bottom: 24px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /&gt;&lt;h2 style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 21px; margin-bottom: 24px; margin-left: 0px; margin-right: 0px; margin-top: 24px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;Utility Widgets&lt;/h2&gt;&lt;hr style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: dotted; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-style: initial; border-top-style: none; border-width: initial; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; height: 1px; line-height: 21px; margin-bottom: 24px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;/div&gt;&lt;center style="color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px;"&gt;&lt;img alt="easy comments" class="alignnone size-full wp-image-65794" height="250" src="http://7.mshcdn.com/wp-content/uploads/2009/01/easycomments.gif" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" title="easy comments" width="468" /&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;/div&gt;&lt;/center&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;a href="http://www.addthis.com/web-button-select" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1e598e; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"&gt;Add This&lt;/a&gt;&amp;nbsp;– The popular social bookmarking button is available for Blogger accounts.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;a href="http://www.widgetbox.com/widget/comments" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1e598e; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"&gt;Easy Comments&lt;/a&gt;&amp;nbsp;– This widget allows you to add commenting to any page of your site by placing the widget at the bottom of a page.&amp;nbsp; Allows people to say if they liked the comment, includes comment threading and more.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;a href="http://code.google.com/apis/ajaxsearch/web.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1e598e; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"&gt;Google Search&lt;/a&gt;&amp;nbsp;– Add an AJAX powered Google search box to your blog that you can allow to search the web and your blog, or even just restrict it to the contents of your site.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;a href="http://www.bloggerbuster.com/2008/04/popular-posts-most-commented-widget-for.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1e598e; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"&gt;Popular Posts&lt;/a&gt;&amp;nbsp;– This widget will take a look at your comments, up to the last 5,000, and generate a list of which posts had the most conversation around them.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;a href="http://www.bloggerbuster.com/2007/08/create-your-oen-recent-comments-widgets.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1e598e; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"&gt;Recent Comments&lt;/a&gt;&amp;nbsp;– Display the most recent comments on your blog in this widget so that readers can join in the conversation.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;a href="http://www.jackbook.com/blogger-hack-blogspot-hack-blogger-templates-customizing/related-posts-entries-on-blogger-blogspot" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1e598e; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"&gt;Related Posts&lt;/a&gt;&amp;nbsp;– Not so much a widget as a hack, this will give you the related post functionality that so many WordPress powered blogs use.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;a href="http://sharethis.com/publishers/getbutton/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1e598e; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"&gt;ShareThis&lt;/a&gt;&amp;nbsp;– The highly customizable green button that ShareThis is known for can be added to your blog.&amp;nbsp; Choose if you want it for social bookmarking, users emailing your posts and more.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;a href="http://www.widgetbox.com/widget/shoutlist-icons" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1e598e; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"&gt;Shout List Icons&lt;/a&gt;&amp;nbsp;– Be the king (or queen) of social sharing with this widget that generates icons for over 30 social sites your blog can be added to.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;a href="http://phydeaux3.blogspot.com/2006/09/code-for-beta-blogger-label-cloud.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1e598e; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"&gt;Tag/Label Cloud&lt;/a&gt;&amp;nbsp;– Gives you the ability to install a traditional tag cloud in your sidebar so people can see what you write about the most.&lt;/div&gt;&lt;hr style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: dotted; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-style: initial; border-top-style: none; border-width: initial; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; height: 1px; line-height: 21px; margin-bottom: 24px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /&gt;&lt;h2 style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 21px; margin-bottom: 24px; margin-left: 0px; margin-right: 0px; margin-top: 24px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;Miscellaneous Widgets&lt;/h2&gt;&lt;hr style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: dotted; border-color: initial; border-color: initial; border-left-style: none; border-right-style: none; border-style: initial; border-top-style: none; border-width: initial; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; height: 1px; line-height: 21px; margin-bottom: 24px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;/div&gt;&lt;center style="color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px;"&gt;&lt;img alt="twitter" class="alignnone size-full wp-image-65799" height="417" src="http://4.mshcdn.com/wp-content/uploads/2009/01/twitter.png" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" title="twitter" width="550" /&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;/div&gt;&lt;/center&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;a href="http://www.flickr.com/badge.gne" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1e598e; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"&gt;Flickr&lt;/a&gt;&amp;nbsp;– You can generate an HTML or Flash based badge of your photo stream to share your images with your visitors.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;a href="http://www.yourminis.com/blogs/yourminis/yourminis/http://www.mashable.com" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1e598e; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"&gt;Mashable&lt;/a&gt;&amp;nbsp;– Yes, now you too can share the best web-related news on your blog with the Mashable widget.&lt;/div&gt;&lt;div style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 18px; margin-top: 18px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;a href="http://beautifulbeta.blogspot.com/2006/11/widget-installation-and-downloads-page.html#dlpicasa" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #1e598e; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"&gt;Picasa Albums&lt;/a&gt;&amp;nbsp;– Display your public Picasa albums in your blog sidebar with this handy widget.&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5523907696776590786-6789709260781645491?l=bestbloggerwidgets.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://bestbloggerwidgets.blogspot.com/feeds/6789709260781645491/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/25-great-blogger-widgets.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/6789709260781645491'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/6789709260781645491'/><link rel='alternate' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/25-great-blogger-widgets.html' title='25 Great Blogger Widgets'/><author><name>WorldStarNepHop</name><uri>http://www.blogger.com/profile/02834725302008809621</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/-bAb-qNp-aFw/TuAPgosYyaI/AAAAAAAADrQ/qVnZGcGtgFo/s72-c/blogger-logo-thumb.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5523907696776590786.post-8720978374325996063</id><published>2011-12-07T09:06:00.000-08:00</published><updated>2011-12-08T05:39:38.968-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger Widgets'/><title type='text'>PayPal Donation Button Widget - Make Money</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-YUlDSjS1Opw/Tt-cpSy_wqI/AAAAAAAADqo/tcsToOTGhLc/s1600/btn_donateCC_LG.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/-YUlDSjS1Opw/Tt-cpSy_wqI/AAAAAAAADqo/tcsToOTGhLc/s1600/btn_donateCC_LG.gif" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;PayPal Donation Button Widget - Make Money&lt;/span&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Here is a great way for your readers to reward you for all the hard work and effort you've put into your blog. A&amp;nbsp;&lt;/span&gt;&lt;a href="http://tinyurl.com/c6slq9" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;PayPal&lt;/a&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&amp;nbsp;Donation button will allow your readers to easily send you money via PayPal.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="" name="more" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px; text-decoration: underline;"&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br /&gt;&lt;h2 style="background-color: white; color: #0b2561; font-family: 'Droid Serif', Georgia, sans-serif; font-size: 19px; line-height: 24px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;PayPal Icons&lt;/h2&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;These icons can be used as your donation button if you choose to customize.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;img src="http://img266.imageshack.us/img266/6733/payapbutton.gif" style="background-color: white; border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" /&gt;&lt;img src="http://img3.imageshack.us/img3/1167/976286929.png" style="background-color: white; border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" /&gt;&lt;img src="http://img26.imageshack.us/img26/7939/16551242381788770599.png" style="background-color: white; border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" /&gt;&lt;img src="http://img23.imageshack.us/img23/3707/greypaypalstamp64.png" style="background-color: white; border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;h2 style="background-color: white; color: #0b2561; font-family: 'Droid Serif', Georgia, sans-serif; font-size: 19px; line-height: 24px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;Adding a Paypal Donation Button&lt;/h2&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Sign into your Paypal account and if you don’t have one you can get a&amp;nbsp;&lt;/span&gt;&lt;a href="http://tinyurl.com/c6slq9" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;span style="font-weight: bold;"&gt;free paypal account here&lt;/span&gt;&lt;/a&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;ol style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 22px;"&gt;&lt;li style="margin-bottom: 10px;"&gt;Login into your Paypal account with your paypal E-mail address and password:&lt;/li&gt;&lt;li style="margin-bottom: 10px;"&gt;Click on ‘Merchant Services’ Tab available in the Top Menu&lt;/li&gt;&lt;li style="margin-bottom: 10px;"&gt;When you scroll down your window, you will see a ‘Donations’ link in the ‘PayPal Website Payments Standard’ heading Section.&lt;/li&gt;&lt;li style="margin-bottom: 10px;"&gt;Clicking on the ‘Donate’ link will take you a form where you are asked to fill some information’s like Organization name/service, Donation ID (optional).&lt;/li&gt;&lt;li style="margin-bottom: 10px;"&gt;Click on 'Customize Appearance' in order to use your own image for the button. You may use one of the images above if you like.&lt;/li&gt;&lt;li style="margin-bottom: 10px;"&gt;After Filing the required information click on ‘Create Button’ link.&lt;/li&gt;&lt;li style="margin-bottom: 10px;"&gt;Now you will see some HTML Code, copy it&lt;/li&gt;&lt;/ol&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Adding HTML code into Blogger blog:&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;ol style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 22px;"&gt;&lt;li style="margin-bottom: 10px;"&gt;Sign in into your Blogger Blog and Click on the ‘Layout’ link in your dashboard&lt;/li&gt;&lt;li style="margin-bottom: 10px;"&gt;Click ‘Add a Gadget’ link and select ‘HTML/JavaScript’ option&lt;/li&gt;&lt;li style="margin-bottom: 10px;"&gt;Now paste the HTML code that you copied from your Paypal account and save it.&lt;/li&gt;&lt;li style="margin-bottom: 10px;"&gt;Now open your blog and you will see the ‘Paypal Donate’ button in your blogspot blog sidebar. You can display Donate button wherever you want on your blog like blog Header, footer or its sidebar&lt;/li&gt;&lt;/ol&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Adding HTML code into Wordpress blog:&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;ol style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 22px;"&gt;&lt;li style="margin-bottom: 10px;"&gt;Login into your Wordpress blog and go to its Dashboard&lt;/li&gt;&lt;li style="margin-bottom: 10px;"&gt;Click Presentation –&amp;gt; Widgets&lt;/li&gt;&lt;li style="margin-bottom: 10px;"&gt;Click on the content area in front of ‘Text 1’ widget&lt;/li&gt;&lt;li style="margin-bottom: 10px;"&gt;Paste your HTML code in the content area available and save changes&lt;/li&gt;&lt;li style="margin-bottom: 10px;"&gt;Open your Wordpress blog and check donate button will be in your blog sidebar&lt;/li&gt;&lt;/ol&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;h2 style="background-color: white; color: #0b2561; font-family: 'Droid Serif', Georgia, sans-serif; font-size: 19px; line-height: 24px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;&lt;a href="http://www.zirona.com/software/wordpress-donations-cloud/" style="color: #276dc1;"&gt;Wordpress Donations Cloud&lt;/a&gt;&lt;/h2&gt;&lt;a href="http://www.zirona.com/software/wordpress-donations-cloud/" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;This paypal widget&lt;/a&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&amp;nbsp;is quite useful because it's more than just a button. It allows users to link to their own site when they make a donation. Therefore encouraging your readers to make a donation.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;img src="http://i371.photobucket.com/albums/oo151/wpfuntheme/donation-cloud.png" style="background-color: white; border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;I hope you've found this article to be of great help and I wish all of you much success in your blogging adventures!&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5523907696776590786-8720978374325996063?l=bestbloggerwidgets.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://bestbloggerwidgets.blogspot.com/feeds/8720978374325996063/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/paypal-donation-button-widget-make.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/8720978374325996063'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/8720978374325996063'/><link rel='alternate' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/paypal-donation-button-widget-make.html' title='PayPal Donation Button Widget - Make Money'/><author><name>WorldStarNepHop</name><uri>http://www.blogger.com/profile/02834725302008809621</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/-YUlDSjS1Opw/Tt-cpSy_wqI/AAAAAAAADqo/tcsToOTGhLc/s72-c/btn_donateCC_LG.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5523907696776590786.post-3522200076415644409</id><published>2011-12-07T09:03:00.000-08:00</published><updated>2011-12-08T05:39:38.979-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger Widgets'/><title type='text'>Tip Jar Widget for Blogs makes Money</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-7vUcp6Nkw1g/Tt-cTispnYI/AAAAAAAADqg/uJR2oYESEQM/s1600/scratchback-top-spots.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/-7vUcp6Nkw1g/Tt-cTispnYI/AAAAAAAADqg/uJR2oYESEQM/s1600/scratchback-top-spots.png" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 22px;"&gt;&lt;a href="http://www.scratchback.com/register.php" style="color: #276dc1; font-weight: bold;"&gt;ScratchBack&lt;/a&gt;&amp;nbsp;is a friendly online "tipping system" for bloggers who desire to make a buck from their sidebar. It's a great alternative to a "&lt;a href="http://widgetsforfree.blogspot.com/2009/03/paypal-donation-button-widget-make.html" style="color: #276dc1;"&gt;Paypal Donation&lt;/a&gt;" button, because your potential sponsors will be tempted by a worthwhile reward. This reward is a nice fat link back to their site which no blogger can resist.&lt;br /&gt;&lt;a href="" name="more" style="text-decoration: underline;"&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 style="background-color: white; color: #0b2561; font-family: 'Droid Serif', Georgia, sans-serif; font-size: 19px; line-height: 24px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;&lt;br /&gt;&lt;/h2&gt;&lt;h2 style="background-color: white; color: #0b2561; font-family: 'Droid Serif', Georgia, sans-serif; font-size: 19px; line-height: 24px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;How it Works:&lt;/h2&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;First you will need to&amp;nbsp;&lt;/span&gt;&lt;a href="http://www.scratchback.com/register.php" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;sign up&lt;/a&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&amp;nbsp;and install their widget code on your site. Once you've implemented the code into your blog you should be able to see a nicely sized widget in your sidebar. This should only take a matter of minutes to get your self up and running. Their system allows you to&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; font-weight: bold; line-height: 24px;"&gt;accept tips&lt;/span&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&amp;nbsp;from advertisers and in return they will receive image or text links on your site.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;h2 style="background-color: white; color: #0b2561; font-family: 'Droid Serif', Georgia, sans-serif; font-size: 19px; line-height: 24px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;Payout Rate:&lt;/h2&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;The current commission structure has been switched from 50% to&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; font-weight: bold; line-height: 24px;"&gt;90%&lt;/span&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&amp;nbsp;for the publisher. This is an outrageously wonderful ratio! So you'll make 9 out of every 10 dollars sold on your site (payments made via&amp;nbsp;&lt;/span&gt;&lt;a href="http://widgetsforfree.blogspot.com/2009/03/paypal-donation-button-widget-make.html" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;PayPal&lt;/a&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;).&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;h2 style="background-color: white; color: #0b2561; font-family: 'Droid Serif', Georgia, sans-serif; font-size: 19px; line-height: 24px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;Customization&lt;/h2&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;:&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;You might run in to problems when it comes to blending the widget in with your blog. Other than that, they allow you to choose from multiple themes, and some of which are pretty good looking. And the rest of the designs have a bit of a junky look to them, so don't get too excited...&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;h2 style="background-color: white; color: #0b2561; font-family: 'Droid Serif', Georgia, sans-serif; font-size: 19px; line-height: 24px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;My Experience with ScratchBack:&lt;/h2&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;To be honest, I have only used it on&amp;nbsp;&lt;/span&gt;&lt;a href="http://widgetsforfree.blogspot.com/" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;WidgetsForFree&lt;/a&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;™ for one day and I made only 2 dollars. So I will have to rely on my readers to give us some honest feedback on the longer term use of Scratchback. Although, I might give it a shot once the widget is fully customizable and is capable of matching my blog design.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5523907696776590786-3522200076415644409?l=bestbloggerwidgets.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://bestbloggerwidgets.blogspot.com/feeds/3522200076415644409/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/tip-jar-widget-for-blogs-makes-money.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/3522200076415644409'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/3522200076415644409'/><link rel='alternate' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/tip-jar-widget-for-blogs-makes-money.html' title='Tip Jar Widget for Blogs makes Money'/><author><name>WorldStarNepHop</name><uri>http://www.blogger.com/profile/02834725302008809621</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/-7vUcp6Nkw1g/Tt-cTispnYI/AAAAAAAADqg/uJR2oYESEQM/s72-c/scratchback-top-spots.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5523907696776590786.post-961538236511687132</id><published>2011-12-07T09:02:00.000-08:00</published><updated>2011-12-08T05:39:38.990-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger Widgets'/><title type='text'>502 Twitter Widget Tools, Buttons, and Icons for Engaging your Followers</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-DJVDn8-kgdA/Tt-b1Qtg6YI/AAAAAAAADqQ/94yG2V56ZN8/s1600/THE_POST_ICON.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/-DJVDn8-kgdA/Tt-b1Qtg6YI/AAAAAAAADqQ/94yG2V56ZN8/s1600/THE_POST_ICON.png" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-DJVDn8-kgdA/Tt-b1Qtg6YI/AAAAAAAADqQ/94yG2V56ZN8/s1600/THE_POST_ICON.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/-DJVDn8-kgdA/Tt-b1Qtg6YI/AAAAAAAADqQ/94yG2V56ZN8/s1600/THE_POST_ICON.png" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-DJVDn8-kgdA/Tt-b1Qtg6YI/AAAAAAAADqQ/94yG2V56ZN8/s1600/THE_POST_ICON.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/-DJVDn8-kgdA/Tt-b1Qtg6YI/AAAAAAAADqQ/94yG2V56ZN8/s1600/THE_POST_ICON.png" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-HUG2w7qYsLA/Tt-cFSh0WeI/AAAAAAAADqY/u1AFs5aoU3o/s1600/download+%25281%2529.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/-HUG2w7qYsLA/Tt-cFSh0WeI/AAAAAAAADqY/u1AFs5aoU3o/s1600/download+%25281%2529.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 22px;"&gt;&lt;/div&gt;&lt;h2 class="posttitle" style="color: #555555; font-family: 'Droid Serif', Georgia, sans-serif; font-size: 26px; line-height: 1.15em; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-decoration: none;"&gt;&lt;a href="http://widgetsforfree.blogspot.com/2009/08/20-twitter-widget-tools-buttons-and.html" style="color: black; text-decoration: none;"&gt;502 Twitter Widget Tools, Buttons, and Icons for Engaging your Followers&lt;/a&gt;&lt;/h2&gt;&lt;br /&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 22px;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 22px;"&gt;Twitter is continuing to grow at a most overwhelming rate. As more and more people use twitter...be sure to utilize these&amp;nbsp;&lt;b&gt;twitter resources&lt;/b&gt;&amp;nbsp;on your blog or website as a tool to to expand and connect with your twitter community.&lt;br /&gt;&lt;a href="" name="more" style="text-decoration: underline;"&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Widgets and buttons are a great way to grab your readers attention and hence increase your twitter community. Below you will find links to different sites where you can attain the source code for these widgets and icons. Please enjoy thoroughly!&lt;/div&gt;&lt;h2 style="background-color: white; color: #0b2561; font-family: 'Droid Serif', Georgia, sans-serif; font-size: 19px; line-height: 24px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;Twitter Widgets&lt;/h2&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://www.retweet.com/button" rel="nofollow" style="color: #276dc1;"&gt;ReTweet Button&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;A powerful twitter widget which allows your readers to easily share your blog posts. The button also displays a live count of the amount of times the post has been tweeted! ReTweet allows you to choose from two different sizes of buttons.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://tweetmeme.com/about/retweet_button" rel="nofollow" style="color: #276dc1;"&gt;TweetMeMe Button&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;This twitter widget is very similar to the ReTweet Button but is stylized with a green interface.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://www.backtype.com/widgets/tweetcount" rel="nofollow" style="color: #276dc1;"&gt;BackType TweetCount Widget&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;The widget also counts the number times a certain URL has been tweeted. The great thing about this counter is that you can fully customize it. Choose the background color, border color, text color, etc.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://twittley.com/button.php" rel="nofollow" style="color: #276dc1;"&gt;Twittley&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Yet another&amp;nbsp;&lt;/span&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;twitter button&lt;/b&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&amp;nbsp;which displays the number count of tweets in real-time.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://twittercounter.com/pages/buttons/NJAutoAuction" rel="nofollow" style="color: #276dc1;"&gt;TwitterCounter&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;This widget shows off how many people are following you on twitter. Surely, you'll be able to impress a few tweeters.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://twittercounter.com/pages/remote?from=widget" rel="nofollow" style="color: #276dc1;"&gt;TwitterRemote&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;This widget shows which twitter users recently visited your blog or website.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://4.bp.blogspot.com/_cNpXRtRph18/SpGCv9mRebI/AAAAAAAAD6Y/PWa3YYYilIg/s1600-h/twitter_widgets-twitterremote.png" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;img alt="twitter icon picture" border="0" id="BLOGGER_PHOTO_ID_5373219590930266546" src="http://4.bp.blogspot.com/_cNpXRtRph18/SpGCv9mRebI/AAAAAAAAD6Y/PWa3YYYilIg/s200/twitter_widgets-twitterremote.png" style="border-bottom-color: rgb(216, 216, 216); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-left-width: 1px; border-right-color: rgb(216, 216, 216); border-right-style: none; border-right-width: 1px; border-top-color: rgb(216, 216, 216); border-top-style: none; border-top-width: 1px; border-width: initial; cursor: pointer; height: 200px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; width: 166px;" /&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="hhttp://twitstamp.com/" rel="nofollow" style="color: #276dc1;"&gt;TwitStamp&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;This badge displays your latest tweet with many different styles to choose from.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://3.bp.blogspot.com/_cNpXRtRph18/SpGFDuotvQI/AAAAAAAAD6g/8Olpi3zVbnQ/s1600-h/twitter_widgets-twitstamp.png" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;img alt="twitter icon picture" border="0" id="BLOGGER_PHOTO_ID_5373222129534614786" src="http://3.bp.blogspot.com/_cNpXRtRph18/SpGFDuotvQI/AAAAAAAAD6g/8Olpi3zVbnQ/s400/twitter_widgets-twitstamp.png" style="border-bottom-color: rgb(216, 216, 216); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-left-width: 1px; border-right-color: rgb(216, 216, 216); border-right-style: none; border-right-width: 1px; border-top-color: rgb(216, 216, 216); border-top-style: none; border-top-width: 1px; border-width: initial; cursor: pointer; height: 77px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; width: 400px;" /&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://chrisjf.blogspot.com/2007/03/chris-forbes-original-twitter-badge.html" rel="nofollow" style="color: #276dc1;"&gt;Chris' Original Twitter Badge&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Chris has created a snazzy looking twitter badge which loads in no time.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;img src="http://2.bp.blogspot.com/_s32if1hX_KA/Rfo6LlADeiI/AAAAAAAAAZg/R76EI0Pr6CE/s400/My-Original-Twitter-Badge.gif" style="background-color: white; border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://labs.creazy.net/twitgif/" rel="nofollow" style="color: #276dc1;"&gt;TwitGif&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Create a twitter badge for your blog which scrolls through your most recent tweets.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://deanjrobinson.com/projects/twitt-twoo/" rel="nofollow" style="color: #276dc1;"&gt;Twitt-Twoo&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;A WordPress Plugin which displays your twitter status.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://4.bp.blogspot.com/_cNpXRtRph18/SpGL4klS9nI/AAAAAAAAD6o/bn4QTFkAyAg/s1600-h/twitter_widgets-twitt-twoo.png" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;img alt="twitter icon picture" border="0" id="BLOGGER_PHOTO_ID_5373229634438755954" src="http://4.bp.blogspot.com/_cNpXRtRph18/SpGL4klS9nI/AAAAAAAAD6o/bn4QTFkAyAg/s400/twitter_widgets-twitt-twoo.png" style="border-bottom-color: rgb(216, 216, 216); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-left-width: 1px; border-right-color: rgb(216, 216, 216); border-right-style: none; border-right-width: 1px; border-top-color: rgb(216, 216, 216); border-top-style: none; border-top-width: 1px; border-width: initial; cursor: pointer; height: 98px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; width: 229px;" /&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://twittertag.com/" rel="nofollow" style="color: #276dc1;"&gt;Twitter Tag&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Here is an automatic updating twitter image for your website or blog.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://twittertag.com/statuses/bsaves.html" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;img border="0" src="http://twittertag.com/d8deff/edf2ff/151515/151515/bbbbbb/bsaves.png" style="border-bottom-color: rgb(216, 216, 216); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-left-width: 1px; border-right-color: rgb(216, 216, 216); border-right-style: none; border-right-width: 1px; border-top-color: rgb(216, 216, 216); border-top-style: none; border-top-width: 1px; border-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" /&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://twittertag.com/" rel="nofollow" style="color: #276dc1;"&gt;TwitSig Badge&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;This twitter image updates with your latest tweet by creating a new image every time you update your status. With this in mind, the twitter badge shouldn't take too much time to load on your blog.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://twitter.com/bsaves" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;img src="http://twitsig.com/bsaves.jpg" style="border-bottom-color: rgb(216, 216, 216); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-left-width: 1px; border-right-color: rgb(216, 216, 216); border-right-style: none; border-right-width: 1px; border-top-color: rgb(216, 216, 216); border-top-style: none; border-top-width: 1px; border-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" /&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://twitter.com/goodies/widget_profile" rel="nofollow" style="color: #276dc1;"&gt;Official Twitter Profile Widget&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;This widget loops through your tweets and has a full range of customization options. The&amp;nbsp;&lt;/span&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;twitter widget&lt;/b&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&amp;nbsp;allows you to choose the color scheme, dimensions, and whether or not to loop through your old tweets as well.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://twitter.com/goodies/myspace" rel="nofollow" style="color: #276dc1;"&gt;Add Twitter to MySpace&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;The MySpace Flash Widget integrates Twitter into your MySpace profile page. This is a great twitter widget for myspace!&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://3.bp.blogspot.com/_cNpXRtRph18/SpHcbAi3jOI/AAAAAAAAD6w/MzSZUVcBZyA/s1600-h/twitter_widgets-myspacewidget.png" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;img alt="twitter icon picture" border="0" id="BLOGGER_PHOTO_ID_5373318186990537954" src="http://3.bp.blogspot.com/_cNpXRtRph18/SpHcbAi3jOI/AAAAAAAAD6w/MzSZUVcBZyA/s400/twitter_widgets-myspacewidget.png" style="border-bottom-color: rgb(216, 216, 216); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-left-width: 1px; border-right-color: rgb(216, 216, 216); border-right-style: none; border-right-width: 1px; border-top-color: rgb(216, 216, 216); border-top-style: none; border-top-width: 1px; border-width: initial; cursor: pointer; height: 133px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; width: 264px;" /&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://www.blogger.com/add-gadget?url=http://gadgetsforblogger.googlecode.com/files/twitter-gadget-v1-3.xml" rel="nofollow" style="color: #276dc1;"&gt;Twitter Gadget for Blogger&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Simply display your recent updates on twitter as a list with this gadget. Also featuring a "Follow me On Twitter" link at the bottom of the widget.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://1.bp.blogspot.com/_cNpXRtRph18/SpH7gJSZbpI/AAAAAAAAD64/1Ywo24bNtms/s1600-h/twitter_widgets-blogger-gadget.png" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;img alt="twitter icon picture" border="0" id="BLOGGER_PHOTO_ID_5373352360097181330" src="http://1.bp.blogspot.com/_cNpXRtRph18/SpH7gJSZbpI/AAAAAAAAD64/1Ywo24bNtms/s400/twitter_widgets-blogger-gadget.png" style="border-bottom-color: rgb(216, 216, 216); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-left-width: 1px; border-right-color: rgb(216, 216, 216); border-right-style: none; border-right-width: 1px; border-top-color: rgb(216, 216, 216); border-top-style: none; border-top-width: 1px; border-width: initial; cursor: pointer; height: 87px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; width: 222px;" /&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://www.go2web20.net/twitterFollowBadge/" rel="nofollow" style="color: #276dc1;"&gt;Go2Web20 Badge&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;A simple image which floats on the side of your blog and directs readers to your twitter page when clicked on. Choose whether or not to display "Follow Us", "Follow Me", "Follow", or "My Twitter" in the image. Most people choose the Follow Me on twitter widget instead of the follow us on twitter button because it sounds more personal. You may also customize whether or not to display the twitter widget on the left or right side of your webpage.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://4.bp.blogspot.com/_cNpXRtRph18/SpH-vOqgwLI/AAAAAAAAD7I/hE0XzvhBm8w/s1600-h/twitter_widgets-go2web20.png" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;img alt="twitter icon picture" border="0" id="BLOGGER_PHOTO_ID_5373355917773422770" src="http://4.bp.blogspot.com/_cNpXRtRph18/SpH-vOqgwLI/AAAAAAAAD7I/hE0XzvhBm8w/s400/twitter_widgets-go2web20.png" style="border-bottom-color: rgb(216, 216, 216); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-left-width: 1px; border-right-color: rgb(216, 216, 216); border-right-style: none; border-right-width: 1px; border-top-color: rgb(216, 216, 216); border-top-style: none; border-top-width: 1px; border-width: initial; cursor: pointer; height: 118px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; width: 33px;" /&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://www.tweetsnap.com/" rel="nofollow" style="color: #276dc1;"&gt;TweetSnap&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;TweetSnap creates an image for your twitter account which will always display your latest tweet.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://www.tweetsnap.com/twitter/bsaves" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;img alt="Bsaves" src="http://www.tweetsnap.com/twitter/bsaves.png" style="border-bottom-color: rgb(216, 216, 216); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-left-width: 1px; border-right-color: rgb(216, 216, 216); border-right-style: none; border-right-width: 1px; border-top-color: rgb(216, 216, 216); border-top-style: none; border-top-width: 1px; border-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" /&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://www.twittersticker.com/picksticker.php" rel="nofollow" style="color: #276dc1;"&gt;TwitterSticker&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Another website which creates an image of your latest tweet. TweetSticker allows you to customize the font color, font size, text padding, and text wrap.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://twitter.com/bsaves" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;img border="0" src="http://twittersticker.com/sticker.php?u=bsaves&amp;amp;s=2&amp;amp;z=12&amp;amp;a=0&amp;amp;x=10&amp;amp;y=20&amp;amp;rgb=&amp;amp;f=&amp;amp;w=45" style="border-bottom-color: rgb(216, 216, 216); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-left-width: 1px; border-right-color: rgb(216, 216, 216); border-right-style: none; border-right-width: 1px; border-top-color: rgb(216, 216, 216); border-top-style: none; border-top-width: 1px; border-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" /&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://kentbrewster.com/twitterati/" rel="nofollow" style="color: #276dc1;"&gt;Twitterati Badge&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;A unique twitter widget which displays your twitter friends. Click on one of your friends and you'll be directed to their actual website.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;h2 style="background-color: white; color: #0b2561; font-family: 'Droid Serif', Georgia, sans-serif; font-size: 19px; line-height: 24px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;Twitter Buttons and Icons&lt;/h2&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://twitbuttons.com/" rel="nofollow" style="color: #276dc1;"&gt;225 Buttons from TwitButtons.com&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;TwitButtons allows you to easily copy and paste their button code into your site.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://twitter.com/YourUserName" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;img alt="Twitter Button from twitbuttons.com" src="http://twitbuttons.com/buttons/mytwits/tw12.gif" style="border-bottom-color: rgb(216, 216, 216); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-left-width: 1px; border-right-color: rgb(216, 216, 216); border-right-style: none; border-right-width: 1px; border-top-color: rgb(216, 216, 216); border-top-style: none; border-top-width: 1px; border-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" /&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://www.twitterbuttons.com/twitter-badges.html" rel="nofollow" style="color: #276dc1;"&gt;80 Buttons from TwitterButtons.com&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Make sure to click "More Twitter Buttons" at the bottom of their site to see the full collection. This follow us on twitter widget is my favorite!&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://twitter.com/bsaves" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;img src="http://www.twitterbuttons.com/images/ex/nt11.png" style="border-bottom-color: rgb(216, 216, 216); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-left-width: 1px; border-right-color: rgb(216, 216, 216); border-right-style: none; border-right-width: 1px; border-top-color: rgb(216, 216, 216); border-top-style: none; border-top-width: 1px; border-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" title="By: TwitterButtons.com" /&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://thedesignsuperhero.com/2009/03/tweet-tweet-cute-tweet-another-free-twitter-icon/" rel="nofollow" style="color: #276dc1;"&gt;Cute Twitter Bird by The Design SuperHero&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;3 Variations of the Twitter Bird with 5 different Resolutions.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://1.bp.blogspot.com/_cNpXRtRph18/SphPdfhdl-I/AAAAAAAAD8I/Asn2Gq_Ul5w/s1600-h/icons_thedesignsuperhero.png" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;img alt="twitter icon picture" border="0" id="BLOGGER_PHOTO_ID_5375133523363338210" src="http://1.bp.blogspot.com/_cNpXRtRph18/SphPdfhdl-I/AAAAAAAAD8I/Asn2Gq_Ul5w/s400/icons_thedesignsuperhero.png" style="border-bottom-color: rgb(216, 216, 216); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-left-width: 1px; border-right-color: rgb(216, 216, 216); border-right-style: none; border-right-width: 1px; border-top-color: rgb(216, 216, 216); border-top-style: none; border-top-width: 1px; border-width: initial; cursor: pointer; height: 168px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; width: 400px;" /&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://wefunction.com/2008/07/freebie-twitter-icons-illustration/" rel="nofollow" style="color: #276dc1;"&gt;Twitter Bird by WeFunction&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;3 more adorable variations of the twitter bird.&amp;nbsp;&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://4.bp.blogspot.com/_cNpXRtRph18/SphPWNupjOI/AAAAAAAAD8A/C1IheIRsCS0/s1600-h/icons_wefunction.png" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;img alt="twitter icon picture" border="0" id="BLOGGER_PHOTO_ID_5375133398327725282" src="http://4.bp.blogspot.com/_cNpXRtRph18/SphPWNupjOI/AAAAAAAAD8A/C1IheIRsCS0/s400/icons_wefunction.png" style="border-bottom-color: rgb(216, 216, 216); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-left-width: 1px; border-right-color: rgb(216, 216, 216); border-right-style: none; border-right-width: 1px; border-top-color: rgb(216, 216, 216); border-top-style: none; border-top-width: 1px; border-width: initial; cursor: pointer; height: 141px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; width: 400px;" /&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://www.inspiredm.com/2009/04/12/the-social-bird-icon-set-the-first-inspired-release/" rel="nofollow" style="color: #276dc1;"&gt;The Social Bird Icon Set&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;20 Wonderfully original twitter icons by popular artists for your inspiration. These icons have been released by InspiredMagazaine.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://1.bp.blogspot.com/_cNpXRtRph18/Spg2mj-ctPI/AAAAAAAAD7o/o9kxeme1ayk/s1600-h/icons_inspiredm.png" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;img alt="twitter icon picture" border="0" id="BLOGGER_PHOTO_ID_5375106191386785010" src="http://1.bp.blogspot.com/_cNpXRtRph18/Spg2mj-ctPI/AAAAAAAAD7o/o9kxeme1ayk/s400/icons_inspiredm.png" style="border-bottom-color: rgb(216, 216, 216); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-left-width: 1px; border-right-color: rgb(216, 216, 216); border-right-style: none; border-right-width: 1px; border-top-color: rgb(216, 216, 216); border-top-style: none; border-top-width: 1px; border-width: initial; cursor: pointer; height: 114px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; width: 400px;" /&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://www.littleboxofideas.com/blog/freebies/tweetbird-free-twitter-icon" rel="nofollow" style="color: #276dc1;"&gt;TweetBird Icon&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;1 icon which comes in 512×512, 256×256, 128×128, 64×64 and 32×32 pixel sizes.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://3.bp.blogspot.com/_cNpXRtRph18/Spg4l_21L2I/AAAAAAAAD7w/7uYYZCjkSWk/s1600-h/icons_LBOI-Design.png" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;img alt="twitter icon picture" border="0" id="BLOGGER_PHOTO_ID_5375108380714413922" src="http://3.bp.blogspot.com/_cNpXRtRph18/Spg4l_21L2I/AAAAAAAAD7w/7uYYZCjkSWk/s400/icons_LBOI-Design.png" style="border-bottom-color: rgb(216, 216, 216); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-left-width: 1px; border-right-color: rgb(216, 216, 216); border-right-style: none; border-right-width: 1px; border-top-color: rgb(216, 216, 216); border-top-style: none; border-top-width: 1px; border-width: initial; cursor: pointer; height: 114px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; width: 400px;" /&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://www.littleboxofideas.com/blog/freebies/tweeta-a-free-twitter-bird-icon-set" rel="nofollow" style="color: #276dc1;"&gt;TweetaBird Icon Set&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;2 more cute icons by LittleBoxOfIdeas. Featuring a twitter bird cheerleaders and a queen twitter bird.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://1.bp.blogspot.com/_cNpXRtRph18/SphOi4k78KI/AAAAAAAAD74/EKJSFIjaG10/s1600-h/icons_LBOI-tweeta.png" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;img alt="twitter logo picture" border="0" id="BLOGGER_PHOTO_ID_5375132516476514466" src="http://1.bp.blogspot.com/_cNpXRtRph18/SphOi4k78KI/AAAAAAAAD74/EKJSFIjaG10/s400/icons_LBOI-tweeta.png" style="border-bottom-color: rgb(216, 216, 216); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-left-width: 1px; border-right-color: rgb(216, 216, 216); border-right-style: none; border-right-width: 1px; border-top-color: rgb(216, 216, 216); border-top-style: none; border-top-width: 1px; border-width: initial; cursor: pointer; height: 191px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; width: 400px;" /&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://webtreats.mysitemyway.com/twitter-promo-icon-set/" rel="nofollow" style="color: #276dc1;"&gt;Twitter Icon Promo Pack&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;53 Twitter Icons by WebTreats for you to grab and use on your site.&amp;nbsp;&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://4.bp.blogspot.com/_cNpXRtRph18/SpiQ6JjRPYI/AAAAAAAAD8Q/gFjJLxQm9yk/s1600-h/icons_webtreats.png" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;img alt="twitter logo picture" border="0" id="BLOGGER_PHOTO_ID_5375205483937348994" src="http://4.bp.blogspot.com/_cNpXRtRph18/SpiQ6JjRPYI/AAAAAAAAD8Q/gFjJLxQm9yk/s400/icons_webtreats.png" style="border-bottom-color: rgb(216, 216, 216); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-left-width: 1px; border-right-color: rgb(216, 216, 216); border-right-style: none; border-right-width: 1px; border-top-color: rgb(216, 216, 216); border-top-style: none; border-top-width: 1px; border-width: initial; cursor: pointer; height: 114px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; width: 400px;" /&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://www.webdesign-in.de/mts/10-twitter-buttons-for-free/" rel="nofollow" style="color: #276dc1;"&gt;German Twitter Buttons by MTS&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;10 more twitter buttons for you to enjoy!&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://1.bp.blogspot.com/_cNpXRtRph18/SpiTbHoqBmI/AAAAAAAAD8g/xbAgDpkU7DE/s1600-h/icons_german-mts.png" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5375208249382012514" src="http://1.bp.blogspot.com/_cNpXRtRph18/SpiTbHoqBmI/AAAAAAAAD8g/xbAgDpkU7DE/s400/icons_german-mts.png" style="border-bottom-color: rgb(216, 216, 216); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-left-width: 1px; border-right-color: rgb(216, 216, 216); border-right-style: none; border-right-width: 1px; border-top-color: rgb(216, 216, 216); border-top-style: none; border-top-width: 1px; border-width: initial; cursor: pointer; height: 131px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; width: 400px;" /&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://graphicleftovers.com/blog/tag/free-twitter-graphics/" rel="nofollow" style="color: #276dc1;"&gt;Twitter Graphics by Graphic Leftovers&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;16 twitter graphics in different shapes and forms; such as eggs,lightbulbs,bottle caps, and more.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://3.bp.blogspot.com/_cNpXRtRph18/SpiVXKuUDKI/AAAAAAAAD8o/hsd-ZPE8rWc/s1600-h/icons_graphic-leftovers.png" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5375210380514823330" src="http://3.bp.blogspot.com/_cNpXRtRph18/SpiVXKuUDKI/AAAAAAAAD8o/hsd-ZPE8rWc/s400/icons_graphic-leftovers.png" style="border-bottom-color: rgb(216, 216, 216); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-left-width: 1px; border-right-color: rgb(216, 216, 216); border-right-style: none; border-right-width: 1px; border-top-color: rgb(216, 216, 216); border-top-style: none; border-top-width: 1px; border-width: initial; cursor: pointer; height: 162px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; width: 400px;" /&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://inaliblast.deviantart.com/art/Twitter-Birds-117712134" rel="nofollow" style="color: #276dc1;"&gt;Twitter Birds by Inaliblast&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;8 flying twitter bird icons.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://3.bp.blogspot.com/_cNpXRtRph18/SpiXmrLOdJI/AAAAAAAAD8w/cf3CaPP7K1Q/s1600-h/icons_inabilist.png" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5375212845947319442" src="http://3.bp.blogspot.com/_cNpXRtRph18/SpiXmrLOdJI/AAAAAAAAD8w/cf3CaPP7K1Q/s400/icons_inabilist.png" style="border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; height: 114px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; width: 400px;" /&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://www.productivedreams.com/free-twitter-bird-icon-set/" rel="nofollow" style="color: #276dc1;"&gt;Twitter Bird Icon Set by ProductiveDreams&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;6 High Quality transparent PNG twitter birds.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://3.bp.blogspot.com/_cNpXRtRph18/SpiZ2pFGzSI/AAAAAAAAD9A/7sGGylbVKDI/s1600-h/icons_productivedreams-1.png" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5375215319285943586" src="http://3.bp.blogspot.com/_cNpXRtRph18/SpiZ2pFGzSI/AAAAAAAAD9A/7sGGylbVKDI/s400/icons_productivedreams-1.png" style="border-bottom-color: rgb(216, 216, 216); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-left-width: 1px; border-right-color: rgb(216, 216, 216); border-right-style: none; border-right-width: 1px; border-top-color: rgb(216, 216, 216); border-top-style: none; border-top-width: 1px; border-width: initial; cursor: pointer; height: 191px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; width: 400px;" /&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://www.productivedreams.com/its-twitter-time-free-vector-icon-set/" rel="nofollow" style="color: #276dc1;"&gt;Free Tweet Tweet Vector Icon Set&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;1 Twitter bird with 4 differnet poses, created by ProductiveDreams as well.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://2.bp.blogspot.com/_cNpXRtRph18/SpiZz0u8D_I/AAAAAAAAD84/QasXxACeXYk/s1600-h/icons_productivedreams-2.png" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5375215270874583026" src="http://2.bp.blogspot.com/_cNpXRtRph18/SpiZz0u8D_I/AAAAAAAAD84/QasXxACeXYk/s400/icons_productivedreams-2.png" style="border-bottom-color: rgb(216, 216, 216); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-left-width: 1px; border-right-color: rgb(216, 216, 216); border-right-style: none; border-right-width: 1px; border-top-color: rgb(216, 216, 216); border-top-style: none; border-top-width: 1px; border-width: initial; cursor: pointer; height: 153px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; width: 400px;" /&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://randaclay.com/freebies/free-twitter-graphics/" rel="nofollow" style="color: #276dc1;"&gt;Randa Clay Twitter Graphics&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;18 twitter buttons for gaining new followers.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://2.bp.blogspot.com/_cNpXRtRph18/SpieRmKtC7I/AAAAAAAAD9I/8DuR3exCf7g/s1600-h/icons_randaclay.png" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5375220180407094194" src="http://2.bp.blogspot.com/_cNpXRtRph18/SpieRmKtC7I/AAAAAAAAD9I/8DuR3exCf7g/s400/icons_randaclay.png" style="border-bottom-color: rgb(216, 216, 216); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-left-width: 1px; border-right-color: rgb(216, 216, 216); border-right-style: none; border-right-width: 1px; border-top-color: rgb(216, 216, 216); border-top-style: none; border-top-width: 1px; border-width: initial; cursor: pointer; height: 98px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; width: 400px;" /&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://www.webdesign.fm/free-twitter-icons-happy-birds/" rel="nofollow" style="color: #276dc1;"&gt;Happy Birds by WebDesignFM&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;4 Happy go lucky twitter birds that will encourage both your faithful followers and potential followers.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5523907696776590786-961538236511687132?l=bestbloggerwidgets.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://bestbloggerwidgets.blogspot.com/feeds/961538236511687132/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/502-twitter-widget-tools-buttons-and.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/961538236511687132'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/961538236511687132'/><link rel='alternate' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/502-twitter-widget-tools-buttons-and.html' title='502 Twitter Widget Tools, Buttons, and Icons for Engaging your Followers'/><author><name>WorldStarNepHop</name><uri>http://www.blogger.com/profile/02834725302008809621</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/-DJVDn8-kgdA/Tt-b1Qtg6YI/AAAAAAAADqQ/94yG2V56ZN8/s72-c/THE_POST_ICON.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5523907696776590786.post-3512624556492765472</id><published>2011-12-07T08:45:00.000-08:00</published><updated>2011-12-08T05:39:39.035-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger Widgets'/><title type='text'></title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-nHxjuQPwNc4/Tt-YF9NMnuI/AAAAAAAADqA/D4KX3XuVhi8/s1600/weatherbug.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/-nHxjuQPwNc4/Tt-YF9NMnuI/AAAAAAAADqA/D4KX3XuVhi8/s1600/weatherbug.png" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 24px;"&gt;Having the latest weather updates on your blog keep your site alive and fresh for your visitors. The easiest way to show off your local weather forecast on your website is with weather widgets, which can easily be implemented in your blog. Each weather widget displays the temperature, wind details, and much more.&lt;/span&gt;&lt;a href="" name="more" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px; text-decoration: underline;"&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://www.showmyweather.com/widget/" rel="nofollow" style="color: #276dc1;"&gt;&lt;span style="font-family: Arial, Helvetica, sans-serif;"&gt;Ibegin Weather Widget&lt;/span&gt;&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 24px;"&gt;Just enter your City, Zip Code, or State to show your local weather forecast. This weather widget will show the current weather and weather forecast with small icons.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://1.bp.blogspot.com/_cNpXRtRph18/S1XyzVcI8bI/AAAAAAAAEGg/7XVZF-oEEBs/s1600-h/ibegin.png" imageanchor="1" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;span style="font-family: Arial, Helvetica, sans-serif;"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/_cNpXRtRph18/S1XyzVcI8bI/AAAAAAAAEGg/7XVZF-oEEBs/s320/ibegin.png" style="border-bottom-color: rgb(216, 216, 216); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-left-width: 1px; border-right-color: rgb(216, 216, 216); border-right-style: none; border-right-width: 1px; border-top-color: rgb(216, 216, 216); border-top-style: none; border-top-width: 1px; border-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" /&gt;&lt;/span&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://weather.weatherbug.com/desktop-weather/web-widgets.html" rel="nofollow" style="color: #276dc1;"&gt;&lt;span style="font-family: Arial, Helvetica, sans-serif;"&gt;WeatherBugWidget&lt;/span&gt;&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 24px;"&gt;This WeatherBug widget comes in multiple sizes which display your local weather forecast.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 24px;"&gt;50x250,&amp;nbsp;180x150,&amp;nbsp;160x600,&amp;nbsp;300x250 ,&amp;nbsp;125x125 and&amp;nbsp;728x90.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://3.bp.blogspot.com/_cNpXRtRph18/S1X0SUo-O3I/AAAAAAAAEGo/gAldHneEfeM/s1600-h/weatherbug.png" imageanchor="1" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px; margin-right: 1em;"&gt;&lt;span style="font-family: Arial, Helvetica, sans-serif;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/_cNpXRtRph18/S1X0SUo-O3I/AAAAAAAAEGo/gAldHneEfeM/s320/weatherbug.png" style="border-bottom-color: rgb(216, 216, 216); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-left-width: 1px; border-right-color: rgb(216, 216, 216); border-right-style: none; border-right-width: 1px; border-top-color: rgb(216, 216, 216); border-top-style: none; border-top-width: 1px; border-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" /&gt;&lt;/span&gt;&lt;/a&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&amp;nbsp;&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://www.weather.com/services/oap/weather-widgets.html" rel="nofollow" style="color: #276dc1;"&gt;&lt;span style="font-family: Arial, Helvetica, sans-serif;"&gt;Weather.com Live Weather Widget&lt;/span&gt;&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 24px;"&gt;Another nice weather widget &amp;nbsp;by Weather.com, which can easily be implemented in the sidebar of your blog!&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://www.widgetbox.com/tag/weather" rel="nofollow" style="color: #276dc1;"&gt;&lt;span style="font-family: Arial, Helvetica, sans-serif;"&gt;WidgetBox Weather Widgets&lt;/span&gt;&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 24px;"&gt;Choose from a large selection of widgets to show of your local weather.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://www.weatherreports.com/add_to_your_site.html?location=22207" rel="nofollow" style="color: #276dc1;"&gt;WeatherReports Widget&lt;/a&gt;&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Lets you choose the theme of your weather widget.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;How to Add these Widgets to your Blog?&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Please take note that all of the widgets above can easily be implemented into your blog. These weather widgets are for Blogger, WordPress, Typepad, and all the other blogging platforms. Go to the website and customize the widget, then copy and paste the HTML code into your blog. Then you're done! If you have any questions, please feel free to leave a comment below.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5523907696776590786-3512624556492765472?l=bestbloggerwidgets.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://bestbloggerwidgets.blogspot.com/feeds/3512624556492765472/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/having-latest-weather-updates-on-your.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/3512624556492765472'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/3512624556492765472'/><link rel='alternate' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/having-latest-weather-updates-on-your.html' title=''/><author><name>WorldStarNepHop</name><uri>http://www.blogger.com/profile/02834725302008809621</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://3.bp.blogspot.com/-nHxjuQPwNc4/Tt-YF9NMnuI/AAAAAAAADqA/D4KX3XuVhi8/s72-c/weatherbug.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5523907696776590786.post-1017407628098181816</id><published>2011-12-07T08:42:00.000-08:00</published><updated>2011-12-08T05:39:39.047-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger Widgets'/><title type='text'>Add Google Buzz Share Button - Widget for Blogger</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-UM4QrA65K-M/Tt-XRjVUKpI/AAAAAAAADp4/r7ZLG-g3Tl0/s1600/buzz_buttons.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/-UM4QrA65K-M/Tt-XRjVUKpI/AAAAAAAADp4/r7ZLG-g3Tl0/s1600/buzz_buttons.png" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 22px;"&gt;&lt;a href="http://www.google.com/buzz" rel="nofollow" style="color: #276dc1;"&gt;Google Buzz&lt;/a&gt;&amp;nbsp;is a great social tool which is very similiar to Twitter and Facebook. It's a wonderful way to engage and interact with your readers! Make sure to implement these&amp;nbsp;&lt;b&gt;Google Buzz buttons&lt;/b&gt;&amp;nbsp;into your blogger posts, so that users can easily share your content on Google Buzz.&lt;br /&gt;&lt;a href="" name="more" style="text-decoration: underline;"&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;h2 style="background-color: white; color: #0b2561; font-family: 'Droid Serif', Georgia, sans-serif; font-size: 19px; line-height: 24px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;Add Google Buzz&amp;nbsp;it&amp;nbsp;Button to Blogger&lt;/h2&gt;&lt;div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://3.bp.blogspot.com/_cNpXRtRph18/S5x949r1J-I/AAAAAAAAEIg/aO4DvkzrdkY/s1600-h/butt_it_button.png" imageanchor="1" style="color: #276dc1; margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/_cNpXRtRph18/S5x949r1J-I/AAAAAAAAEIg/aO4DvkzrdkY/s320/butt_it_button.png" style="border-bottom-color: rgb(216, 216, 216); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-left-width: 1px; border-right-color: rgb(216, 216, 216); border-right-style: none; border-right-width: 1px; border-top-color: rgb(216, 216, 216); border-top-style: none; border-top-width: 1px; border-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;ol style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 22px;"&gt;&lt;li style="margin-bottom: 10px;"&gt;Go to&amp;nbsp;&lt;span style="font-weight: bold;"&gt;Layout &amp;gt;Edit HTML&lt;/span&gt;&amp;nbsp;in your Blogger Dashboard.&lt;/li&gt;&lt;li style="margin-bottom: 10px;"&gt;Back up your existing Template before making any changes!&lt;/li&gt;&lt;li style="margin-bottom: 10px;"&gt;Make sure to check the "&lt;span style="font-weight: bold;"&gt;Expand Widget Templates&lt;/span&gt;" box.&lt;/li&gt;&lt;li style="margin-bottom: 10px;"&gt;Here is the&amp;nbsp;&lt;b&gt;Google Buzz it Code&lt;/b&gt;:&lt;br /&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: url(http://1.bp.blogspot.com/_8aZXeWtZzQY/TVAuZbMRlMI/AAAAAAAABxg/qADxB2iBI0I/s000/blockquote.png); background-origin: initial; background-position: 0px 0px; background-repeat: no-repeat no-repeat; color: #abafb9; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 10px; padding-bottom: 0px; padding-left: 50px; padding-right: 50px; padding-top: 0px;"&gt;&amp;lt;div style="float:right;padding:4px;"&amp;gt;&lt;br /&gt;&amp;lt;a expr:href='&amp;amp;quot;http://www.google.com/reader/link?url=&amp;amp;quot; + data:post.url + &amp;amp;quot;&amp;amp;amp;title=&amp;amp;quot; + data:post.title + &amp;amp;quot;&amp;amp;amp;srcTitle=&amp;amp;quot; + data:blog.title+ &amp;amp;quot;&amp;amp;amp;srcURL=&amp;amp;quot; + data:blog.homepageUrl ' rel='nofolloW' style='text-decoration:none;' target='_blank'&amp;gt;&lt;br /&gt;&amp;lt;img alt='Buzz It' src='http://i48.tinypic.com/idyc04.png' style='border:0px;'/&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;/blockquote&gt;&lt;/li&gt;&lt;li style="margin-bottom: 10px;"&gt;Search for this line of code in your template:&lt;br /&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: url(http://1.bp.blogspot.com/_8aZXeWtZzQY/TVAuZbMRlMI/AAAAAAAABxg/qADxB2iBI0I/s000/blockquote.png); background-origin: initial; background-position: 0px 0px; background-repeat: no-repeat no-repeat; color: #abafb9; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 10px; padding-bottom: 0px; padding-left: 50px; padding-right: 50px; padding-top: 0px;"&gt;&amp;lt;div class='post-header-line-1'/&amp;gt;&lt;/blockquote&gt;and place the&amp;nbsp;&lt;b&gt;Google Buzz it Code&lt;/b&gt;&amp;nbsp;right&amp;nbsp;&lt;b&gt;after&lt;/b&gt;&amp;nbsp;the code you searched for above.&lt;br /&gt;If this doesn't work, then search for this code below and place the&amp;nbsp;&lt;b&gt;Google Buzz it Code&lt;/b&gt;&amp;nbsp;directly&lt;b&gt;before&lt;/b&gt;&amp;nbsp;it.&lt;br /&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: url(http://1.bp.blogspot.com/_8aZXeWtZzQY/TVAuZbMRlMI/AAAAAAAABxg/qADxB2iBI0I/s000/blockquote.png); background-origin: initial; background-position: 0px 0px; background-repeat: no-repeat no-repeat; color: #abafb9; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 10px; padding-bottom: 0px; padding-left: 50px; padding-right: 50px; padding-top: 0px;"&gt;&amp;lt;data:post.body/&amp;gt;&lt;/blockquote&gt;&lt;/li&gt;&lt;li style="margin-bottom: 10px;"&gt;Now save your template and you're done!&lt;/li&gt;&lt;/ol&gt;&lt;h2 style="background-color: white; color: #0b2561; font-family: 'Droid Serif', Georgia, sans-serif; font-size: 19px; line-height: 24px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;Add Google Buzz Button with Share Count to Blogger&lt;/h2&gt;&lt;div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://3.bp.blogspot.com/_cNpXRtRph18/S5x-NeuHBdI/AAAAAAAAEIo/7VU6LxIlc98/s1600-h/buzz_it_count.png" imageanchor="1" style="color: #276dc1; margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/_cNpXRtRph18/S5x-NeuHBdI/AAAAAAAAEIo/7VU6LxIlc98/s320/buzz_it_count.png" style="border-bottom-color: rgb(216, 216, 216); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-left-width: 1px; border-right-color: rgb(216, 216, 216); border-right-style: none; border-right-width: 1px; border-top-color: rgb(216, 216, 216); border-top-style: none; border-top-width: 1px; border-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;ol style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 22px;"&gt;&lt;li style="margin-bottom: 10px;"&gt;Here is the&amp;nbsp;&lt;b&gt;Google Buzz it with Share Count Code&lt;/b&gt;&lt;br /&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: url(http://1.bp.blogspot.com/_8aZXeWtZzQY/TVAuZbMRlMI/AAAAAAAABxg/qADxB2iBI0I/s000/blockquote.png); background-origin: initial; background-position: 0px 0px; background-repeat: no-repeat no-repeat; color: #abafb9; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 10px; padding-bottom: 0px; padding-left: 50px; padding-right: 50px; padding-top: 0px;"&gt;&amp;lt;div style="float:right;padding:4px;"&amp;gt; &amp;lt;script type='text/javascript'&amp;gt; njuice_buzz_url = '&amp;lt;data:post.title/&amp;gt;'; njuice_buzz_title = '&amp;lt;data:post.url/&amp;gt;'; njuice_buzz_share = 'reader'; &amp;lt;/script&amp;gt; &amp;lt;script type='text/javascript' src='http://button.njuice.com/buzz.js'/&amp;gt; &amp;lt;/div&amp;gt;&lt;/blockquote&gt;&lt;/li&gt;&lt;li style="margin-bottom: 10px;"&gt;Place the&amp;nbsp;&lt;b&gt;Google Buzz it with Share Count Code&lt;/b&gt;&amp;nbsp;either&lt;br /&gt;directly&amp;nbsp;&lt;b&gt;after&lt;/b&gt;&amp;nbsp;this:&lt;br /&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: url(http://1.bp.blogspot.com/_8aZXeWtZzQY/TVAuZbMRlMI/AAAAAAAABxg/qADxB2iBI0I/s000/blockquote.png); background-origin: initial; background-position: 0px 0px; background-repeat: no-repeat no-repeat; color: #abafb9; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 10px; padding-bottom: 0px; padding-left: 50px; padding-right: 50px; padding-top: 0px;"&gt;&amp;lt;div class='post-header-line-1'/&amp;gt;&lt;/blockquote&gt;OR&lt;br /&gt;directly&amp;nbsp;&lt;b&gt;before&lt;/b&gt;&amp;nbsp;this:&lt;br /&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: url(http://1.bp.blogspot.com/_8aZXeWtZzQY/TVAuZbMRlMI/AAAAAAAABxg/qADxB2iBI0I/s000/blockquote.png); background-origin: initial; background-position: 0px 0px; background-repeat: no-repeat no-repeat; color: #abafb9; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 10px; padding-bottom: 0px; padding-left: 50px; padding-right: 50px; padding-top: 0px;"&gt;&amp;lt;data:post.body/&amp;gt;&lt;/blockquote&gt;&lt;/li&gt;&lt;li style="margin-bottom: 10px;"&gt;To change the style of the widget add either&lt;br /&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: url(http://1.bp.blogspot.com/_8aZXeWtZzQY/TVAuZbMRlMI/AAAAAAAABxg/qADxB2iBI0I/s000/blockquote.png); background-origin: initial; background-position: 0px 0px; background-repeat: no-repeat no-repeat; color: #abafb9; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 10px; padding-bottom: 0px; padding-left: 50px; padding-right: 50px; padding-top: 0px;"&gt;njuice_buzz_size = 'small';&lt;/blockquote&gt;&lt;b&gt;or&lt;/b&gt;&lt;br /&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: url(http://1.bp.blogspot.com/_8aZXeWtZzQY/TVAuZbMRlMI/AAAAAAAABxg/qADxB2iBI0I/s000/blockquote.png); background-origin: initial; background-position: 0px 0px; background-repeat: no-repeat no-repeat; color: #abafb9; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 10px; padding-bottom: 0px; padding-left: 50px; padding-right: 50px; padding-top: 0px;"&gt;njuice_buzz_size = 'simple';&lt;/blockquote&gt;just&amp;nbsp;&lt;b&gt;after&lt;/b&gt;&lt;br /&gt;&lt;blockquote style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: url(http://1.bp.blogspot.com/_8aZXeWtZzQY/TVAuZbMRlMI/AAAAAAAABxg/qADxB2iBI0I/s000/blockquote.png); background-origin: initial; background-position: 0px 0px; background-repeat: no-repeat no-repeat; color: #abafb9; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 10px; padding-bottom: 0px; padding-left: 50px; padding-right: 50px; padding-top: 0px;"&gt;njuice_buzz_share = 'reader';&lt;/blockquote&gt;&lt;/li&gt;&lt;li style="margin-bottom: 10px;"&gt;Save your&amp;nbsp;&lt;a href="http://widgetsforfree.blogspot.com/2009/06/great-blogger-templates-and-wordpress.html" style="color: #276dc1;"&gt;blogger template&lt;/a&gt;&amp;nbsp;and you're done!&lt;/li&gt;&lt;/ol&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5523907696776590786-1017407628098181816?l=bestbloggerwidgets.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://bestbloggerwidgets.blogspot.com/feeds/1017407628098181816/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/add-google-buzz-share-button-widget-for.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/1017407628098181816'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/1017407628098181816'/><link rel='alternate' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/add-google-buzz-share-button-widget-for.html' title='Add Google Buzz Share Button - Widget for Blogger'/><author><name>WorldStarNepHop</name><uri>http://www.blogger.com/profile/02834725302008809621</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/-UM4QrA65K-M/Tt-XRjVUKpI/AAAAAAAADp4/r7ZLG-g3Tl0/s72-c/buzz_buttons.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5523907696776590786.post-3461410273150969267</id><published>2011-12-07T08:40:00.000-08:00</published><updated>2011-12-08T05:39:39.058-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger Widgets'/><title type='text'>10 Facebook Widgets and Tools for Your Website and Blog</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-Unp_1UA32yE/Tt-W2VbdTTI/AAAAAAAADpw/tvOmm3h8Blk/s1600/facebook_widgets.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/-Unp_1UA32yE/Tt-W2VbdTTI/AAAAAAAADpw/tvOmm3h8Blk/s1600/facebook_widgets.png" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Facebook is the largest social networking site with more than 400 million active users and is growing larger every day! Make sure to use these Facebook widgets for your website or blog to connect with your large Facebook audience. You can use these tools to easily share certain profile information, websites, blogs, and businesses with the Facebook community.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="" name="more" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px; text-decoration: underline;"&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br /&gt;&lt;h2 style="background-color: white; color: #0b2561; font-family: 'Droid Serif', Georgia, sans-serif; font-size: 19px; line-height: 24px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;Personal Profile Widgets&lt;/h2&gt;&lt;a href="http://www.facebook.com/facebook-widgets/fanbadges.php" rel="nofollow" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Like Badge&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Display your Facebook pages for all to see.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://www.facebook.com/facebook-widgets/fanbadges.php" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/-yRv1NWAGJA0/TX1_6tnUE5I/AAAAAAAAEWE/I0sS8WFD3IM/s1600/Screen%2Bshot%2B2011-03-13%2Bat%2B10.36.00%2BPM.png" style="border-bottom-color: rgb(216, 216, 216); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-left-width: 1px; border-right-color: rgb(216, 216, 216); border-right-style: none; border-right-width: 1px; border-top-color: rgb(216, 216, 216); border-top-style: none; border-top-width: 1px; border-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" /&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://www.facebook.com/facebook-widgets/profilebadges.php?creating" rel="nofollow" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Profile Badge&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Create a Facebook profile badge to share selected profile information on your website. A profile badge will allow your users to easily connect with you and add you as a friend.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://www.facebook.com/facebook-widgets/photobadges.php?creating" rel="nofollow" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Photo Badge&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;This photo badge allows you to share your Facebook photos on websites and blogs. Choose from a vertical, horizontal, or two-column layout and also choose the number of photos to be displayed.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;h2 style="background-color: white; color: #0b2561; font-family: 'Droid Serif', Georgia, sans-serif; font-size: 19px; line-height: 24px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;Basic Widgets for Website or Blog&lt;/h2&gt;&lt;a href="http://developers.facebook.com/docs/reference/plugins/like-box/" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Like Box&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;This allows your users to publish their content and activity to Facebook.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;a href="http://developers.facebook.com/docs/reference/plugins/like-box/" style="color: #276dc1;"&gt;&lt;img border="0" src="https://lh4.googleusercontent.com/-l2DP9MXPVJU/TX19Ox3TFPI/AAAAAAAAEWA/-WohNpKqBS4/s1600/likebox.png" style="border-bottom-color: rgb(216, 216, 216); border-bottom-style: none; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(216, 216, 216); border-left-style: none; border-left-width: 1px; border-right-color: rgb(216, 216, 216); border-right-style: none; border-right-width: 1px; border-top-color: rgb(216, 216, 216); border-top-style: none; border-top-width: 1px; border-width: initial; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;a href="http://www.facebook.com/facebook-widgets/share.php" rel="nofollow" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Share Button&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;A powerful&amp;nbsp;&lt;/span&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;facebook widget&lt;/b&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&amp;nbsp;which allows your visitors to share your content on Facebook! An excellent Facebook widget for blogger.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://www.facebook.com/facebook-widgets/pagebadges.php" rel="nofollow" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Page Badge&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Lets you share your Facebook page (one that you have created) information on your website.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://www.facebook.com/twitter/" rel="nofollow" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Twitter Link&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Connect your Facebook page with Twitter. Whenever you update your Facebook page, your twitter followers will be updated as well with a tweet. A great Facebook widget for your website!&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;h2 style="background-color: white; color: #0b2561; font-family: 'Droid Serif', Georgia, sans-serif; font-size: 19px; line-height: 24px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;Developers Widgets for Website or Blog&lt;/h2&gt;&lt;a href="http://developers.facebook.com/docs/reference/plugins/like" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Like Button&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Allows facebook users to share web pages from your website on their profile.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://developers.facebook.com/docs/reference/plugins/like" imageanchor="1" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;img border="0" height="76" src="http://1.bp.blogspot.com/-7p-5zh5inZY/TX2DePDxyDI/AAAAAAAAEWU/yoJClDqtGzo/s400/Screen%2Bshot%2B2011-03-13%2Bat%2B10.54.18%2BPM.png" style="border-bottom-color: rgb(232, 232, 232); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(232, 232, 232); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(232, 232, 232); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(232, 232, 232); border-top-style: solid; border-top-width: 1px; border-width: initial; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; padding-top: 8px;" width="387" /&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://developers.facebook.com/docs/reference/plugins/comments/" rel="nofollow" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Comments Box&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Lets your users comment on your website content with their Facebook account.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://developers.facebook.com/docs/reference/plugins/recommendations" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Recommendations&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Provides your website users with personalized suggestions for pages to visit.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://developers.facebook.com/docs/reference/plugins/live-stream/" rel="nofollow" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Live Stream&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Lets Facebook users to post and share content in real-time.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://developers.facebook.com/docs/reference/plugins/activity" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Activity Feed&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://developers.facebook.com/docs/reference/plugins/activity" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;/a&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Lets users know what their facebook friends are doing on your website through comments and likes.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://developers.facebook.com/docs/reference/plugins/login" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Login Button&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://developers.facebook.com/docs/reference/plugins/login" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;&lt;/a&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Displays a login button along with profile pictures of facebook friends who have already signed up.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://developers.facebook.com/docs/reference/plugins/facepile" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Facepile&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Shows profile pictures of people who have liked your facebook page or have signed up for your webpage.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;a href="http://developers.facebook.com/docs/plugins/registration" style="background-color: white; color: #276dc1; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Registration&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 24px;"&gt;Another way for users to sign up for your site.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5523907696776590786-3461410273150969267?l=bestbloggerwidgets.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://bestbloggerwidgets.blogspot.com/feeds/3461410273150969267/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/10-facebook-widgets-and-tools-for-your.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/3461410273150969267'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/3461410273150969267'/><link rel='alternate' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/10-facebook-widgets-and-tools-for-your.html' title='10 Facebook Widgets and Tools for Your Website and Blog'/><author><name>WorldStarNepHop</name><uri>http://www.blogger.com/profile/02834725302008809621</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://1.bp.blogspot.com/-Unp_1UA32yE/Tt-W2VbdTTI/AAAAAAAADpw/tvOmm3h8Blk/s72-c/facebook_widgets.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5523907696776590786.post-1255289605322708097</id><published>2011-12-07T08:22:00.000-08:00</published><updated>2011-12-08T05:39:39.070-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger Widgets'/><title type='text'>Top Authors Widget For Blogger / Blogspot</title><content type='html'>&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;Blogger allows multiple users to contribute to a single blog.So some of your blogs may have multiple authors.This widget is for all those blogs which have multiple blog authors.The top authors widget displays the list of top authors together with the number of posts each of the top authors has made.This statistics is based on the latest 5000 posts on the blog.&lt;/span&gt;&lt;a href="" name="more" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;br /&gt;&lt;li style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px;"&gt;&lt;b&gt;How to Install the Authors Widget For Blogger ?&lt;/b&gt;&lt;/li&gt;&lt;br /&gt;&lt;iframe src="http://tools.bloggerplugins.org/howto.html" style="background-color: white; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; height: 200px; line-height: 19px; width: 570px;"&gt;&lt;/iframe&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;Now you should have a working Top Authors widget on your blogger blog!This widget will encourage your blog team authors to write more and more.&lt;/span&gt;&lt;br /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://bloggerplugins.org/installers/topauthorswidget.html" target="_blank"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/-3HWkLGGmeJM/Tt-SkSH-nyI/AAAAAAAADpk/i2wyj8yhbDc/s1600/add2blogger_lg.gif" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5523907696776590786-1255289605322708097?l=bestbloggerwidgets.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://bestbloggerwidgets.blogspot.com/feeds/1255289605322708097/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/top-authors-widget-for-blogger-blogspot.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/1255289605322708097'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/1255289605322708097'/><link rel='alternate' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/top-authors-widget-for-blogger-blogspot.html' title='Top Authors Widget For Blogger / Blogspot'/><author><name>WorldStarNepHop</name><uri>http://www.blogger.com/profile/02834725302008809621</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/-3HWkLGGmeJM/Tt-SkSH-nyI/AAAAAAAADpk/i2wyj8yhbDc/s72-c/add2blogger_lg.gif' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5523907696776590786.post-6769677763258106713</id><published>2011-12-07T08:20:00.000-08:00</published><updated>2011-12-08T05:39:39.079-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger Widgets'/><title type='text'>Back To Top / Scroll To Top Widget For Blogger / Blogspot</title><content type='html'>&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;You might have seen a Scroll to Top or Back To Top button on many sites and blogs.You can see a similar button here on my blog.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;b style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;Ok what is the advantage of using a scroll to top or back to top widget?&lt;/b&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;When you add the scroll to top widget you will get a button on the right corner and when a user clicks on it he can get back to the top of the blog.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;a href="" name="more" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&lt;/a&gt;&lt;br /&gt;&lt;li style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px;"&gt;&lt;b&gt;How to Install the Back to Top Widget for Blogger&lt;/b&gt;&lt;/li&gt;&lt;br /&gt;&lt;iframe src="http://tools.bloggerplugins.org/howtoinstall.html" style="background-color: white; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; height: 150px; line-height: 19px; width: 570px;"&gt;&lt;/iframe&gt;&lt;form action="http://beta.blogger.com/add-widget" method="post" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&lt;input name="go" src="http://www.blogger.com/img/add/add2blogger_lg.gif" type="image" value="Add widget to your blog" /&gt;&lt;a href="http://beta.blogger.com/add-widget"&gt;http://beta.blogger.com/add-widget&lt;/a&gt;&lt;/form&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;I hope this will improve your blog's navigation interface.This will provide them with an easy way to get back to your blog's top.&amp;nbsp;&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 19px;"&gt;Note:&lt;/span&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&amp;nbsp;If you are reading this in a feed reader, the widget installer maynot work.In that case visit the atual&amp;nbsp;&lt;/span&gt;&lt;a href="http://www.bloggerplugins.org/2009/06/back-to-top-scroll-to-top-widget-for.html" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; text-decoration: none;"&gt;post&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5523907696776590786-6769677763258106713?l=bestbloggerwidgets.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://bestbloggerwidgets.blogspot.com/feeds/6769677763258106713/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/back-to-top-scroll-to-top-widget-for.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/6769677763258106713'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/6769677763258106713'/><link rel='alternate' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/back-to-top-scroll-to-top-widget-for.html' title='Back To Top / Scroll To Top Widget For Blogger / Blogspot'/><author><name>WorldStarNepHop</name><uri>http://www.blogger.com/profile/02834725302008809621</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5523907696776590786.post-4857853448298072778</id><published>2011-12-07T08:16:00.000-08:00</published><updated>2011-12-08T05:39:39.088-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger Widgets'/><title type='text'>Blog Statistics Widget for Blogger / Blogspot</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-0tw9bIw29gE/Tt-RK9QsgZI/AAAAAAAADpc/aw3jFgd_qYQ/s1600/blog-statistics.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/-0tw9bIw29gE/Tt-RK9QsgZI/AAAAAAAADpc/aw3jFgd_qYQ/s1600/blog-statistics.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;By blog statistics, i meant the number of blog posts and number of reader comments on your blog.The blog statistics widget displays the total number of posts and the total number of comments made on your blog as a beautiful sidebar widget.&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;a href="" name="more" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&lt;/a&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;This widget works using javascript ( the json feeds) which finds the number of comments and posts from your blogs feed..&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;To get a blog statistics widget you can use this widget installer.When you use the widget installer make sure that you dont add the http:// part to the url because it is automatically added by the widget installer..Also don't add a slash at the end of the url&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;&lt;a href="http://bloggerplugins.org/installers/blogstatisticswidget.html" rel="lyteframe,nofollow" rev="width: 500px; height: 380px; scrolling: no;" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #444444; text-decoration: none;" title="Blog Statistics Widget Installer"&gt;&lt;img alt="Add Blog Statistics Widget" src="http://www.blogger.com/img/add/add2blogger_lg.gif" style="border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-style: initial; border-top-width: 0px; display: block;" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5523907696776590786-4857853448298072778?l=bestbloggerwidgets.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://bestbloggerwidgets.blogspot.com/feeds/4857853448298072778/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/blog-statistics-widget-for-blogger.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/4857853448298072778'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/4857853448298072778'/><link rel='alternate' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/blog-statistics-widget-for-blogger.html' title='Blog Statistics Widget for Blogger / Blogspot'/><author><name>WorldStarNepHop</name><uri>http://www.blogger.com/profile/02834725302008809621</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/-0tw9bIw29gE/Tt-RK9QsgZI/AAAAAAAADpc/aw3jFgd_qYQ/s72-c/blog-statistics.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5523907696776590786.post-2500890338184216408</id><published>2011-12-07T08:14:00.000-08:00</published><updated>2011-12-08T05:39:39.097-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger Tutorials'/><title type='text'>New UI on Your Blogger Dashboard</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-HApX_xFIvIo/Tt-Qp3Kr3MI/AAAAAAAADpU/-MyGin8tkt8/s1600/image_thumb%255B18%255D.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="318" src="http://4.bp.blogspot.com/-HApX_xFIvIo/Tt-Qp3Kr3MI/AAAAAAAADpU/-MyGin8tkt8/s320/image_thumb%255B18%255D.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;The Blogger’s new UI has now migrated from&amp;nbsp;&lt;a href="http://www.bloggerplugins.org/2011/06/awesome-blogger-dashboard.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; color: #444444;" target="_blank"&gt;Blogger Daft&lt;/a&gt;&amp;nbsp;to the regular Dashboard.If you are a regular reader here, then you must have already seen screenshot of the new UI. Blogger has now made some improvements to&amp;nbsp; the new UI, and has plugged it into the regular dashboard.The new UI also includes an option to Edit your Template Code.&lt;/div&gt;&lt;a href="" name="more" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; text-align: -webkit-auto;"&gt;&lt;/a&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;When you login to your Blogger Dashboard, you should see a notification asking you to check out the New UI.&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;img alt="image" border="0" height="233" src="http://lh5.ggpht.com/-Dc2dFIOc8iM/Tl8xq7hS6BI/AAAAAAAACAM/_UbBAfURZrs/image%25255B56%25255D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="590" /&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;If you dismissed this notification, don’t worry, you can still switch to the new UI.In your Old Dashboard, you will see a link asking you to try the new UI.&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;img alt="image" border="0" height="95" src="http://lh6.ggpht.com/-bhMw2UOGWio/Tl8xsBrSJDI/AAAAAAAACAQ/8fCa-QiGbgc/image%25255B57%25255D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="590" /&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;If you are not able to figure that out, just follow&amp;nbsp;&lt;a href="http://www.blogger.com/opt-in-new-ui.g?useNewUi=true" rel="nofollow" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; color: #444444;" target="_blank"&gt;this link&lt;/a&gt;&amp;nbsp;and you will be taken to the new UI.&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;Here are a few Screen Shots: (Click the image for a larger version)&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;a href="http://lh4.ggpht.com/-cDazlYAcnho/Tl8xtd4zQRI/AAAAAAAACAU/rLZjT8ihLmY/s1600/image%25255B17%25255D.png" rel="nofollow,lytebox[Blogger's New UI]" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #444444; text-decoration: none;" title="Blogger Dashboard"&gt;&lt;img alt="Blogger Dashboard" border="0" height="163" src="http://lh6.ggpht.com/-ZqfNA4kbOfI/Tl8xvFu6bLI/AAAAAAAACAY/dvWcN4kT4Qg/image_thumb%25255B5%25255D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="590" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;a href="http://lh3.ggpht.com/-n4Q_4YdXIiQ/Tl8xwtq9p4I/AAAAAAAACAc/m87Gq0uH-9M/s1600/image%25255B20%25255D.png" rel="nofollow,lytebox[Blogger's New UI]" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #444444; text-decoration: none;" title="Blogger Reading List"&gt;&lt;img alt="Blogger Reading List" border="0" height="315" src="http://lh5.ggpht.com/-DeCoYDuR9kc/Tl8xzCJRbcI/AAAAAAAACAg/yFi1VVhwQzI/image_thumb%25255B6%25255D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="590" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;a href="http://lh3.ggpht.com/-la246hLmgsE/Tl8x09B0IXI/AAAAAAAACAk/0KCuvtd8pHs/s1600/image%25255B14%25255D.png" rel="nofollow,lytebox[Blogger's New UI]" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #444444; text-decoration: none;" title="Blog Overview"&gt;&lt;img alt="Blog Overview" border="0" height="401" src="http://lh6.ggpht.com/-JhtKVYqPGkU/Tl8x3B9WxZI/AAAAAAAACAo/9DWDARDJ5xM/image_thumb%25255B4%25255D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="577" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;a href="http://lh3.ggpht.com/-zKZAALU29AE/Tl8x4pVhOoI/AAAAAAAACAs/mT9FsOEP0i8/s1600/image%25255B23%25255D.png" rel="nofollow,lytebox[Blogger's New UI]" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #444444; text-decoration: none;" title="Blog Posts"&gt;&lt;img alt="Blog Posts" border="0" height="348" src="http://lh4.ggpht.com/-UufIJCPrEfU/Tl8x6EawG_I/AAAAAAAACAw/E9j72nW1zM4/image_thumb%25255B7%25255D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="590" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;a href="http://lh3.ggpht.com/-Zk4ztB4VeDY/Tl8x7fwWbfI/AAAAAAAACA0/5478I-Lr7rg/s1600/image%25255B26%25255D.png" rel="nofollow,lytebox[Blogger's New UI]" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #444444; text-decoration: none;" title="Blog Pages"&gt;&lt;img alt="Blog Pages" border="0" height="375" src="http://lh4.ggpht.com/-uHM9FwIGS8I/Tl8x9AQ4QrI/AAAAAAAACA4/B9H5PsYJyI4/image_thumb%25255B8%25255D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="590" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;a href="http://lh5.ggpht.com/-TeZb3qj2wtw/Tl8x_Q4gXbI/AAAAAAAACA8/i6YbAfnnDl0/s1600/image%25255B29%25255D.png" rel="nofollow,lytebox[Blogger's New UI]" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #444444; text-decoration: none;" title="Blog Comments"&gt;&lt;img alt="Blog Comments" border="0" height="375" src="http://lh5.ggpht.com/-g26yPYg1yZc/Tl8yBIF5tjI/AAAAAAAACBA/hoiaEQHFRn4/image_thumb%25255B9%25255D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="590" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;a href="http://lh4.ggpht.com/-vHAZnOI-1a4/Tl8yCz1FrgI/AAAAAAAACBE/neMOV7FXD4o/s1600/image%25255B32%25255D.png" rel="nofollow,lytebox[Blogger's New UI]" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #444444; text-decoration: none;" title="Blog Stats"&gt;&lt;img alt="Blog Stats" border="0" height="401" src="http://lh4.ggpht.com/-rEw_SuyA2ZU/Tl8yFazD0yI/AAAAAAAACBI/CD6NM7_uVq4/image_thumb%25255B10%25255D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="576" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;a href="http://lh5.ggpht.com/-0ap5NI9A06I/Tl8yGjsbLoI/AAAAAAAACBM/UDIw3juJHUY/s1600/image%25255B51%25255D.png" rel="nofollow,lytebox[Blogger's New UI]" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #444444; text-decoration: none;" title="Blog Earnings"&gt;&lt;img alt="Blog Earnings" border="0" height="368" src="http://lh5.ggpht.com/-veZ1itaC4gQ/Tl8yIImBWMI/AAAAAAAACBQ/hx9ksvlGdjw/image_thumb%25255B16%25255D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="590" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;a href="http://lh4.ggpht.com/-D_T5ObpFASc/Tl8yKlfm-NI/AAAAAAAACBU/nGJuMuJY-iw/s1600/image%25255B48%25255D.png" rel="nofollow,lytebox[Blogger's New UI]" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #444444; text-decoration: none;" title="Blog Layout"&gt;&lt;img alt="Blog Layout" border="0" height="401" src="http://lh6.ggpht.com/-9mdokuM2fVM/Tl8yMNKO7qI/AAAAAAAACBY/PBrW9c4GszI/image_thumb%25255B15%25255D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="541" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;a href="http://lh5.ggpht.com/-3VHqhef9Q3A/Tl8yOpX3zxI/AAAAAAAACBc/vNu2WqeqZYk/s1600/image%25255B35%25255D.png" rel="nofollow,lytebox[Blogger's New UI]" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #444444; text-decoration: none;" title="Blog Template"&gt;&lt;img alt="Blog Template" border="0" height="268" src="http://lh5.ggpht.com/-gx_xpiWiq_8/Tl8yREL9RsI/AAAAAAAACBg/gHo4slWKhXk/image_thumb%25255B11%25255D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="590" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;a href="http://lh6.ggpht.com/-LXf_AwgRP9U/Tl8ySicQxKI/AAAAAAAACBk/FFLDU8vM36g/s1600/image%25255B44%25255D.png" rel="nofollow,lytebox[Blogger's New UI]" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #444444; text-decoration: none;" title="Edit Template HTML"&gt;&lt;img alt="Edit Template HTML" border="0" height="401" src="http://lh6.ggpht.com/-DDTT_1q1gMM/Tl8yU2gb0iI/AAAAAAAACBo/mDVrlWGH1rA/image_thumb%25255B14%25255D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="555" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;a href="http://lh3.ggpht.com/-Z8haF0U5tbQ/Tl8yWGgDc0I/AAAAAAAACBs/K0rhK4YDHJs/s1600/image%25255B38%25255D.png" rel="nofollow,lytebox[Blogger's New UI]" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #444444; text-decoration: none;" title="Blog Settings"&gt;&lt;img alt="Blog Settings" border="0" height="353" src="http://lh4.ggpht.com/-d0ufvOWQ1ow/Tl8yXzp9o0I/AAAAAAAACBw/FeLYKtz40PU/image_thumb%25255B12%25255D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="590" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;If you don’t like the new Interface, you can switch back to the old one.&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;img alt="image" border="0" height="90" src="http://lh6.ggpht.com/-YAPspEjKNYA/Tl8yZdu5IOI/AAAAAAAACB0/vRPmbvFWtCE/image%25255B55%25255D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="590" /&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; text-align: -webkit-auto;"&gt;&lt;ins style="border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; display: inline-table; height: 60px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: relative; visibility: visible; width: 468px;"&gt;&lt;/ins&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5523907696776590786-2500890338184216408?l=bestbloggerwidgets.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://bestbloggerwidgets.blogspot.com/feeds/2500890338184216408/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/new-ui-on-your-blogger-dashboard.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/2500890338184216408'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/2500890338184216408'/><link rel='alternate' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/new-ui-on-your-blogger-dashboard.html' title='New UI on Your Blogger Dashboard'/><author><name>WorldStarNepHop</name><uri>http://www.blogger.com/profile/02834725302008809621</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/-HApX_xFIvIo/Tt-Qp3Kr3MI/AAAAAAAADpU/-MyGin8tkt8/s72-c/image_thumb%255B18%255D.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5523907696776590786.post-8178173856479165395</id><published>2011-12-07T07:36:00.000-08:00</published><updated>2011-12-08T05:39:39.108-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger Widgets'/><title type='text'>Popular Posts &amp; Blog's Stats widgets for Blogger</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-dQ3KecW1q7s/Tt-HzOa1wLI/AAAAAAAADpE/WO_o3KTP0ZY/s1600/popular%255B15%255D.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/-dQ3KecW1q7s/Tt-HzOa1wLI/AAAAAAAADpE/WO_o3KTP0ZY/s1600/popular%255B15%255D.png" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;It has been almost 2 months since Blogger introduced the&amp;nbsp;&lt;a href="http://www.bloggerplugins.org/2010/07/blogger-stats-on-your-blogger-dashboard.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; color: #444444;"&gt;“Stats” feature&lt;/a&gt;. Now they have gone a step further by introducing 2 Gadgets related to the “Stats”. Blogger has now got a “Popular Posts” Gadget and a “Blog’s Stats” Gadget.(These are currently available only on Blogger in Draft).&lt;/div&gt;&lt;a href="" name="more" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; text-align: -webkit-auto;"&gt;&lt;/a&gt;&lt;h3 style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto;"&gt;Popular Posts Gadget&lt;/h3&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;Blogger has always lacked such a gadget. There used to be some Yahoo Pipe based widgets, which list out the most commented posts. But these were pretty slow and inefficient. Now Blogger has got this Official Popular Posts Gadget.As the name indicates, the Gadget displays a list of popular posts on your blog.&amp;nbsp; Here is a Screen Shot of the Gadget Options&lt;/span&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;/div&gt;&lt;img alt="image" border="0" height="288" src="http://lh6.ggpht.com/_u4gySN2ZgqE/TH6KfamGIlI/AAAAAAAABm4/A3_vDRoM8fI/image%5B16%5D.png?imgmax=800" style="background-color: white; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; text-align: -webkit-auto;" title="image" width="570" /&gt;&lt;h3 style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto;"&gt;&amp;nbsp;&lt;/h3&gt;&lt;h3 style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto;"&gt;Blog’s Stats Gadget&lt;/h3&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;The Blog’s Stats Gadget displays your Blog’s stats in one of the different graphical(or textual) formats. The Gadget Options will give you a better idea&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;img alt="image" border="0" height="471" src="http://lh3.ggpht.com/_u4gySN2ZgqE/TH6KgbcXRfI/AAAAAAAABm8/fNXgE3zqobE/image%5B24%5D.png?imgmax=800" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline;" title="image" width="570" /&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;h3 style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto;"&gt;How to add these Gadgets to your blog?&lt;/h3&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;These Gadgets are not available in your regular Dashboard. So login to Blogger in Draft at&amp;nbsp;&lt;a href="http://draft.blogger.com/" rel="nofollow" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; color: #444444;" target="_blank"&gt;http://draft.blogger.com&lt;/a&gt;&amp;nbsp;. Now Go to&amp;nbsp;&lt;strong&gt;Design&lt;/strong&gt;&amp;nbsp;&amp;gt;&amp;nbsp;&lt;strong&gt;Page Elements&lt;/strong&gt;&amp;nbsp;and Click on the “&lt;strong&gt;Add a Gadget Link&lt;/strong&gt;” and you will see the 2 new Gadgets&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;img alt="image" border="0" height="408" src="http://lh6.ggpht.com/_u4gySN2ZgqE/TH6KiaMGDsI/AAAAAAAABnA/scEygv6gC90/image%5B32%5D.png?imgmax=800" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline;" title="image" width="575" /&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;What do you think of the ne Gadgets?&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5523907696776590786-8178173856479165395?l=bestbloggerwidgets.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://bestbloggerwidgets.blogspot.com/feeds/8178173856479165395/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/popular-posts-blog-stats-widgets-for.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/8178173856479165395'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/8178173856479165395'/><link rel='alternate' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/popular-posts-blog-stats-widgets-for.html' title='Popular Posts &amp;amp; Blog&amp;#39;s Stats widgets for Blogger'/><author><name>WorldStarNepHop</name><uri>http://www.blogger.com/profile/02834725302008809621</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/-dQ3KecW1q7s/Tt-HzOa1wLI/AAAAAAAADpE/WO_o3KTP0ZY/s72-c/popular%255B15%255D.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5523907696776590786.post-6734198843682928696</id><published>2011-12-07T07:35:00.000-08:00</published><updated>2011-12-08T05:39:39.118-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger Widgets'/><title type='text'>Random Posts Widget for Blogger with Thumbnails</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-Ds9fPnX2H4k/Tt-Hj1XX33I/AAAAAAAADo8/vxjhN97jZZI/s1600/random-posts%255B9%255D.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/-Ds9fPnX2H4k/Tt-Hj1XX33I/AAAAAAAADo8/vxjhN97jZZI/s1600/random-posts%255B9%255D.png" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;The Random Posts Gadget will&amp;nbsp; display a list of Random Posts(from your blog) on your Blog’s Sidebar. The Gadget has an options panel and can be configured to meet your needs. The Gadget inherits styles from your Blog. But you can override the colors if you want(this was done to support third party templates which doesn’t have the skin variables properly designed).&lt;/div&gt;&lt;a href="" name="more" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; text-align: -webkit-auto;"&gt;&lt;/a&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; text-align: -webkit-auto;" /&gt;&lt;img alt="random-posts-gadget" border="0" height="740" src="http://lh3.ggpht.com/_u4gySN2ZgqE/TJDuYdWBorI/AAAAAAAABq4/dOXti0qERhk/random-posts-gadget%5B7%5D.png?imgmax=800" style="background-color: white; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; text-align: -webkit-auto;" title="random-posts-gadget" width="563" /&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&amp;nbsp;&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; text-align: -webkit-auto;" /&gt;&lt;h3 style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto;"&gt;About the Various Options&lt;/h3&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;b&gt;Maximum Length of Post Title&lt;/b&gt;&amp;nbsp;– Your post titles can be too long. In that case you can limit the title to&amp;nbsp;&lt;i&gt;x&lt;/i&gt;&amp;nbsp; number of characters using this parameter.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Snippet Style&lt;/b&gt;&amp;nbsp;– You can display the snippet with Post Summary, Post Thumbnail , or both or none.&amp;nbsp;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Feed&lt;/b&gt;&amp;nbsp;– The default Option “Summary Feed” will scan your post summary feed. This is the faster and efficient option and i would advise you to opt this one. If you choose&amp;nbsp; “Full Feed” , the gadget will be slower but you will get YouTube Thumbnails also.&lt;br /&gt;&lt;i&gt;Note:- If you want to grab the images or YouTube thumbnails, then you should have “Site Feeds” set to Full. If you opt for the Media Thumbnail only, then the short feed will be used by default.&lt;/i&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Thumbnail Dimensions&lt;/b&gt;&amp;nbsp;– Size of the Thumbnail in pixels. The gadget doesn’t generate any Thumbnail. It just uses the media thumbnail,YouTube thumbnail , or any image in the post and scales it to the specified dimensions&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Summary Length&lt;/b&gt;&amp;nbsp; -&amp;nbsp; If you have opted to display the post Summary, then you can control the length of the summary(in characters)&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Post Meta Style&lt;/b&gt;&amp;nbsp;– You can display the Post Date, Comment Count and a Read More Link.You can choose any combination of these three.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Font&amp;nbsp;&amp;nbsp;&lt;/b&gt;and&lt;b&gt;&amp;nbsp;Font Size&lt;/b&gt;– By Default, the container’s font&amp;nbsp; and Font Size is inherited into the Gadget. But if you are using a 3rd party template, then these might not be properly inherited. In that case you can use this Option to over ride these parameters.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Extra Styling&lt;/b&gt;&amp;nbsp;– Allows you to specify the position of the Thumbnail, and whether to underline the links or not.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Border Color&lt;/b&gt;&amp;nbsp;– You can either opt for No Border, or select one of the 140 available colors. If you&amp;nbsp; are not sure about how these colors look like, then take a look at this color chart at W3Schools -&amp;nbsp;&lt;a href="http://www.w3schools.com/html/html_colornames.asp" rel="nofollow" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; color: #444444;" target="_blank" title="http://www.w3schools.com/html/html_colornames.asp"&gt;http://www.w3schools.com/html/html_colornames.asp&lt;/a&gt;&amp;nbsp;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;b&gt;Link Color&lt;/b&gt;&amp;nbsp;and&amp;nbsp;&lt;b&gt;Text Color&lt;/b&gt;&amp;nbsp;– By default , the colors will be inherited from your Blog. If you want to override this , you can choose one out of the 140 different colors.&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;(The colors were provided in the Dropdown(and not as text fields) to tackle a problem with the API)&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;b&gt;Read More Text&lt;/b&gt;&amp;nbsp;– This field was intentionally added to help blogs which are not written in English. Initially i used&amp;nbsp; “&lt;b&gt;More »&lt;/b&gt;” as the Read more text without taking any user Input. Seeing this on a non- English Blog is a little awkward. So i added this new field :)&lt;br /&gt;&lt;br /&gt;&lt;i&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/i&gt;&lt;/div&gt;&lt;h3 style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto;"&gt;Add The Gadget to your Blog&lt;/h3&gt;&lt;span class="Apple-style-span" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; text-align: -webkit-auto;"&gt;Check out the Demo and Sample Configurations to see what&amp;nbsp; the Gadget can do.&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; text-align: -webkit-auto;" /&gt;&lt;br style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; text-align: -webkit-auto;" /&gt;&lt;table style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td width="300"&gt;&lt;a href="http://randompostsgadget.blogspot.com/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #444444; text-decoration: none;" target="_blank"&gt;&lt;img alt="Demos" border="0" height="30" src="http://img375.imageshack.us/img375/2244/40361640.gif" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block;" width="104" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;td width="300"&gt;&lt;a href="http://www.blogger.com/add-gadget?url=http://bloggerplugins.org/1.xml?v=11" rel="nofollow" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #444444; text-decoration: none;" target="_blank"&gt;&lt;img src="http://www.blogger.com/img/add/add2blogger_lg.gif" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block;" /&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;Credits:Thanks to Kannan of&amp;nbsp;&lt;a href="http://cre8tivenerd.com/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; color: #444444;" target="_blank" title="http://cre8tivenerd.com/"&gt;http://cre8tivenerd.com/&lt;/a&gt;&amp;nbsp;for the&amp;nbsp;&lt;a href="http://4.bp.blogspot.com/_u4gySN2ZgqE/TIurPiIE4II/AAAAAAAABpo/c28XgNZhrKc/s1600/randomposts.png" rel="nofollow" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; color: #444444;" target="_blank" title="Gadget Image"&gt;gadget image&lt;/a&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;Waiting for your Feedback and Suggestions :) . If you like the gadget, share it and spread the word :)&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;strong&gt;Update:&lt;/strong&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;just updated the recent posts and random posts gadgets. Some blogger methods were deprecated(not sure if it is temporary) and so an update was necessary. these gadgets are cached on to the blogger servers and so may take time to reflect onto your blogs. If you can't wait then remove the gadgets and add them using the following links&lt;br /&gt;Random Posts -&amp;nbsp;&lt;a href="http://go.bloggerplugins.org/random2" rel="nofollow" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; color: #444444;" target="_blank"&gt;http://go.bloggerplugins.org/r​andom2&lt;/a&gt;&lt;br /&gt;Recent Posts -&amp;nbsp;&lt;a href="http://go.bloggerplugins.org/recent2" rel="nofollow" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; color: #444444;" target="_blank"&gt;http://go.bloggerplugins.org/r​ecent2&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5523907696776590786-6734198843682928696?l=bestbloggerwidgets.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://bestbloggerwidgets.blogspot.com/feeds/6734198843682928696/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/random-posts-widget-for-blogger-with.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/6734198843682928696'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/6734198843682928696'/><link rel='alternate' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/random-posts-widget-for-blogger-with.html' title='Random Posts Widget for Blogger with Thumbnails'/><author><name>WorldStarNepHop</name><uri>http://www.blogger.com/profile/02834725302008809621</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/-Ds9fPnX2H4k/Tt-Hj1XX33I/AAAAAAAADo8/vxjhN97jZZI/s72-c/random-posts%255B9%255D.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5523907696776590786.post-8029268364833064286</id><published>2011-12-07T07:34:00.000-08:00</published><updated>2011-12-08T05:39:39.129-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger Widgets'/><title type='text'>Decorate your Blog for Christmas</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-kjJs-97toCM/Tt-HPBsge4I/AAAAAAAADo0/jChgSi9Jl-0/s1600/christmas-bells-icon-big_thumb%255B1%255D.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/-kjJs-97toCM/Tt-HPBsge4I/AAAAAAAADo0/jChgSi9Jl-0/s1600/christmas-bells-icon-big_thumb%255B1%255D.png" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;h2 class="post-title entry-title" style="background-color: white; color: #333333; font-family: arial; font-size: 18px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto;"&gt;&lt;a href="http://www.bloggerplugins.org/2010/12/decorate-your-blog-for-christmas.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #ee7e06; font-size: 23px; text-decoration: none;"&gt;Decorate your Blog for Christmas&lt;/a&gt;&lt;/h2&gt;&lt;div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;Its Christmas time and here is a Blogger Widget to decorate your blog For Christmas. You can see the demo here this my blog. The Christmas Bells and the Snow Fall are a part of this Widget.&lt;/div&gt;&lt;a href="" name="more" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; text-align: -webkit-auto;"&gt;&lt;/a&gt;&lt;form action="http://beta.blogger.com/add-widget" method="post" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; text-align: -webkit-auto;" target="_blank"&gt;&lt;input name="go" src="http://www.blogger.com/img/add/add2blogger_lg.gif" type="image" value="Add Christmas Widget to your blog" /&gt;&lt;/form&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;After Adding the Gadget, drag it to someplace in your Footer(This will improve the page load speed).&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;img alt="image" border="0" height="384" src="http://lh3.ggpht.com/_u4gySN2ZgqE/TQ-3JcHqVYI/AAAAAAAABuA/BBzT84ilEYU/image%5B17%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="594" /&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;img alt="image" border="0" height="425" src="http://lh5.ggpht.com/_u4gySN2ZgqE/TQ-3Kv7PTII/AAAAAAAABuE/fPab3zPSyZI/image%5B16%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="594" /&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;Click the&amp;nbsp;&amp;nbsp;&lt;strong&gt;SAVE&lt;/strong&gt;&amp;nbsp;button&amp;nbsp;&lt;img alt="image" border="0" height="48" src="http://lh4.ggpht.com/_u4gySN2ZgqE/TQ-3Lm2Cm0I/AAAAAAAABuI/hJJKdDoF5rY/image%5B23%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="307" /&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;If you want to remove the Widget, you can click on the Edit Link on the Gadget and click on the Remove button&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;img alt="image" border="0" height="702" src="http://lh5.ggpht.com/_u4gySN2ZgqE/TQ-3NeCQCmI/AAAAAAAABuM/seW_7MePfXA/image%5B22%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="594" /&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;I will try to add some more Christmas Gadgets to this post if I get time. :) If you have any suggestions, please drop them in.&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;Credits :&amp;nbsp;&lt;a href="http://www.somethinghitme.com/2010/12/09/jquery-snowfall-plugin-1-4/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; color: #444444;" target="_blank"&gt;jQuery SnowFall Plugin&lt;/a&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;Bell Icon Courtesy :&amp;nbsp;&lt;a href="http://mohsenfakharian.deviantart.com/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; color: #444444;" title="http://mohsenfakharian.deviantart.com/"&gt;http://mohsenfakharian.deviantart.com/&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5523907696776590786-8029268364833064286?l=bestbloggerwidgets.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://bestbloggerwidgets.blogspot.com/feeds/8029268364833064286/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/decorate-your-blog-for-christmas.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/8029268364833064286'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/8029268364833064286'/><link rel='alternate' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/decorate-your-blog-for-christmas.html' title='Decorate your Blog for Christmas'/><author><name>WorldStarNepHop</name><uri>http://www.blogger.com/profile/02834725302008809621</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/-kjJs-97toCM/Tt-HPBsge4I/AAAAAAAADo0/jChgSi9Jl-0/s72-c/christmas-bells-icon-big_thumb%255B1%255D.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5523907696776590786.post-7978374999408747977</id><published>2011-12-07T07:33:00.000-08:00</published><updated>2011-12-08T05:39:39.139-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger Widgets'/><title type='text'>Facebook Like/Fan Box For Blogger</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-LG0f5eZmi3o/Tt-HEZKqOuI/AAAAAAAADos/F0xwoGMn5ss/s1600/facebook-fan-box_thumb%255B1%255D.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/-LG0f5eZmi3o/Tt-HEZKqOuI/AAAAAAAADos/F0xwoGMn5ss/s1600/facebook-fan-box_thumb%255B1%255D.png" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;h2 class="post-title entry-title" style="background-color: white; color: #333333; font-family: arial; font-size: 18px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto;"&gt;Facebook Like/Fan Box For Blogger&lt;/h2&gt;&lt;div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;This tutorial is for everyone who has already&amp;nbsp;&lt;a href="http://www.bloggerplugins.org/2009/10/facebook-fan-page-for-blogger-blogs.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; color: #444444;"&gt;created a Facebook Fan Page&lt;/a&gt;. If have not created one, try making one. A Fan Box or Like Box allows your Blog visitors to like your Facebook fan page, without leaving your blog. It can also display faces of the “likers” on your blog. To add the fan box to blogger, follow these steps:&lt;/div&gt;&lt;a href="" name="more" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; text-align: -webkit-auto;"&gt;&lt;/a&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;1. Find out your Facebook Fan Page URL. To do that, just visit your Facebook Fan Page, and copy the url in the address bar.&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;img alt="image" border="0" height="268" src="http://lh3.ggpht.com/_u4gySN2ZgqE/TUOdZP7jP7I/AAAAAAAAByo/WFFTd5mUnGk/image%5B11%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="594" /&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;In my case it is&amp;nbsp;&lt;strong&gt;http://www.facebook.com/bloggerplugins&lt;/strong&gt;&amp;nbsp;(The url which you see in the address bar when you visit your fan page.) .Copy this url from your address bar.&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;2. Visit This page&amp;nbsp;&lt;a href="http://developers.facebook.com/docs/reference/plugins/like-box" rel="nofollow" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; color: #444444;" target="_blank" title="http://developers.facebook.com/docs/reference/plugins/like-box"&gt;http://developers.facebook.com/docs/reference/plugins/like-box&lt;/a&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;You have already copied the Facebook fan page url. Paste this into the&amp;nbsp;&lt;strong&gt;Facebook Page URL&lt;/strong&gt;&amp;nbsp;field&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;img alt="image" border="0" height="444" src="http://lh4.ggpht.com/_u4gySN2ZgqE/TUOda7yliZI/AAAAAAAABys/U3tB2xinAdU/image%5B26%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="594" /&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;Select the choices appropriately and you can see a live preview of the Like/Fan box.&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;3.Once you are satisfied with the looks of the Like Box, Click on the “&lt;strong&gt;Get Code&lt;/strong&gt;” button&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;4. Copy the xfbml code which gets generated.&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;img alt="image" border="0" height="401" src="http://lh6.ggpht.com/-6GchzSJTzB4/TmyN97VS_-I/AAAAAAAACGI/zfIfcAtjEeY/image%25255B9%25255D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="581" /&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;5. Now login to your Blogger account and go to&amp;nbsp;&lt;strong&gt;Design&lt;/strong&gt;&amp;nbsp;&amp;gt;&amp;nbsp;&lt;strong&gt;Page Elements&lt;/strong&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;Click&amp;nbsp;&lt;strong&gt;Add a Gadget&lt;/strong&gt;&amp;nbsp;Link and Add an&amp;nbsp;&lt;strong&gt;HTML/JavaScript&lt;/strong&gt;&amp;nbsp;Gadget&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;img alt="image" border="0" height="316" src="http://lh5.ggpht.com/_u4gySN2ZgqE/TUOddivTfBI/AAAAAAAABy0/26yAjHb64L8/image%5B24%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="594" /&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;6.Paste the generated code as the Gadget’s&amp;nbsp;&lt;strong&gt;Content&lt;/strong&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;img alt="image" border="0" height="546" src="http://lh5.ggpht.com/-JV4O2rLUyYs/TmyN_T7boAI/AAAAAAAACGM/x63dNTNqJsU/image%25255B8%25255D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="580" /&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;and&amp;nbsp;&lt;strong&gt;Save&lt;/strong&gt;&amp;nbsp;the Gadget.&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;7.Next you have to add the fb namespace to your template tag.Your template should have the specification for the&amp;nbsp;&lt;strong&gt;fb&lt;/strong&gt;&amp;nbsp;tag that you have used. The following namespace declaration will take care of that. To declare the namespace, Go to&amp;nbsp;&lt;strong&gt;Design&lt;/strong&gt;/&lt;strong&gt;Template&lt;/strong&gt;&amp;nbsp;&amp;gt;&amp;nbsp;&lt;strong&gt;Edit HTML&lt;/strong&gt;and find&lt;/div&gt;&lt;pre class="code" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(215, 232, 240); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(215, 232, 240); border-left-style: solid; border-left-width: 2px; border-right-color: rgb(215, 232, 240); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(215, 232, 240); border-top-style: solid; border-top-width: 2px; color: blue; font-size: small; font: normal normal normal 1.2em/normal 'Courier New', Courier, Fixed; margin-bottom: 10px; margin-top: 10px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; text-align: left;"&gt;&amp;lt;html&lt;/pre&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;and change it to&lt;/div&gt;&lt;pre class="code" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(215, 232, 240); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(215, 232, 240); border-left-style: solid; border-left-width: 2px; border-right-color: rgb(215, 232, 240); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(215, 232, 240); border-top-style: solid; border-top-width: 2px; color: blue; font-size: small; font: normal normal normal 1.2em/normal 'Courier New', Courier, Fixed; margin-bottom: 10px; margin-top: 10px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; text-align: left;"&gt;&amp;lt;html xmlns:fb="https://www.facebook.com/2008/fbml"&lt;/pre&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;The following screenshot will help you out.&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;img alt="image" border="0" height="313" src="http://lh3.ggpht.com/-jZynr5RZdEM/TmzgSY_N0MI/AAAAAAAACGU/yF1YNzkWnRg/image%25255B3%25255D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="590" /&gt;This is necessary for all FBML widgets using the&amp;nbsp;&lt;strong&gt;fb&lt;/strong&gt;&amp;nbsp;tag.&amp;nbsp; So if you have already added the namespace while adding some other FB plugin, then you can skip this.&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;8.Save the Template and you should see the Fan/Like Box on your blog’s sidebar.&lt;/div&gt;&lt;h3 style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto;"&gt;Another variation&lt;/h3&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;If you need a simpler Like button, without any extra decorations, then visit&lt;a href="http://developers.facebook.com/docs/reference/plugins/like" rel="nofollow" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; color: #444444;" target="_blank" title="http://developers.facebook.com/docs/reference/plugins/like"&gt;http://developers.facebook.com/docs/reference/plugins/like&lt;/a&gt;&amp;nbsp;. In the code generator, paste your Facebook Fan Page’s url as the&amp;nbsp;&lt;strong&gt;URL to Like&lt;/strong&gt;&amp;nbsp;and follow steps 3 to 5. Now you will get a simpler Like Button with count.&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5523907696776590786-7978374999408747977?l=bestbloggerwidgets.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://bestbloggerwidgets.blogspot.com/feeds/7978374999408747977/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/facebook-likefan-box-for-blogger.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/7978374999408747977'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/7978374999408747977'/><link rel='alternate' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/facebook-likefan-box-for-blogger.html' title='Facebook Like/Fan Box For Blogger'/><author><name>WorldStarNepHop</name><uri>http://www.blogger.com/profile/02834725302008809621</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://4.bp.blogspot.com/-LG0f5eZmi3o/Tt-HEZKqOuI/AAAAAAAADos/F0xwoGMn5ss/s72-c/facebook-fan-box_thumb%255B1%255D.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5523907696776590786.post-3686476983637718605</id><published>2011-12-07T07:31:00.000-08:00</published><updated>2011-12-08T05:39:39.150-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger Widgets'/><title type='text'>Follow By Email Gadget for Blogger</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-TxRI5anhMh0/Tt-GwGjhGBI/AAAAAAAADok/RTcAaLva52k/s1600/image%255B26%255D.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/-TxRI5anhMh0/Tt-GwGjhGBI/AAAAAAAADok/RTcAaLva52k/s1600/image%255B26%255D.png" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;h2 class="post-title entry-title" style="background-color: white; color: #333333; font-family: arial; font-size: 18px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto;"&gt;Follow By Email Gadget for Blogger&lt;/h2&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;Some of you might have already noticed the new “Follow by Email” Gadget on your “Add a Gadget Page”. The gadget is pretty simple and easy to install.&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;To add this Gadget, Follow these simple steps&lt;/div&gt;&lt;a href="" name="more" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; text-align: -webkit-auto;"&gt;&lt;/a&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;1. Login to your Blogger Dashboard, Navigate to&lt;strong&gt;&amp;nbsp;Design&amp;nbsp;&lt;/strong&gt;&amp;gt;&amp;nbsp;&lt;strong&gt;Page Elements&lt;/strong&gt;&amp;nbsp;tab and click on the “Add a Gadget” Link&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;2.On the next window click on the plus sign, and you will be taken to the gadget options page.&lt;img alt="image" border="0" height="342" src="http://lh4.ggpht.com/_u4gySN2ZgqE/TYeHpttebDI/AAAAAAAAB1I/cYlvEr2zrQ8/image%5B2%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="590" /&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;3. Click the save Button and you are done.&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;img alt="image" border="0" height="332" src="http://lh6.ggpht.com/_u4gySN2ZgqE/TYeHsM22ckI/AAAAAAAAB1M/O85VW1wKiYM/image%5B11%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="557" /&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;You are done now!! :) Wasn’t that simple?&lt;/div&gt;&lt;h3 style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto;"&gt;Some&amp;nbsp; Insight!!&lt;/h3&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;You can track your subscription information from your FeedBurner Panel.&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;Though this gadget has got a simple easy to use interface, the gadget is really intelligent, and does&amp;nbsp; lot of background work and synchronization. It checks if you have already burnt your blogger feed, and if you have, then it retrieves&amp;nbsp; your Feed burner URL automatically. If you have burnt&amp;nbsp; the feed but&amp;nbsp; hadn’t enabled the Email Subscription option for your Feed, then it automatically enables the same.&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;If you haven’t even used FeedBurner before, then it automatically burns your blogger feed, and retrieves the new FeedBurner url of the new feed that was generated.&lt;/div&gt;&lt;h3 style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: -webkit-auto;"&gt;Oh!! I hate the url that FeedBurner gave me.&lt;/h3&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;If your blog has a very common name, then there is every possibility that you will end up with a&amp;nbsp; non-pretty FeedBurner url like&amp;nbsp;&lt;a href="http://feeds.feedburner.com/blogspot/qOAyP" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #444444; text-decoration: none;"&gt;http://feeds.feedburner.com/blogspot/qOAyP&lt;/a&gt;&amp;nbsp;. Most of&amp;nbsp; you might not give a damn about this url. But if you really want to change it, then you can easily do that as well.Follow these Steps&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;1. Login to&amp;nbsp;&lt;a href="http://feedburner.com/" rel="nofollow" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #444444; text-decoration: none;" target="_blank"&gt;http://feedburner.com&lt;/a&gt;&amp;nbsp;and Click on the Feed For your Blog&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;img alt="image" border="0" height="184" src="http://lh4.ggpht.com/_u4gySN2ZgqE/TYeHt5Mhg9I/AAAAAAAAB1Q/V1rI0UJQhXo/image%5B14%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="495" /&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;2. Click on Edit Feed Details&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;img alt="image" border="0" height="119" src="http://lh6.ggpht.com/_u4gySN2ZgqE/TYeHwDN6mUI/AAAAAAAAB1U/ALViGVHDvvw/image%5B20%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="508" /&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;3. Change the Feed Address to something pretty!&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;4. Click on&amp;nbsp;&lt;strong&gt;&lt;em&gt;Save Feed Details&lt;/em&gt;&lt;/strong&gt;&amp;nbsp;button&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;&lt;img alt="image" border="0" height="428" src="http://lh6.ggpht.com/_u4gySN2ZgqE/TYeHyzoz8YI/AAAAAAAAB1Y/FO8WI87Um0c/image%5B23%5D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="590" /&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px; text-align: -webkit-auto;"&gt;What do you think of this new Gadget from the Blogger Team and what tweaks would you like to see on this gadget?&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; text-align: -webkit-auto;"&gt;&lt;ins style="border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; display: inline-table; height: 60px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: relative; visibility: visible; width: 468px;"&gt;&lt;/ins&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5523907696776590786-3686476983637718605?l=bestbloggerwidgets.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://bestbloggerwidgets.blogspot.com/feeds/3686476983637718605/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/follow-by-email-gadget-for-blogger.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/3686476983637718605'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/3686476983637718605'/><link rel='alternate' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/follow-by-email-gadget-for-blogger.html' title='Follow By Email Gadget for Blogger'/><author><name>WorldStarNepHop</name><uri>http://www.blogger.com/profile/02834725302008809621</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/-TxRI5anhMh0/Tt-GwGjhGBI/AAAAAAAADok/RTcAaLva52k/s72-c/image%255B26%255D.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5523907696776590786.post-3785683650171813226</id><published>2011-12-07T07:30:00.000-08:00</published><updated>2011-12-08T05:39:39.162-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger Widgets'/><title type='text'>Recent Posts Widget with Thumbnails</title><content type='html'>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-CLwMfZBsxiU/Tt-Gk24kcvI/AAAAAAAADoc/5s9TbqRHZBM/s1600/image%255B16%255D.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/-CLwMfZBsxiU/Tt-Gk24kcvI/AAAAAAAADoc/5s9TbqRHZBM/s1600/image%255B16%255D.png" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;h2 class="post-title entry-title" style="background-color: white; color: #333333; font-family: arial; font-size: 18px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Recent Posts Widget with Thumbnails&lt;/h2&gt;&lt;div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;At least some of you would be familiar with My "&lt;a href="http://www.bloggerplugins.org/2009/07/recent-posts-widget-blogger-thumnail.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #444444; text-decoration: none;" target="_blank"&gt;Recent Posts with Thumbnails&lt;/a&gt;" Gadget for Blogger. I had got so many complaints that the Gadget fails to load or has some issues. So I decided to make a Widget version of the same.&lt;/div&gt;&lt;a href="" name="more" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&lt;/a&gt;&lt;h3 style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Why the other Gadget fails at times?&lt;/h3&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;The other gadget is made using the Gadget API. The API renders the gadget as an iFrame with all the parameters appended to the iFrame URL. When the iFrame url becomes too big, browsers have issues rendering the gadget. This primary reason behind this is that the API appends so many style parameters to the iFrame URL thereby making it pretty lengthy.The current page url is also a parameter.That is why some people complain that it is working on the home page, whereas it doesn't work on some of the post pages. The reason is that your home page url is shorter in length than your post page url. So it is almost impossible to make the gadget error free.&lt;/div&gt;&lt;h3 style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;So What now?&lt;/h3&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;This new Widget doesn’t rely on the Gadget API, and is not loaded as an iFrame. This is a plain JavaScript widget, and will work across all browsers.&lt;/div&gt;&lt;h3 style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;What’s special about this new Widget?&lt;/h3&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;If you are good at CSS, you can make the widget exactly as you want. There is no limit in customizing this Widget. This doesn’t mean that it is useful only to those who are familiar with CSS. The Widget by default will inherit your Blog’s Styling. So it should look pretty neat with the default Styling&lt;/div&gt;&lt;h3 style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Options in the Widget Installer&lt;/h3&gt;&lt;ol style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&lt;li style="line-height: 22px;"&gt;Blog URL: This should be the URL of a blogger Blog. If you are installing the Widget on the same blog then you can leave this field blank . This field is useful for those who have multiple blogs..&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;Number of Posts – The number of posts displayed in the Widget&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;Maximum title Length – This option can be used to chop off really long Post Titles. If a post title is longer than this length, the widget will chop off the rest of the title&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;Show Thumbnail – It’s pretty much obvious from the name&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;Show Default Thumbnail – If this option is selected, and your post doesn’t have an image, then a default image will be displayed.&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;Thumbnail Dimension – The gadget can generate square thumbnails of any size. Use this option to set the dimension of the thumbnail.&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;Float Thumbnail to – This option can be used to align the image thumbnail to the left or to the right&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;Thumbnail Margin – You can set a 5px margin to the image, so that the thumbnail stays apart from the post summary. You can override the margin by selecting No.(You can then manually style it using CSS)&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;Show summary&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;Summary size – If summary is more than this length, then the widget will chop off the rest&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;Show post date&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;Show Comment Number&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;Show Read more Link&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;Read More Text – This is the Text Shown on the Read More Link&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;Use Full Feed – By default the Widget will use the Blogger Summary feed which is smaller in size. If you select the Full Feed option, it will use the Full Feed which is bigger in size, and hence the Widget would get slower. The advantage is that, you would get thumbnails of YouTube videos that you have posted.&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;Sorting – Helps you in displaying the recently published posts or recently updated posts.&lt;/li&gt;&lt;/ol&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;Now that you are clear with the options, use the below button to add the Widget to your Blog.&lt;/div&gt;&lt;a href="http://bloggerplugins.org/installers/recentpostswiththumbnails.html" rel="lyteframe,nofollow" rev="width: 450px; height: 780px; scrolling: no;" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; text-decoration: none;" title="Add Recent Posts Widget"&gt;&lt;img alt="Add Recent Posts Widget" src="http://www.blogger.com/img/add/add2blogger_lg.gif" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block;" /&gt;&lt;/a&gt;&lt;h3 style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Advanced Options:&lt;/h3&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;1.&amp;nbsp;&lt;strong&gt;Default Thumbnail&lt;/strong&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;If the Widget is unable to find an image in the Post and if Options 4 and 5 are checked, then the Gadget will use the following image by default&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;&lt;img src="http://2.bp.blogspot.com/-erTXCq61ULM/TmHYAQBZ0GI/AAAAAAAACCs/6cBX54Dn6Gs/s150-c/default.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block;" /&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;If you want to change this default thumbnail, then you will have to first upload the Thumbnail somewhere. The best place to upload is blogger. So create a new post(or edit an existing one) and add the image to the post. Now Switch to the Edit HTML view of the Post Editor. There you will find a URL which contains “/s1600/” in it. Copy that URL. Change /s1600/ to /s72-c/. So finally you will get some URL like&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;http://2.bp.blogspot.com/-erTXCq61ULM/TmHYAQBZ0GI/AAAAAAAACCs/6cBX54Dn6Gs/s72-c/default.png&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;This is your default Thumbnail's URL. Now it’s time to tell the script to make use of this Image. For that Edit the HTML/JavaScript Widget(Recent Posts) and add the following variable:&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;var defaultImage=”THUMBNAIL_URL_WHICH_HAS_/s72-c/_IN_IT”;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;(Off course you will have to edit the above line)&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;If you are not sure where to add the variable, then add it just before&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;&lt;em&gt;var numberOfPosts&lt;/em&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;Save the Gadget and you are done.&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;2.&amp;nbsp;&lt;strong&gt;CSS Styling:&lt;/strong&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;If you are using CSS Styling, make sure that the Thumbnail Margin is set to None. You can also set the Thumbnail Float to None. This will prevent the Widget JavaScript from adding any Styles to the Post List.&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;You can add your CSS at&lt;strong&gt;&amp;nbsp;Template Designer&lt;/strong&gt;&amp;nbsp;&amp;gt;&amp;nbsp;&lt;strong&gt;Advanced&lt;/strong&gt;&amp;nbsp;&amp;gt;&amp;nbsp;&lt;strong&gt;Add CSS&lt;/strong&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;Some Sample CSS snippets are there in the comments.&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;3.&amp;nbsp;&lt;strong&gt;Tracking the Widget Usage&lt;/strong&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;I have appended a&amp;nbsp;&lt;strong&gt;utm_src&lt;/strong&gt;&amp;nbsp;parameter to the recent post URLs.This will help you in tracking the widget usage from your Google Analytics account(Traffic Sources &amp;gt; Campaigns).&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;4.&amp;nbsp;&lt;strong&gt;Remove the Powered By Link&lt;/strong&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;If you can’t stand the powered by Link at the bottom of the widget, then you can hide it. To do that Add this CSS snippet :( :(&lt;/div&gt;&lt;pre class="code" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(215, 232, 240); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(215, 232, 240); border-left-style: solid; border-left-width: 2px; border-right-color: rgb(215, 232, 240); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(215, 232, 240); border-top-style: solid; border-top-width: 2px; color: blue; font-size: small; font: normal normal normal 1.2em/normal 'Courier New', Courier, Fixed; margin-bottom: 10px; margin-top: 10px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; text-align: left;"&gt;.bp_footer{display:none;}&lt;/pre&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;If you don’t know how to add CSS read the CSS Styling (2) part in these Advanced Options.&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;Hmmm at the moment, I’m a little lazy to create a Demo Blog. You can expect that sometime soon.&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;If you have any doubts or questions or suggestions, feel free to comment here and I will try my best to reply to each of your comments.&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;I know that many bloggers are having issues in using the old Gadget. So kindly help others by sharing this new post :)&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5523907696776590786-3785683650171813226?l=bestbloggerwidgets.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://bestbloggerwidgets.blogspot.com/feeds/3785683650171813226/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/recent-posts-widget-with-thumbnails.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/3785683650171813226'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/3785683650171813226'/><link rel='alternate' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/recent-posts-widget-with-thumbnails.html' title='Recent Posts Widget with Thumbnails'/><author><name>WorldStarNepHop</name><uri>http://www.blogger.com/profile/02834725302008809621</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/-CLwMfZBsxiU/Tt-Gk24kcvI/AAAAAAAADoc/5s9TbqRHZBM/s72-c/image%255B16%255D.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5523907696776590786.post-1074060519280760458</id><published>2011-12-07T07:29:00.000-08:00</published><updated>2011-12-08T05:39:39.173-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger Widgets'/><title type='text'>Featured Posts Widget for Blogger with Thumbnails</title><content type='html'>&lt;h2 class="post-title entry-title" style="background-color: white; color: #333333; font-family: arial; font-size: 18px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Featured Posts Widget for Blogger with Thumbnails&lt;/h2&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;This Widget Displays posts from a particular Label on your&amp;nbsp; blog’s Sidebar. The display can be customized just like the Recent and Random Posts Widgets. The Widget includes resizable Post Thumbnails.&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;I have made two different versions of this Widget:&lt;/div&gt;&lt;a href="" name="more" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&lt;/a&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;Demo:&lt;/div&gt;&lt;a href="http://featuredpostsgadget.blogspot.com/" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px; text-decoration: none;" target="_blank"&gt;&lt;img alt="Demos" border="0" height="30" src="http://img375.imageshack.us/img375/2244/40361640.gif" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block;" width="104" /&gt;&lt;/a&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;1. Featured Posts Gadget Using the Blogger Gadget API&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;This Gadget is much easier to configure. The screenshot shows the various options available in the Gadget&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;&lt;img alt="image" border="0" height="536" src="http://lh3.ggpht.com/-CAyUHIMaF18/TmxxGl80Y5I/AAAAAAAACGA/C_Xtot1Xcwg/image%25255B10%25255D.png?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="478" /&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;I will explain a few of the Options&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;Name of the Featured Label – This is the name of the label from which the Gadget should pull posts from. This field is case sensitive, and if you don’t fill this properly, the Gadget wont work.&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;Maximum Length of Post Title – If the post title is more than this length(in characters), then the rest of it will be chopped off.If you don’t want to show the post title, set this to 0&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;Summary Length – The Gadget can display a excerpt of the Post. If the excerpt is longer than the summary length, then the rest will be chopped off.&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;Feed – Summary Feeds will be faster. You can change to Full Feed if you need YouTube Thumbnails, but it would be slower.&lt;/div&gt;&lt;h3 style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;I need a Grid Layout. What should I do?&lt;/h3&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;Use these Settings:&lt;/div&gt;&lt;ol style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&lt;li style="line-height: 22px;"&gt;Maximum Length of the Post Title : 0&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;Snippet Style : Thumbnail Only&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;Post Meta Style : None&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;Extra Styling : Float Image to Left&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;Border Color : No Border&lt;/li&gt;&lt;/ol&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;The other options can be set according to your needs.Use this button to add the Featured Posts Gadget to Blogger&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;&lt;a href="http://www.blogger.com/add-gadget?url=http://bloggerplugins.org/3.xml" rel="nofollow" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #444444; text-decoration: none;" target="_blank"&gt;&lt;img src="http://www.blogger.com/img/add/add2blogger_lg.gif" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block;" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;2. HTML/JavaScript Widget for Featured Posts&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;This is the HTML/JavaScript Version of the above Gadget. This one has greater customizability and will properly blend with your Blog styles.&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;This has a Few Extra Settings:&lt;/div&gt;&lt;ol style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&lt;li style="line-height: 22px;"&gt;Blog URL: This should be the URL of a blogger Blog. If you are installing the Widget on the same blog then you can leave this field blank . This field is useful for those who have multiple blogs..&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;Show Default Thumbnail – If this option is selected, and your post doesn’t have an image, then a default image will be displayed.&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;Thumbnail Margin – You can set a 5px margin to the image, so that the thumbnail stays apart from the post summary. You can override the margin by selecting No.(You can then manually style it using CSS)&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;Sorting – Helps you in displaying the recently published posts or recently updated posts from the featured Label.&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;Grid Layout – This button will automatically adjust the settings to give you a grid like layout.&lt;/li&gt;&lt;/ol&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;&lt;span style="color: #555544;"&gt;Other Fields are similar to those in Method 1, or are self explanatory.&lt;/span&gt;.Use this button to add the Featured Posts Widget:&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;&lt;a href="http://bloggerplugins.org/installers/featuredpostswiththumbnails.html" rel="lyteframe,nofollow" rev="width: 450px; height: 780px; scrolling: no;" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #444444; text-decoration: none;"&gt;&lt;img alt="Add Recent Posts Widget" src="http://www.blogger.com/img/add/add2blogger_lg.gif" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block;" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;h5 style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;&amp;nbsp;&lt;/h5&gt;&lt;h5 style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Advanced Options for the HTML/JavaScript Featured Widget:&lt;/h5&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;1.&amp;nbsp;&lt;strong&gt;Default Thumbnail&lt;/strong&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;If the Widget is unable to find an image in the Post and if Options 4 and 5 are checked, then the Gadget will use the following image by default&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;&lt;img src="http://2.bp.blogspot.com/-erTXCq61ULM/TmHYAQBZ0GI/AAAAAAAACCs/6cBX54Dn6Gs/s150-c/default.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; display: block;" /&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;If you want to change this default thumbnail, then you will have to first upload the Thumbnail somewhere. The best place to upload is blogger. So create a new post(or edit an existing one) and add the image to the post. Now Switch to the Edit HTML view of the Post Editor. There you will find a URL which contains “/s1600/” in it. Copy that URL. Change /s1600/ to /s72-c/. So finally you will get some URL like&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;http://2.bp.blogspot.com/-erTXCq61ULM/TmHYAQBZ0GI/AAAAAAAACCs/6cBX54Dn6Gs/s72-c/default.png&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;This is your default Thumbnail's URL. Now it’s time to tell the script to make use of this Image. For that Edit the HTML/JavaScript Widget(Recent Posts) and add the following variable:&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;var feat_defaultImage=”THUMBNAIL_URL_WHICH_HAS_/s72-c/_IN_IT”;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;(Off course you will have to edit the above line)&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;If you are not sure where to add the variable, then add it just before&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;&lt;em&gt;var feat_numberOfPosts&lt;/em&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;Save the Gadget and you are done.&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;2.&amp;nbsp;&lt;strong&gt;CSS Styling:&lt;/strong&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;If you are using CSS Styling, make sure that the Thumbnail Margin is set to None. You can also set the Thumbnail Float to None. This will prevent the Widget JavaScript from adding any Styles to the Post List.&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;You can add your CSS at&lt;strong&gt;&amp;nbsp;Template Designer&lt;/strong&gt;&amp;nbsp;&amp;gt;&amp;nbsp;&lt;strong&gt;Advanced&lt;/strong&gt;&amp;nbsp;&amp;gt;&amp;nbsp;&lt;strong&gt;Add CSS&lt;/strong&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;Some Sample CSS snippets are there in the comments.&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;3.&amp;nbsp;&lt;strong&gt;Tracking the Widget Usage&lt;/strong&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;I have appended a&amp;nbsp;&lt;strong&gt;utm_src&lt;/strong&gt;&amp;nbsp;parameter to the recent post URLs.This will help you in tracking the widget usage from your Google Analytics account(Traffic Sources &amp;gt; Campaigns).&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;4.&amp;nbsp;&lt;strong&gt;Remove the Powered By Link&lt;/strong&gt;&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;If you can’t stand the powered by Link at the bottom of the widget, then you can hide it. To do that Add this CSS snippet :( :(&lt;/div&gt;&lt;pre class="code" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(215, 232, 240); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(215, 232, 240); border-left-style: solid; border-left-width: 2px; border-right-color: rgb(215, 232, 240); border-right-style: solid; border-right-width: 2px; border-top-color: rgb(215, 232, 240); border-top-style: solid; border-top-width: 2px; color: blue; font-size: small; font: normal normal normal 1.2em/normal 'Courier New', Courier, Fixed; margin-bottom: 10px; margin-top: 10px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; text-align: left;"&gt;.bp_footer{display:none;}&lt;/pre&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;If you don’t know how to add CSS read the CSS Styling (2) part in these Advanced Options.&lt;/div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;If you like this Gadget, please share it with other Bloggers :)&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5523907696776590786-1074060519280760458?l=bestbloggerwidgets.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://bestbloggerwidgets.blogspot.com/feeds/1074060519280760458/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/featured-posts-widget-for-blogger-with.html#comment-form' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/1074060519280760458'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5523907696776590786/posts/default/1074060519280760458'/><link rel='alternate' type='text/html' href='http://bestbloggerwidgets.blogspot.com/2011/12/featured-posts-widget-for-blogger-with.html' title='Featured Posts Widget for Blogger with Thumbnails'/><author><name>WorldStarNepHop</name><uri>http://www.blogger.com/profile/02834725302008809621</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://lh3.ggpht.com/-CAyUHIMaF18/TmxxGl80Y5I/AAAAAAAACGA/C_Xtot1Xcwg/s72-c/image%25255B10%25255D.png?imgmax=800' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5523907696776590786.post-5502322834536748679</id><published>2011-12-07T07:24:00.000-08:00</published><updated>2011-12-08T05:39:39.184-08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Blogger Tutorials'/><title type='text'>Edit Blogger Mobile Templates</title><content type='html'>&lt;h2 class="post-title entry-title" style="background-color: white; color: #333333; font-family: arial; font-size: 18px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Edit Blogger Mobile Templates&lt;/h2&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;There is some Good news from the Blogger Team on the&amp;nbsp;&lt;a href="http://code.blogger.com/2011/11/introducing-custom-mobile-templates.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #444444; text-decoration: none;" target="_blank"&gt;Blogger Code Blog&lt;/a&gt;. If you have&lt;a href="http://www.bloggerplugins.org/2011/08/changing-blogger-mobile-template.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #444444; text-decoration: none;"&gt;enabled the Mobile&lt;/a&gt;&amp;nbsp;Templates, you will be able to customize the Blogger Mobile Template by using CSS definitions. You will also be able to control which widgets are to be shown and which shouldn't. You can also configure the widgets to show an alternate content in the mobile view.&lt;/div&gt;&lt;a href="" name="more" style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 19px;"&gt;&lt;/a&gt;&lt;div style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font: normal normal normal 14px/21px Arial, Helvetica, sans-serif; line-height: 19px; margin-bottom: 1em; margin-top: 10px;"&gt;Though this looks so promising, I was not able to test all of these features.&lt;/div&gt;&lt;h2 style="background-color: white; color: #333333; font-family: a
