<?xml version="1.0" encoding="UTF-8" standalone="no"?><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:blogger="http://schemas.google.com/blogger/2008" xmlns:gd="http://schemas.google.com/g/2005" xmlns:georss="http://www.georss.org/georss" xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/" xmlns:thr="http://purl.org/syndication/thread/1.0" version="2.0"><channel><atom:id>tag:blogger.com,1999:blog-5974335734164880281</atom:id><lastBuildDate>Wed, 06 Nov 2024 02:44:10 +0000</lastBuildDate><category>Social Media</category><category>SEO</category><category>Get Visitors</category><category>Blog Feeds</category><category>Submit Blog Sitemap</category><category>images</category><category>Comments</category><category>Meta Tags</category><category>Track Visitors</category><title>Blog Know How</title><description>How Start Blogging  is about how to start blog tips tricks tutorial about  blogspot,blog seo,to earn money,learn how start blogging for newbee</description><link>http://howstartblogging.blogspot.com/</link><managingEditor>noreply@blogger.com (Anonymous)</managingEditor><generator>Blogger</generator><openSearch:totalResults>40</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><xhtml:meta content="noindex" name="robots" xmlns:xhtml="http://www.w3.org/1999/xhtml"/><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5974335734164880281.post-4773622574424356672</guid><pubDate>Thu, 27 Jun 2013 17:58:00 +0000</pubDate><atom:updated>2013-06-27T10:58:52.162-07:00</atom:updated><title>Shortcut Romeo Mp3 Songs Download 2013, Free Hindi Music &amp; Bollywood Soundtracks - Songs.PK</title><description>&lt;a href="http://www.songspk.name/indian/shortcut_romeo_2013_mp3_songs.html#.Ucx9PQ65hW8.blogger"&gt;Shortcut Romeo Mp3 Songs Download 2013, Free Hindi Music &amp;amp; Bollywood Soundtracks - Songs.PK&lt;/a&gt;</description><link>http://howstartblogging.blogspot.com/2013/06/shortcut-romeo-mp3-songs-download-2013.html</link><author>noreply@blogger.com (Anonymous)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5974335734164880281.post-6610579811049303443</guid><pubDate>Thu, 25 Apr 2013 05:04:00 +0000</pubDate><atom:updated>2013-04-24T22:07:19.404-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Social Media</category><title>fast loading css social widget for blogger</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;img alt="fast Css social widget  " border="0" height="149" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ5cr6MroiH4QKY2ClorReMnTdPVI4hrdCZrh_l2YnF8jEsS37DTAdD_tIHMJ3pr17z2y794qkTJB7OJyXn89Y4v0-5vcVRkG9SVGkXV7iPnO78E5YWr7zw-yjUB45Y6ZMpzvlKKISu8E/s400/Pure+CSS+social+subscribe+widget.png" title="fast Css social widget  " width="400" /&gt;&lt;br /&gt;&lt;div style="text-align: left;"&gt;
&lt;/div&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small;"&gt;&lt;span style="line-height: 18px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small;"&gt;&lt;span style="line-height: 18px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small;"&gt;&lt;span style="line-height: 18px;"&gt;hi every one you know social networking is a great way to&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span class="IL_AD" id="IL_AD9" style="background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0% 50%; border-bottom-color: rgb(89, 57, 170) !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; color: rgb(89, 57, 170) !important; cursor: pointer !important; display: inline !important; float: none !important; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; padding: 0px 0px 1px !important; position: static; text-decoration: underline !important;"&gt;gain traffic&lt;/span&gt;&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small;"&gt;&lt;span style="line-height: 18px;"&gt;&amp;nbsp;for your&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span class="IL_AD" id="IL_AD4" style="background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0% 50%; border-bottom-color: rgb(89, 57, 170) !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; color: rgb(89, 57, 170) !important; cursor: pointer !important; display: inline !important; float: none !important; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; padding: 0px 0px 1px !important; position: static; text-decoration: underline !important;"&gt;blog&lt;/span&gt;&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small;"&gt;&lt;span style="line-height: 18px;"&gt;&amp;nbsp;and and it increase you SEO and you get 1000 of backlinks for your&amp;nbsp;blog. Today i,m going to tell you that how to add beautiful and fast loading css social widget . it is user friendly and it is compatible with major browsers i,m&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style="color: #5939aa; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small;"&gt;&lt;span style="line-height: 18px;"&gt;&lt;u&gt;writing&lt;/u&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small;"&gt;&lt;span style="line-height: 18px;"&gt;&amp;nbsp;about its compatibility in next paragraph&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;h4 style="background-color: white; color: #222222; font-family: 'Droid Sans', arial, serif; font-size: 22px; font-weight: normal; line-height: 1.3em; margin: 0px; padding: 0px;"&gt;
&lt;span style="font-size: 13px;"&gt;Browsers compatibility:&lt;/span&gt;&lt;/h4&gt;
&lt;div style="background-color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;
browsers compatibility &amp;nbsp;is a main issues of new widgets but this widget work with these browsers&lt;/div&gt;
&lt;div style="background-color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;
&lt;ul style="list-style: none; margin: 0px; padding: 0px;"&gt;
&lt;li&gt;Google&amp;nbsp;&lt;span class="IL_AD" id="IL_AD7" style="background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(89, 57, 170) !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; color: rgb(89, 57, 170) !important; cursor: pointer !important; display: inline !important; float: none !important; padding: 0px 0px 1px !important; position: static; text-decoration: underline !important;"&gt;chrome 14&lt;/span&gt;&amp;nbsp;and 14+&lt;/li&gt;
&lt;li&gt;&lt;span class="IL_AD" id="IL_AD8" style="background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(89, 57, 170) !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; color: rgb(89, 57, 170) !important; cursor: pointer !important; display: inline !important; float: none !important; padding: 0px 0px 1px !important; position: static; text-decoration: underline !important;"&gt;firefox 4&lt;/span&gt;&amp;nbsp;and&amp;nbsp;+&lt;/li&gt;
&lt;li&gt;safari 4 and&amp;nbsp;+&lt;/li&gt;
&lt;li&gt;opera 10 and&amp;nbsp;+&lt;/li&gt;
&lt;li&gt;I.E 8 and&amp;nbsp;+&lt;/li&gt;
&lt;/ul&gt;
you can also&amp;nbsp;&lt;span class="IL_AD" id="IL_AD5" style="background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(89, 57, 170) !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; color: rgb(89, 57, 170) !important; cursor: pointer !important; display: inline !important; float: none !important; padding: 0px 0px 1px !important; position: static; text-decoration: underline !important;"&gt;watch live&lt;/span&gt;&amp;nbsp;demo of our social widget and then you can easily take decision of adding it .&lt;/div&gt;
&lt;div class="separator" style="background-color: white; clear: both; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"&gt;
&lt;a href="http://mybltricks.blogspot.com/2013/01/pure-css-fast-loading-css-widget.html" style="color: #4a77ae; text-decoration: none;" target="_blank"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQJrVp2Pm3Nr9jR1RMmeMXQi5OCklVuicEa1fkcO7CSp8BhQvhfRXEOfYA0TucBXRMswA5C2F_p0QOnXhBN6zDkqI3DOrb4z6DIGB1t1KfE3gZdS6k0zSGNc0Iq_vsGmXMEFIWQhjVsSA/s1600/view-blogger-tutorial-demo.png" style="border: none;" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class="separator" style="background-color: white; clear: both; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="separator" style="background-color: white; clear: both; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"&gt;
&lt;/div&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h3 style="background-color: white; color: #222222; font-family: 'Droid Sans', arial, serif; font-size: 10px; font-weight: normal; line-height: 1.3em; margin: 0px; padding: 0px;"&gt;
Installation&amp;nbsp;&lt;/h3&gt;
&lt;div style="background-color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;
1. Goto your blogger account &amp;gt;&amp;nbsp;&lt;span class="IL_AD" id="IL_AD11" style="background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(89, 57, 170) !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; color: rgb(89, 57, 170) !important; cursor: pointer !important; display: inline !important; float: none !important; padding: 0px 0px 1px !important; position: static; text-decoration: underline !important;"&gt;Dashboard&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;
2. Now click on Expand template widget check box&lt;/div&gt;
&lt;div style="background-color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;
3. Now find&amp;nbsp;&lt;span style="font-family: Verdana; line-height: 20.78333282470703px;"&gt;&lt;span style="color: blue; font-size: 13px; font-weight: bold;"&gt;&amp;lt;div class=’post-footer-line post-footer-line-1'&amp;gt;&amp;nbsp;&lt;/span&gt;tag&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white;"&gt;
&lt;span style="font-family: inherit; font-size: 12px; line-height: 18px;"&gt;&lt;span style="line-height: 20.766666412353516px;"&gt;4. And then paste below code just below the&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;b style="color: #333333; font-family: Verdana; font-size: 13px; line-height: 20.78333282470703px;"&gt;&lt;span style="color: blue;"&gt;&amp;lt;div class=’post-footer-line post-footer-line-1'&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b style="color: #333333; font-family: Verdana; font-size: 13px; line-height: 20.78333282470703px;"&gt;&lt;span style="color: blue;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;
&lt;br /&gt;
&lt;blockquote&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;lt;&lt;/span&gt;&lt;/span&gt;&lt;span class="IL_AD" id="IL_AD3" style="background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0% 50%; border-bottom-color: rgb(244, 24, 24) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; color: rgb(244, 24, 24) !important; cursor: pointer !important; display: inline !important; float: none !important; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; padding: 0px 0px 1px !important; position: static; text-decoration: underline !important;"&gt;style type&lt;/span&gt;&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;="text/css"&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;.container {&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; margin: 0px auto;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; width: 300px;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; text-align: center;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;}&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;.share-btn {&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; display: inline-block;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; vertical-align: top;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span class="IL_AD" id="IL_AD6" style="background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0% 50%; border-bottom-color: rgb(89, 57, 170) !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; color: rgb(89, 57, 170) !important; cursor: pointer !important; display: inline !important; float: none !important; font-family: Georgia, 'Times New Roman', Times, serif !important; font-size: 18px !important; font-style: italic !important; line-height: 18px; padding: 0px 0px 1px !important; position: static; text-decoration: underline !important;"&gt;position&lt;/span&gt;&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;: relative;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; margin: 0 5px;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; padding-top: 40px;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; width: 75px;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; font-weight: bold;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; text-align: center;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span class="IL_AD" id="IL_AD9" style="background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0% 50%; border-bottom-color: rgb(244, 24, 24) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; color: rgb(244, 24, 24) !important; cursor: pointer !important; display: inline !important; float: none !important; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; padding: 0px 0px 1px !important; position: static; text-decoration: underline !important;"&gt;text-decoration&lt;/span&gt;&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;: none;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; border-radius: 8px;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;}&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;.share-btn:active {&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; margin-top: 3px;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;}&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;.share-btn:active .share-btn-action {&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; padding-bottom: 3px;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; -webkit-box-shadow: inset 0 -3px rgba(0, 0, 0, 0.15), inset 0 -1px rgba(0, 0, 0, 0.15);&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; box-shadow: inset 0 -3px rgba(0, 0, 0, 0.15), inset 0 -1px rgba(0, 0, 0, 0.15);&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;}&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;.share-btn:active .share-btn-action:after {&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; bottom: 3px;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;}&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;.share-btn-count {&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp;&amp;nbsp;position: absolute;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; top: 0;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; left: 0;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; right: 0;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; line-height: 40px;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; font-size: 19px;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; letter-spacing: -1px;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; color: #555;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; text-shadow: 0 1px white;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; background: #e6eff5;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; border-width: 1px 1px 0;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; border-style: solid;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; border-color: #c5c5c5 #bbb;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; border-radius: 8px 8px 0 0;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.03) 0%, transparent 40%);&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.03) 0%, transparent 40%);&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.03) 0%, transparent 40%);&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.03) 0%, transparent 40%);&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.18), 0 2px rgba(0, 0, 0, 0.07);&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.18), 0 2px rgba(0, 0, 0, 0.07);&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;}&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;.share-btn-count:before, .share-btn-count:after {&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; content: '';&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp;&amp;nbsp;position: absolute;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; top: 100%;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; left: 50%;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; margin-left: -6px;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; border: 6px solid transparent;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; border-top-color: #e6eff5;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;}&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;.share-btn-count:before {&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; margin-left: -7px;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; margin-top: 1px;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; border-width: 7px;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; border-top-color: rgba(0, 0, 0, 0.07);&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;}&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;.share-btn-action {&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; display: block;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp;&amp;nbsp;position: relative;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; line-height: 32px;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; padding: 2px 0 6px;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; font-size: 14px;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; color: white;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; border: solid rgba(0, 0, 0, 0.18);&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; border-width: 0 1px;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; border-radius: 0 0 8px 8px;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;}&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;.share-btn-action:after {&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; content: '';&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp;&amp;nbsp;position: absolute;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; top: 0;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; bottom: 6px;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; left: 0;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; right: 0;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; border-radius: 0 0 6px 6px;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; -webkit-box-shadow: inset 0 -1px 2px rgba(255, 255, 255, 0.25);&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; box-shadow: inset 0 -1px 2px rgba(255, 255, 255, 0.25);&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;}&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;.share-btn-tweet {&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; background: #83cfe8;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; background-image: -webkit-linear-gradient(top, #83cfe8, #6ebbd4);&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; background-image: -moz-linear-gradient(top, #83cfe8, #6ebbd4);&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; background-image: -o-linear-gradient(top, #83cfe8, #6ebbd4);&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; background-image: linear-gradient(to bottom, #83cfe8, #6ebbd4);&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; -webkit-box-shadow: inset 0 -6px rgba(0, 0, 0, 0.16), inset 0 -1px rgba(0, 0, 0, 0.15);&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; box-shadow: inset 0 -6px rgba(0, 0, 0, 0.16), inset 0 -1px rgba(0, 0, 0, 0.15);&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;}&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;.share-btn-tweet:after {&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; -webkit-box-shadow: inset 0 -1px 2px rgba(255, 255, 255, 0.5);&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; box-shadow: inset 0 -1px 2px rgba(255, 255, 255, 0.5);&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;}&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;.share-btn-tweet + .share-btn-count {&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.12), 0 2px rgba(0, 0, 0, 0.04);&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.12), 0 2px rgba(0, 0, 0, 0.04);&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;}&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;.share-btn-like {&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; background: #6480bd;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; background-image: -webkit-linear-gradient(top, #6480bd, #3c5894);&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; background-image: -moz-linear-gradient(top, #6480bd, #3c5894);&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; background-image: -o-linear-gradient(top, #6480bd, #3c5894);&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; background-image: linear-gradient(to bottom, #6480bd, #3c5894);&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; -webkit-box-shadow: inset 0 -6px rgba(0, 0, 0, 0.15), inset 0 -1px rgba(0, 0, 0, 0.2);&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; box-shadow: inset 0 -6px rgba(0, 0, 0, 0.15), inset 0 -1px rgba(0, 0, 0, 0.2);&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;}&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;.share-btn-plus {&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; background: #626262;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; background-image: -webkit-linear-gradient(top, #626262, #404040);&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; background-image: -moz-linear-gradient(top, #626262, #404040);&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; background-image: -o-linear-gradient(top, #626262, #404040);&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; background-image: linear-gradient(to bottom, #626262, #404040);&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; -webkit-box-shadow: inset 0 -6px rgba(0, 0, 0, 0.08), inset 0 -1px rgba(0, 0, 0, 0.3);&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; box-shadow: inset 0 -6px rgba(0, 0, 0, 0.08), inset 0 -1px rgba(0, 0, 0, 0.3);&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;}&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;lt;/style&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;lt;div class="container"&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;a href='&lt;/span&gt;&lt;/span&gt;&lt;b style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;&lt;span style="color: red;"&gt;https://twitter.com/&lt;/span&gt;&lt;/b&gt;&lt;span style="color: red; font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&lt;b&gt;mrearnner&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;' rel='nofollow' target='_blank' title='Find us on twitter' class='share-btn'&amp;gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;blockquote&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;span class="share-btn-action share-btn-tweet"&amp;gt;twitter&amp;lt;/span&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;span class="share-btn-count"&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;b style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;&lt;span style="color: orange;"&gt;400+&lt;/span&gt;&lt;/b&gt;&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/a&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; &amp;nbsp; &amp;lt;a href='&lt;/span&gt;&lt;/span&gt;&lt;b style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;&lt;span style="color: red;"&gt;https://www.&lt;span class="IL_AD" id="IL_AD1" style="background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(89, 57, 170) !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; color: rgb(89, 57, 170) !important; cursor: pointer !important; display: inline !important; float: none !important; font-family: Georgia, 'Times New Roman', Times, serif !important; font-size: 18px !important; font-style: italic !important; padding: 0px 0px 1px !important; position: static; text-decoration: underline !important;"&gt;facebook&lt;/span&gt;.com/&lt;/span&gt;&lt;/b&gt;&lt;span style="color: red; font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&lt;b&gt;pages/Earn-Money/210977462309287&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;' rel='nofollow' target='_blank' title='Find us on&amp;nbsp;facebook' class='share-btn'&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;blockquote&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;span class="share-btn-action share-btn-like"&amp;gt;facebook&amp;lt;/span&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;span class="share-btn-count"&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="color: orange; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;&lt;b&gt;500+&lt;/b&gt;&lt;/span&gt;&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;lt;/span&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/a&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&amp;nbsp; &amp;nbsp; &amp;lt;a href="&lt;/span&gt;&lt;/span&gt;&lt;b style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;&lt;span style="color: red;"&gt;https://plus.google.com/&lt;/span&gt;&lt;/b&gt;&lt;span style="color: red; font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;&lt;b&gt;113006310297263992644/posts&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;" class="share-btn" target="_blank" rel="author" title='Find us on google+'&amp;gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;blockquote style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;span class="share-btn-action share-btn-plus"&amp;gt;google+&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;span class="share-btn-count"&amp;gt;&lt;span style="color: orange;"&gt;&lt;b&gt;200+&lt;/b&gt;&lt;/span&gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;nbsp; &amp;nbsp; &amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/blockquote&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;5. now replace the links with your links&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;&lt;span style="font-size: 12px; line-height: 18px;"&gt;6. Now save it and its done&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;b style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;Note if you like my post then please share it with&amp;nbsp;&lt;span class="IL_AD" id="IL_AD2" style="background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(89, 57, 170) !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; color: rgb(89, 57, 170) !important; cursor: pointer !important; display: inline !important; float: none !important; padding: 0px 0px 1px !important; position: static; text-decoration: underline !important;"&gt;friends&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;span style="background-color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
</description><link>http://howstartblogging.blogspot.com/2013/04/fast-loading-css-social-widget-for.html</link><author>noreply@blogger.com (Anonymous)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ5cr6MroiH4QKY2ClorReMnTdPVI4hrdCZrh_l2YnF8jEsS37DTAdD_tIHMJ3pr17z2y794qkTJB7OJyXn89Y4v0-5vcVRkG9SVGkXV7iPnO78E5YWr7zw-yjUB45Y6ZMpzvlKKISu8E/s72-c/Pure+CSS+social+subscribe+widget.png" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5974335734164880281.post-5617838518846431124</guid><pubDate>Thu, 25 Apr 2013 04:58:00 +0000</pubDate><atom:updated>2013-04-24T22:12:10.901-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">SEO</category><title>Optimize blogger comments archives and labels for better seo</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;br /&gt;
&lt;div class="separator" style="background-color: white; clear: both; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3sEC7RES-TE5lPr8hb2Rp8i6R0ivL_cgpQ3K6CqzJb13wf8lFyMr-lrtYupmGFdJPVRbeLzFBjnXoJKNw_9rPXG3n9f9_yTNzdBQMJf-M2fwqmpafeqFDnrBdS_zGsDRY9STuK90oIuM/s1600/seo1.jpg" imageanchor="1" style="color: #4a77ae; margin-left: 1em; margin-right: 1em; text-decoration: none;"&gt;&lt;img alt="Optimize blogger comments archives and labels for better seo" border="0" height="473" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3sEC7RES-TE5lPr8hb2Rp8i6R0ivL_cgpQ3K6CqzJb13wf8lFyMr-lrtYupmGFdJPVRbeLzFBjnXoJKNw_9rPXG3n9f9_yTNzdBQMJf-M2fwqmpafeqFDnrBdS_zGsDRY9STuK90oIuM/s640/seo1.jpg" style="border: none;" title="Optimize blogger comments archives and labels for better seo" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;span style="background-color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;Seo is one of the best And important part of bloggers life because your&amp;nbsp;&lt;/span&gt;&lt;span class="IL_AD" id="IL_AD4" style="background-attachment: scroll !important; background-color: white; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(89, 57, 170) !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; color: rgb(89, 57, 170) !important; cursor: pointer !important; display: inline !important; float: none !important; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; padding: 0px 0px 1px !important; position: static; text-decoration: underline !important;"&gt;blog&lt;/span&gt;&lt;span style="background-color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;&amp;nbsp;is nothing without Seo. Seo means&amp;nbsp;&lt;/span&gt;&lt;span class="IL_AD" id="IL_AD6" style="background-attachment: scroll !important; background-color: white; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(89, 57, 170) !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; color: rgb(89, 57, 170) !important; cursor: pointer !important; display: inline !important; float: none !important; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; padding: 0px 0px 1px !important; position: static; text-decoration: underline !important;"&gt;search engine optimization&lt;/span&gt;&lt;span style="background-color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;&amp;nbsp;with which your&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;blog&lt;/span&gt;&lt;span style="background-color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;&amp;nbsp;can entered into&amp;nbsp;&lt;/span&gt;&lt;span class="IL_AD" id="IL_AD7" style="background-attachment: scroll !important; background-color: white; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(89, 57, 170) !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; color: rgb(89, 57, 170) !important; cursor: pointer !important; display: inline !important; float: none !important; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; padding: 0px 0px 1px !important; position: static; text-decoration: underline !important;"&gt;search&lt;/span&gt;&lt;span style="background-color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;&amp;nbsp;engines result. Same like this&amp;nbsp;&lt;/span&gt;&lt;span class="IL_AD" id="IL_AD2" style="background-attachment: scroll !important; background-color: white; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(89, 57, 170) !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; color: rgb(89, 57, 170) !important; cursor: pointer !important; display: inline !important; float: none !important; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; padding: 0px 0px 1px !important; position: static; text-decoration: underline !important;"&gt;meta tags&lt;/span&gt;&lt;span style="background-color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;&amp;nbsp;are also important for&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;blog&lt;/span&gt;&lt;span style="background-color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;. &amp;nbsp;today i,m going to tell you that how to optimized your comments, archives, And labels in&amp;nbsp;&lt;/span&gt;blogger&lt;span style="background-color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="background-color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;blog&lt;/span&gt;&lt;span style="background-color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;&amp;nbsp;.every blogger must know about&amp;nbsp;&lt;/span&gt;&lt;a href="http://haseebnet.blogspot.com/search/label/Seo" style="background-color: white; color: #4a77ae; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; text-decoration: none;" target="_blank"&gt;seo&lt;/a&gt;&lt;span style="background-color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;&amp;nbsp;and about their customization .&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;Now i,m going to tell you that&amp;nbsp;&lt;/span&gt;&lt;span class="IL_AD" id="IL_AD1" style="background-attachment: scroll !important; background-color: white; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(89, 57, 170) !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; color: rgb(89, 57, 170) !important; cursor: pointer !important; display: inline !important; float: none !important; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; padding: 0px 0px 1px !important; position: static; text-decoration: underline !important;"&gt;how to optimize&lt;/span&gt;&lt;span style="background-color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;&amp;nbsp;archives, labels and comments.&lt;/span&gt;&lt;br /&gt;
&lt;h2 style="background-color: white; color: #222222; font-family: 'Droid Sans', arial, serif; font-size: 16px; font-weight: normal; line-height: 1.3em; margin: 0px; padding: 0px; text-transform: capitalize;"&gt;
How To Optimize Comments :&lt;/h2&gt;
&lt;div style="background-color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;
Comments are very Good and best way to increase your&amp;nbsp;blog&amp;nbsp;ranking if you have good comments then&amp;nbsp;&lt;span class="IL_AD" id="IL_AD10" style="background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(89, 57, 170) !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; color: rgb(89, 57, 170) !important; cursor: pointer !important; display: inline !important; float: none !important; padding: 0px 0px 1px !important; position: static; text-decoration: underline !important;"&gt;it help&lt;/span&gt;&amp;nbsp;you to increase your blogs rank but if those comments are not good and irrelevant then it totally destroy you&amp;nbsp;&lt;span class="IL_AD" id="IL_AD5" style="background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(89, 57, 170) !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; color: rgb(89, 57, 170) !important; cursor: pointer !important; display: inline !important; float: none !important; padding: 0px 0px 1px !important; position: static; text-decoration: underline !important;"&gt;ranking in search engines&lt;/span&gt;&amp;nbsp;. So, the best way to optimized your comments for&amp;nbsp;search&amp;nbsp;engines The you must keep your comments&amp;nbsp;&lt;span class="IL_AD" id="IL_AD8" style="background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(89, 57, 170) !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; color: rgb(89, 57, 170) !important; cursor: pointer !important; display: inline !important; float: none !important; padding: 0px 0px 1px !important; position: static; text-decoration: underline !important;"&gt;external&lt;/span&gt;&amp;nbsp;&lt;span class="IL_AD" id="IL_AD12" style="background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(89, 57, 170) !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; color: rgb(89, 57, 170) !important; cursor: pointer !important; display: inline !important; float: none !important; padding: 0px 0px 1px !important; position: static; text-decoration: underline !important;"&gt;links&lt;/span&gt;&amp;nbsp;No-follow . Follow me to make your comments&amp;nbsp;links&amp;nbsp;no-follow.&lt;/div&gt;
&lt;div style="background-color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;
&lt;ul style="list-style: none; margin: 0px; padding: 0px;"&gt;
&lt;li&gt;Goto blogger&amp;nbsp;&lt;/li&gt;
&lt;li&gt;Edit html and find&lt;/li&gt;
&lt;li&gt;&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;blockquote class="tr_bq"&gt;
expr:href='data:post.createLinkUrl'&lt;/blockquote&gt;
&lt;br /&gt;
&lt;ul style="list-style: none; margin: 0px; padding: 0px;"&gt;
&lt;li&gt;Now replace above code with below code&lt;/li&gt;
&lt;/ul&gt;
&lt;blockquote class="tr_bq"&gt;
rel='external&amp;nbsp;nofollow' expr:href='data:post.createLinkUrl'&amp;nbsp;&lt;/blockquote&gt;
Save your&amp;nbsp;&lt;span class="IL_AD" id="IL_AD9" style="background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(89, 57, 170) !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; color: rgb(89, 57, 170) !important; cursor: pointer !important; display: inline !important; float: none !important; padding: 0px 0px 1px !important; position: static; text-decoration: underline !important;"&gt;templates&lt;/span&gt;&amp;nbsp;and its Complete&lt;br /&gt;
&lt;h2 style="color: #222222; font-family: 'Droid Sans', arial, serif; font-size: 16px; font-weight: normal; line-height: 1.3em; margin: 0px; padding: 0px; text-transform: capitalize;"&gt;
How To Optimize Labels:&amp;nbsp;&lt;/h2&gt;
&lt;div&gt;
Labels are also an important part of blogs we use them for better navigation and with the help of these labels user easily find the category in which he want to go. But they create much problems for&amp;nbsp;search&amp;nbsp;engine&amp;nbsp;&lt;span class="IL_AD" id="IL_AD11" style="background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(89, 57, 170) !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; color: rgb(89, 57, 170) !important; cursor: pointer !important; display: inline !important; float: none !important; padding: 0px 0px 1px !important; position: static; text-decoration: underline !important;"&gt;crawlers&lt;/span&gt;&amp;nbsp;so then they also Optimized for&amp;nbsp;search&amp;nbsp;engines ranking.&lt;/div&gt;
&lt;div&gt;
&lt;ul style="list-style: none; margin: 0px; padding: 0px;"&gt;
&lt;li&gt;goto blogger&lt;/li&gt;
&lt;li&gt;edit html and find&amp;nbsp;&lt;/li&gt;
&lt;/ul&gt;
&lt;blockquote class="tr_bq"&gt;
&amp;lt;a expr:href='data:label.url'&lt;/blockquote&gt;
&lt;br /&gt;
&lt;ul style="list-style: none; margin: 0px; padding: 0px;"&gt;
&lt;li&gt;Now replace above code with below code&lt;/li&gt;
&lt;/ul&gt;
&lt;blockquote class="tr_bq"&gt;
&amp;lt;a expr:href='data:label.url' rel='tag'&amp;nbsp;&lt;/blockquote&gt;
Save your&amp;nbsp;templates&amp;nbsp;and its Complete.&lt;br /&gt;
&lt;h2 style="color: #222222; font-family: 'Droid Sans', arial, serif; font-size: 16px; font-weight: normal; line-height: 1.3em; margin: 0px; padding: 0px; text-transform: capitalize;"&gt;
&amp;nbsp;How To Optimize Archives:&amp;nbsp;&lt;/h2&gt;
&lt;div&gt;
Archives is also a problem for&amp;nbsp;search&amp;nbsp;robots . if achives pages are present in home they create huge problem for crawler robots do, if you want to get rid of this problem then follow mine steps&lt;/div&gt;
&lt;div&gt;
&lt;ul style="list-style: none; margin: 0px; padding: 0px;"&gt;
&lt;li&gt;goto blogger&lt;/li&gt;
&lt;li&gt;edit html and find&lt;/li&gt;
&lt;/ul&gt;
&lt;blockquote class="tr_bq"&gt;
&amp;lt;a class='post-count-link' expr:href='data:i.url'&amp;gt;&lt;/blockquote&gt;
&lt;div&gt;
&lt;/div&gt;
&lt;ul style="list-style: none; margin: 0px; padding: 0px;"&gt;
&lt;li&gt;now replace above code with below code&lt;/li&gt;
&lt;/ul&gt;
&lt;blockquote class="tr_bq"&gt;
&amp;lt;a rel="archives" class='post-count-link' expr:href='data:i.url'&amp;gt;&amp;nbsp;&lt;/blockquote&gt;
Save your&amp;nbsp;templates&amp;nbsp;and its Complete&lt;br /&gt;
Now your&amp;nbsp;blog&amp;nbsp;is completely optimized for&amp;nbsp;search&amp;nbsp;engines&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;span style="background-color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
</description><link>http://howstartblogging.blogspot.com/2013/04/optimize-blogger-comments-archives-and.html</link><author>noreply@blogger.com (Anonymous)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3sEC7RES-TE5lPr8hb2Rp8i6R0ivL_cgpQ3K6CqzJb13wf8lFyMr-lrtYupmGFdJPVRbeLzFBjnXoJKNw_9rPXG3n9f9_yTNzdBQMJf-M2fwqmpafeqFDnrBdS_zGsDRY9STuK90oIuM/s72-c/seo1.jpg" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5974335734164880281.post-943864915517331712</guid><pubDate>Thu, 25 Apr 2013 04:45:00 +0000</pubDate><atom:updated>2013-04-24T21:45:24.107-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Social Media</category><title>PaperCut, really cool social icons.</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;br /&gt;
&lt;div style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 13px; outline: 0px; padding: 0px; vertical-align: baseline;"&gt;
Again from the hand of&amp;nbsp;&lt;strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"&gt;Ulises Arvizu&lt;/strong&gt;&amp;nbsp;of “Maquiladora de Sueños” (with new blog design), bring you another freebie for readers&amp;nbsp;, there are four illustrations / icons to blog subscription services like Feedburner (RSS), Twitter, Facebook, and Email.&lt;/div&gt;
&lt;div style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 13px; outline: 0px; padding: 0px; vertical-align: baseline;"&gt;
&lt;img alt="PaperCut-Icons" border="0" class="aligncenter" height="500" src="http://blog.btemplates.com/wp-content/uploads/2011/07/PaperCut-Icons.jpg" style="background-color: transparent; border: 0px; display: block; margin: 0px auto; outline: 0px; padding: 0px 0px 5px; text-align: center !important; vertical-align: baseline;" title="PaperCut-Icons" width="500" /&gt;&lt;/div&gt;
&lt;div style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 19px; margin-bottom: 13px; outline: 0px; padding: 0px; vertical-align: baseline;"&gt;
These are PNG24 format with transparency in two sizes, 100 and 250 pixels.&lt;/div&gt;
&lt;h4 style="background-color: white; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-width: 0px 0px 1px; color: #54aac6; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 17px; line-height: 20px; margin: 0px 0px 15px; outline: 0px; padding: 5px 0px; vertical-align: baseline;"&gt;
License&lt;/h4&gt;
&lt;ul style="background-color: white; border: 0px; color: #444444; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; font-size: 13px; line-height: 19px; list-style-image: initial; list-style-position: inside; margin: 0px 0px 13px; outline: 0px; padding: 0px; vertical-align: baseline;"&gt;
&lt;li style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"&gt;Released under&amp;nbsp;&lt;a href="http://creativecommons.org/licenses/by/2.5/mx/" style="background-color: transparent; border: 0px; color: #ff6600; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"&gt;Creative Commons Attribution 2.5 License.&lt;/a&gt;&lt;/li&gt;
&lt;li style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"&gt;Personal or commercial use is allowed but not selling.&lt;/li&gt;
&lt;li style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"&gt;When distributing, please link to this article and not to the file or to another post or server.&lt;/li&gt;
&lt;/ul&gt;
&lt;h4 style="background-color: white; border-bottom-color: rgb(238, 238, 238); border-bottom-style: solid; border-width: 0px 0px 1px; color: #54aac6; font-family: Arial, Verdana, Helvetica, 'Liberation Sans', FreeSans, sans-serif; line-height: 20px; margin: 0px 0px 15px; outline: 0px; padding: 5px 0px; vertical-align: baseline;"&gt;
&lt;a href="http://blogandweb.com/wp-content/download/PaperCut-Icons.zip"&gt;&lt;span style="font-size: large;"&gt;Download&lt;/span&gt;&lt;/a&gt;&lt;/h4&gt;
&lt;/div&gt;
</description><link>http://howstartblogging.blogspot.com/2013/04/papercut-really-cool-social-icons.html</link><author>noreply@blogger.com (Anonymous)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5974335734164880281.post-6264587666451983189</guid><pubDate>Mon, 01 Apr 2013 17:53:00 +0000</pubDate><atom:updated>2013-04-01T10:53:19.377-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">images</category><title>Tips For A Better SEO-Friendly Image</title><description>&lt;img alt="Tips For A Better SEO-Friendly Image" class="postmainimage" height="280" src="http://quextitmc.com/wp-content/uploads/2012/08/seo.png" width="320" /&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding: 0px;"&gt;
When it comes to SEO, webmasters and bloggers have a tendency to undermine the importance of image optimization, perhaps even&lt;span id="more-15629" style="margin: 0px; padding: 0px;"&gt;&lt;/span&gt;&amp;nbsp;way too much that they completely forget about it – intentionally.&lt;/div&gt;
&lt;div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding: 0px;"&gt;
Some would even say that optimizing images isn’t that much worth all the trouble because it doesn’t really give that much in return. But then if you really value SEO, wouldn’t you do everything you can to help your site generate more traffic?&lt;/div&gt;
&lt;div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding: 0px;"&gt;
Now if you said ‘yes’ to the above question then you should have no problem following thesesimple&amp;nbsp;but very helpful tips on how to make your content images SEO friendly.&lt;/div&gt;
&lt;div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding: 0px;"&gt;
&lt;strong style="margin: 0px; padding: 0px;"&gt;Alt tags&lt;/strong&gt;&amp;nbsp;– This is basically the very first thing that should pop in to your mind when it comes to optimizing images for SEO. Search engines (or search engine spiders) are virtually blind; all the efforts you put into making all those gorgeous images on your site are all for naught if they don’t have any alt tags. Search engines pretty much ignore images without alt tags.&lt;/div&gt;
&lt;div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding: 0px;"&gt;
&lt;strong style="margin: 0px; padding: 0px;"&gt;Image filename/title&lt;/strong&gt;&amp;nbsp;– Name your images with relevant keywords and separate them with dashes rather than underscores. First letter capitalization won’t matter.&lt;/div&gt;
&lt;div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding: 0px;"&gt;
&lt;strong style="margin: 0px; padding: 0px;"&gt;Image filessize&lt;/strong&gt;&amp;nbsp;– We’re talking about both in terms of the dimension and the byte size (kb/Mb). An image that can slow down your site’s&amp;nbsp; loading speed can have a negative impact on your SEO, so make sure you make all the necessary adjustments to your images in both aspects. There’s no specific size that you need to follow but as a general rule, you will want to keep it to a minimum, so as not to decrease your page’s load time.&lt;/div&gt;
&lt;div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding: 0px;"&gt;
&lt;strong style="margin: 0px; padding: 0px;"&gt;NOTE:&lt;/strong&gt;&amp;nbsp;On alt tags and filenames, don’t overdo it! Don’t cram in too many keywords in them. For filename/title, probably best limit it to five words only.&lt;/div&gt;
&lt;div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding: 0px;"&gt;
Also, if you got lots of images that need alt tags, don’t fret. There are plugins that you can use to automatically do all the work of putting alt tags on your images for you.&lt;/div&gt;
</description><link>http://howstartblogging.blogspot.com/2013/04/tips-for-better-seo-friendly-image.html</link><author>noreply@blogger.com (Anonymous)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5974335734164880281.post-80602495190977255</guid><pubDate>Mon, 01 Apr 2013 17:51:00 +0000</pubDate><atom:updated>2013-04-01T10:51:09.527-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">images</category><title>Replace Newer, Older And Home Links With Images</title><description>&lt;img alt="Replace Newer, Older And Home Links With Images" class="postmainimage" height="280" src="http://www.infogenra.com/wp-content/uploads//2011/09/blogger_logo.jpeg" width="320" /&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding: 0px;"&gt;
Currently or by default, your blog readers navigate between each of your blog posts by clicking on the hyperlinked texts below&amp;nbsp;&lt;span id="more-16174" style="margin: 0px; padding: 0px;"&gt;&lt;/span&gt;it that say something like “Previous” and “Next” or “Older” and “Newer” accompanied with a “Home” in the middle. Here’s a very&amp;nbsp;&lt;a href="http://www.allblogtools.com/category/blogger-templates/simple/" style="color: #26a5da; margin: 0px; outline-style: none; padding: 0px; text-decoration: none;" title="Simple Blogger Templates"&gt;simple&lt;/a&gt;&amp;nbsp;and easy customizing tip that’ll show you how to use a set of images instead.&lt;/div&gt;
&lt;ul style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; margin: 0px; padding: 0px;"&gt;
&lt;li style="margin: 0px; padding: 0px;"&gt;Log in to your Blogger dashboard and head over to the&amp;nbsp;&lt;strong style="margin: 0px; padding: 0px;"&gt;Template&lt;/strong&gt;&amp;nbsp;page.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; margin: 0px; padding: 0px;"&gt;
&lt;li style="margin: 0px; padding: 0px;"&gt;Click on&amp;nbsp;&lt;strong style="margin: 0px; padding: 0px;"&gt;Edit HTML&lt;/strong&gt;&amp;nbsp;and then be sure to put a check on the&amp;nbsp;&lt;strong style="margin: 0px; padding: 0px;"&gt;Expand Widget Templates&lt;/strong&gt;&amp;nbsp;box by clicking on it.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; margin: 0px; padding: 0px;"&gt;
&lt;li style="margin: 0px; padding: 0px;"&gt;Using&amp;nbsp;&lt;strong style="margin: 0px; padding: 0px;"&gt;Ctrl+F&lt;/strong&gt;, search for the following codes and replace them with the corresponding&lt;strong style="margin: 0px; padding: 0px;"&gt;&amp;lt;img&amp;gt;&lt;/strong&gt;&amp;nbsp;tag:&lt;/li&gt;
&lt;/ul&gt;
&lt;div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding: 0px;"&gt;
Search for&amp;nbsp;&lt;strong style="margin: 0px; padding: 0px;"&gt;&amp;lt;data:newerPageTitle/&amp;gt;&lt;/strong&gt;&amp;nbsp;and replace it with:&lt;/div&gt;
&lt;pre style="background-color: #edf7f9; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(181, 181, 181); color: #575757; font-family: Tahoma, Arial; font-size: 12px; margin-bottom: 15px; margin-top: 15px; max-height: 400px; overflow: auto; padding: 10px; width: 565.4375px;"&gt;&lt;span style="color: #003366; margin: 0px; padding: 0px;"&gt;&amp;lt;img src='http://bandofgirls.googlepages.com/Newer_post_icon.png'/&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding: 0px;"&gt;
Search for&amp;nbsp;&lt;strong style="margin: 0px; padding: 0px;"&gt;&amp;lt;data:olderPageTitle/&amp;gt;&lt;/strong&gt;&amp;nbsp;and replace it with:&lt;/div&gt;
&lt;pre style="background-color: #edf7f9; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(181, 181, 181); color: #575757; font-family: Tahoma, Arial; font-size: 12px; margin-bottom: 15px; margin-top: 15px; max-height: 400px; overflow: auto; padding: 10px; width: 565.4375px;"&gt;&lt;span style="color: #003366; margin: 0px; padding: 0px;"&gt;&amp;lt;img src='http://bandofgirls.googlepages.com/home_icon.png'/&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/pre&gt;
&lt;div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding: 0px;"&gt;
&lt;strong style="margin: 0px; padding: 0px;"&gt;NOTE:&lt;/strong&gt;&amp;nbsp;If you happen to be using a custom built template then there’s a chance that you might not be able to find the above codes. In other words, this tutorial might not be applicable.&lt;/div&gt;
&lt;div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding: 0px;"&gt;
You can use other images instead of the one in this tutorial. All you have to do is replace the above image URLs with those of the images you want to use.&lt;/div&gt;
&lt;div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding: 0px;"&gt;
Have a great day, everyone!&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;</description><link>http://howstartblogging.blogspot.com/2013/04/replace-newer-older-and-home-links-with.html</link><author>noreply@blogger.com (Anonymous)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5974335734164880281.post-21897127100417026</guid><pubDate>Mon, 01 Apr 2013 17:49:00 +0000</pubDate><atom:updated>2013-04-01T10:49:51.360-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">images</category><title>Disabling Blogger Lightbox</title><description>&lt;img alt="Disabling Blogger Lightbox" class="postmainimage" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEindLsYu-Q3z4dJ8ciFVDEMDEFOlKRomwJdZIVNxekYDvx4nEl4tDWh_B3yn_EZxbMPiUP3_OeNvQMej3mH6bq0QHgnag-_vq1GNszEzC2E4oNof_c4vDi0qrP7dE_nvUHzXvaS-dQ9kIMD/s1600/blogger.png" width="320" /&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding: 0px;"&gt;
The lightbox is one of a website’s best tools for displaying your photos, images, and graphics, and Blogger has its own lightbox plugin for&lt;span id="more-15687" style="margin: 0px; padding: 0px;"&gt;&lt;/span&gt;&amp;nbsp;posting photos.&lt;/div&gt;
&lt;div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding: 0px;"&gt;
While this plugin is very useful for image-heavy blogs, some site owners don’t like the idea of using it on their site, or they may already have installed a custom plugin which might conflict with the default lightbox. So here’s a quick&amp;nbsp;&lt;a href="http://www.way2%3Ca%20href%3D/" http:="" rel="nofollow" start-blogging="" style="color: #26a5da; margin: 0px; outline-style: none; padding: 0px; text-decoration: none;" target="_blank" title="Blogging" www.allblogtools.com=""&gt;blogging&lt;/a&gt;.org/2011/11/how-to-disable-official-blogger.html” target=”_blank”&amp;gt;technique I’ve learned from Harish of Way2Blogging on how you can disable the Blogger Lightbox.&lt;/div&gt;
&lt;ul style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; margin: 0px; padding: 0px;"&gt;
&lt;li style="margin: 0px; padding: 0px;"&gt;Login to Blogger &amp;gt;&amp;nbsp;&lt;strong style="margin: 0px; padding: 0px;"&gt;Dashboard&lt;/strong&gt;&amp;nbsp;&amp;gt; Click on&amp;nbsp;&lt;strong style="margin: 0px; padding: 0px;"&gt;More Options&lt;/strong&gt;&amp;nbsp;dropdown menu &amp;gt;&amp;nbsp;&lt;strong style="margin: 0px; padding: 0px;"&gt;Settings&lt;/strong&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; margin: 0px; padding: 0px;"&gt;
&lt;li style="margin: 0px; padding: 0px;"&gt;Select&amp;nbsp;&lt;strong style="margin: 0px; padding: 0px;"&gt;Post and Comments&lt;/strong&gt;&amp;nbsp;&amp;gt;&amp;nbsp;&lt;strong style="margin: 0px; padding: 0px;"&gt;Showcase images with Lightbox?&lt;/strong&gt;&amp;nbsp;&amp;gt; set it to&amp;nbsp;&lt;strong style="margin: 0px; padding: 0px;"&gt;NO.&lt;/strong&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;ul style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; margin: 0px; padding: 0px;"&gt;
&lt;li style="margin: 0px; padding: 0px;"&gt;Save settings.&lt;/li&gt;
&lt;/ul&gt;
</description><link>http://howstartblogging.blogspot.com/2013/04/disabling-blogger-lightbox.html</link><author>noreply@blogger.com (Anonymous)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEindLsYu-Q3z4dJ8ciFVDEMDEFOlKRomwJdZIVNxekYDvx4nEl4tDWh_B3yn_EZxbMPiUP3_OeNvQMej3mH6bq0QHgnag-_vq1GNszEzC2E4oNof_c4vDi0qrP7dE_nvUHzXvaS-dQ9kIMD/s72-c/blogger.png" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5974335734164880281.post-1745956107179509097</guid><pubDate>Mon, 01 Apr 2013 17:48:00 +0000</pubDate><atom:updated>2013-04-01T10:48:57.887-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">images</category><title>How to Provide Background for Each Blogger Post</title><description>&lt;img alt="How to Provide Background for Each Blogger Post" class="postmainimage" height="280" src="http://6.mshcdn.com/wp-content/uploads/2010/03/blogger-painted.jpg" width="320" /&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class="contentarea" style="color: #7d7d7d; font-family: Verdana; font-size: 12px; margin: 15px 20px 0px 24px; padding: 0px;"&gt;
&lt;div style="padding: 0px;"&gt;
A good background gives your site personality and uniqueness aside from making it look good, which can help attract more visitors. So how can you add a background&lt;span id="more-15621" style="margin: 0px; padding: 0px;"&gt;&lt;/span&gt;&amp;nbsp;to your Blogger post? Well, here’s a good find courtesy of Rohit Malik of&amp;nbsp;&lt;a href="http://hackedbits.blogspot.in/" style="color: #26a5da; margin: 0px; outline-style: none; padding: 0px; text-decoration: none;" target="_blank"&gt;HackedBits&lt;/a&gt;&amp;nbsp;who shows you how to do this.&lt;/div&gt;
&lt;div style="padding: 0px;"&gt;
Below are the steps to follow:&lt;/div&gt;
&lt;ul style="margin: 0px; padding: 0px;"&gt;
&lt;li style="margin: 0px; padding: 0px;"&gt;Look for the right image for your post. You may search from Google for copyright-free images or use your own.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul style="margin: 0px; padding: 0px;"&gt;
&lt;li style="margin: 0px; padding: 0px;"&gt;Upload your photo to a free web host site such as&amp;nbsp;&lt;a href="http://beta.photobucket.com/" style="color: #26a5da; margin: 0px; outline-style: none; padding: 0px; text-decoration: none;" target="_blank"&gt;Photobucket.com&lt;/a&gt;. Copy its link.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul style="margin: 0px; padding: 0px;"&gt;
&lt;li style="margin: 0px; padding: 0px;"&gt;Now put the code in the post template.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul style="margin: 0px; padding: 0px;"&gt;
&lt;li style="margin: 0px; padding: 0px;"&gt;Login to your&amp;nbsp;&lt;strong style="margin: 0px; padding: 0px;"&gt;Blogger&lt;/strong&gt;&amp;nbsp;and on the&amp;nbsp;&lt;strong style="margin: 0px; padding: 0px;"&gt;Dashboard&lt;/strong&gt;, click&amp;nbsp;&lt;strong style="margin: 0px; padding: 0px;"&gt;Settings&lt;/strong&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul style="margin: 0px; padding: 0px;"&gt;
&lt;li style="margin: 0px; padding: 0px;"&gt;On&amp;nbsp;&lt;strong style="margin: 0px; padding: 0px;"&gt;Settings&lt;/strong&gt;&amp;nbsp;tab, click on&amp;nbsp;&lt;strong style="margin: 0px; padding: 0px;"&gt;Formatting&lt;/strong&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul style="margin: 0px; padding: 0px;"&gt;
&lt;li style="margin: 0px; padding: 0px;"&gt;Scroll down in the&amp;nbsp;&lt;strong style="margin: 0px; padding: 0px;"&gt;Formatting&lt;/strong&gt;&amp;nbsp;tab to the&amp;nbsp;&lt;strong style="margin: 0px; padding: 0px;"&gt;Post Template&lt;/strong&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul style="margin: 0px; padding: 0px;"&gt;
&lt;li style="margin: 0px; padding: 0px;"&gt;Copy and paste the code below at the top of the box:&lt;/li&gt;
&lt;/ul&gt;
&lt;pre style="background-color: #edf7f9; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(181, 181, 181); color: #575757; font-family: Tahoma, Arial; margin-bottom: 15px; margin-top: 15px; max-height: 400px; overflow: auto; padding: 10px; width: 565.4375px;"&gt;&lt;span style="color: #003366; margin: 0px; padding: 0px;"&gt;&amp;lt;div style="background:url(LINK_OF_PICTURE) no-repeat;"&amp;gt;&lt;/span&gt;
&lt;span style="color: #003366; margin: 0px; padding: 0px;"&gt;Paste &amp;lt;/div&amp;gt; at the bottom of the box&lt;/span&gt;
&lt;/pre&gt;
&lt;ul style="margin: 0px; padding: 0px;"&gt;
&lt;li style="margin: 0px; padding: 0px;"&gt;Save&amp;nbsp;&lt;strong style="margin: 0px; padding: 0px;"&gt;Settings.&lt;/strong&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;ul style="margin: 0px; padding: 0px;"&gt;
&lt;li style="margin: 0px; padding: 0px;"&gt;Click on&lt;strong style="margin: 0px; padding: 0px;"&gt;&amp;nbsp;Posting&lt;/strong&gt;&amp;nbsp;found at the top. The&amp;nbsp;&lt;strong style="margin: 0px; padding: 0px;"&gt;Post Editor&lt;/strong&gt;&amp;nbsp;will open up, with the code inside it.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul style="margin: 0px; padding: 0px;"&gt;
&lt;li style="margin: 0px; padding: 0px;"&gt;Change ‘&lt;span style="color: #003366; margin: 0px; padding: 0px;"&gt;&lt;strong style="margin: 0px; padding: 0px;"&gt;LINK_OF_PICTURE&lt;/strong&gt;&lt;/span&gt;‘&amp;nbsp;with your link to your chosen background image, which is the one you have uploaded on a free hosted site. Delete “&lt;strong style="margin: 0px; padding: 0px;"&gt;no-repeat&lt;/strong&gt;” in the code line if you wish to not repeat the image.&lt;/li&gt;
&lt;/ul&gt;
&lt;ul style="margin: 0px; padding: 0px;"&gt;
&lt;li style="margin: 0px; padding: 0px;"&gt;Key in your post before&amp;nbsp;&lt;strong style="margin: 0px; padding: 0px;"&gt;&amp;lt;/div&amp;gt;&lt;/strong&gt;&amp;nbsp;at the bottom, name a&amp;nbsp;&lt;strong style="margin: 0px; padding: 0px;"&gt;Title&lt;/strong&gt;&amp;nbsp;then hit&amp;nbsp;&lt;strong style="margin: 0px; padding: 0px;"&gt;Publish&lt;/strong&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class="bookmark" style="background-color: #ededed; border-bottom-color: rgb(207, 207, 207); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(207, 207, 207); border-top-style: solid; border-top-width: 1px; color: #707070; font-family: 'Century Gothic', sans-serif; font-size: 1.8em; height: 22px; margin-top: 15px; padding: 17px;"&gt;
Liked It ? Please Share&lt;/div&gt;
</description><link>http://howstartblogging.blogspot.com/2013/04/how-to-provide-background-for-each.html</link><author>noreply@blogger.com (Anonymous)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5974335734164880281.post-421534706258083064</guid><pubDate>Sun, 16 Dec 2012 08:25:00 +0000</pubDate><atom:updated>2012-12-16T00:35:07.774-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Meta Tags</category><category domain="http://www.blogger.com/atom/ns#">SEO</category><title>ADD ADVANCED META TAGS TO BLOGGER FOR BEST SEO</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;span style="background-color: white; color: blue; font-family: Georgia; line-height: 20px;"&gt;On my Previous post&amp;nbsp;&lt;/span&gt;&lt;a href="http://howstartblogging.blogspot.com/2012/12/add-meta-tags-to-blogger-for-better-seo.html"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;How to Add Meta tags for Blogger&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;span style="background-color: white; color: blue; font-family: Georgia; line-height: 20px;"&gt;&amp;nbsp;I described the Importance and how to use those tags for Better SEO. Today I will Give you the Advanced&amp;nbsp;&lt;/span&gt;&lt;span class="IL_AD" id="IL_AD3" style="background-attachment: scroll !important; background-color: white; background-image: none !important; background-position: 0% 50%; border-bottom-color: rgb(0, 153, 0) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; color: blue; cursor: pointer !important; display: inline !important; float: none !important; font-family: Georgia; line-height: 20px; padding: 0px 0px 1px !important; position: static;"&gt;Meta Tags&lt;/span&gt;&lt;span style="background-color: white; color: blue; font-family: Georgia; line-height: 20px;"&gt;&amp;nbsp;Through which your Blog will be at a Good&amp;nbsp;&lt;/span&gt;&lt;span class="IL_AD" id="IL_AD5" style="background-attachment: scroll !important; background-color: white; background-image: none !important; background-position: 0% 50%; border-bottom-color: rgb(0, 153, 0) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; color: blue; cursor: pointer !important; display: inline !important; float: none !important; font-family: Georgia; line-height: 20px; padding: 0px 0px 1px !important; position: static;"&gt;Position&lt;/span&gt;&lt;span style="background-color: white; color: blue; font-family: Georgia; line-height: 20px;"&gt;&amp;nbsp;on Search Engines. So keep up&amp;nbsp;&lt;/span&gt;&lt;span class="IL_AD" id="IL_AD4" style="background-attachment: scroll !important; background-color: white; background-image: none !important; background-position: 0% 50%; border-bottom-color: rgb(0, 153, 0) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; color: blue; cursor: pointer !important; display: inline !important; float: none !important; font-family: Georgia; line-height: 20px; padding: 0px 0px 1px !important; position: static;"&gt;reading&lt;/span&gt;&lt;span style="background-color: white; color: blue; font-family: Georgia; line-height: 20px;"&gt;&amp;nbsp;the whole article thoroughly.&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: blue;"&gt;&lt;span style="background-color: white; font-family: Georgia; line-height: 20px;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: white; font-family: Georgia; line-height: 20px;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;hr style="background-color: white; font-family: Arial, Verdana; font-size: 14px; line-height: 20px;" /&gt;
&lt;span style="background-color: white; color: blue; font-family: Georgia; line-height: 20px;"&gt;&lt;b&gt;How to add Advanced&amp;nbsp;Meta Tags&amp;nbsp;to Your&amp;nbsp;&lt;span class="IL_AD" id="IL_AD6" style="background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(0, 153, 0) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; cursor: pointer !important; display: inline !important; float: none !important; font-size: 16px !important; padding: 0px 0px 1px !important; position: static;"&gt;Blogger&lt;/span&gt;?&lt;/b&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;hr style="background-color: white; font-family: Arial, Verdana; font-size: 14px; line-height: 20px;" /&gt;
&lt;span style="color: blue;"&gt;&lt;span style="background-color: white; font-family: Georgia; line-height: 20px;"&gt;&lt;/span&gt;&lt;span style="background-color: white; font-family: Arial, Verdana; font-size: 14px; line-height: 20px;"&gt;&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;
&lt;ul style="background-color: white; font-family: Arial, Verdana; font-size: 14px; line-height: 20px; list-style: none;"&gt;
&lt;li style="background-attachment: scroll; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFhdQ421DrXo4gjeI7TealD_lRIMmi2tb-C8by2bCvLFDYq-Px9yRDB1lEeOZ9C8qjhHTlLWkoXAO9NXli2lLgxq6M08zjygKj1oiivoQoS4gRmbz_CNGZArF2H_ahX68-6W4tPbZj2as/s400/265.gif); background-position: 0px 4px; background-repeat: no-repeat no-repeat; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;"&gt;&lt;span style="color: blue; font-family: Georgia; font-size: small;"&gt;First, Login to your&amp;nbsp;Blogger&amp;nbsp;and select your Blog.&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;span style="color: blue;"&gt;&lt;span style="background-color: white; font-family: Georgia; line-height: 20px;"&gt;&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;
&lt;ul style="background-color: white; font-family: Arial, Verdana; font-size: 14px; line-height: 20px; list-style: none;"&gt;
&lt;li style="background-attachment: scroll; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFhdQ421DrXo4gjeI7TealD_lRIMmi2tb-C8by2bCvLFDYq-Px9yRDB1lEeOZ9C8qjhHTlLWkoXAO9NXli2lLgxq6M08zjygKj1oiivoQoS4gRmbz_CNGZArF2H_ahX68-6W4tPbZj2as/s400/265.gif); background-position: 0px 4px; background-repeat: no-repeat no-repeat; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;"&gt;&lt;span style="color: blue; font-family: Georgia; font-size: small;"&gt;Go to&amp;nbsp;Template&amp;nbsp;–&amp;gt;&amp;nbsp;Edit HTML&amp;nbsp;–&amp;gt;&amp;nbsp;Proceed&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;span style="color: blue;"&gt;&lt;span style="background-color: white; font-family: Georgia; line-height: 20px;"&gt;&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;
&lt;ul style="background-color: white; font-family: Arial, Verdana; font-size: 14px; line-height: 20px; list-style: none;"&gt;
&lt;li style="background-attachment: scroll; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFhdQ421DrXo4gjeI7TealD_lRIMmi2tb-C8by2bCvLFDYq-Px9yRDB1lEeOZ9C8qjhHTlLWkoXAO9NXli2lLgxq6M08zjygKj1oiivoQoS4gRmbz_CNGZArF2H_ahX68-6W4tPbZj2as/s400/265.gif); background-position: 0px 4px; background-repeat: no-repeat no-repeat; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;"&gt;&lt;span style="color: blue; font-family: Georgia; font-size: small;"&gt;Now Search for-&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;blockquote class="tr_bq" style="background-color: #c8efff; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw0ZivBlcHgB3e-oQMi_Fmo5PuISGNMoQKztDN2plQ2fownt1CBWGjc-78W0onEX8RNdcW8wfrR7hbZVekmRVbl9nN-94ZdVJ42t1FWbrVJJS6ffWN6GZLLrTi0a9McAAlHIYltwGJV_rw/s1600/TheXtremeTips.PNG); background-position: 0% 0%; background-repeat: no-repeat repeat; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 2px 5px 5px 2px; font-family: Arial, Verdana; font-size: 0.9em; font-style: italic; line-height: 20px; margin: 0px 20px; overflow: hidden; padding: 10px 20px 10px 45px;"&gt;
&lt;span style="color: red; font-family: Georgia; font-size: small;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;span style="font-size: x-small;"&gt;&amp;nbsp;&amp;nbsp;&lt;span style="font-family: inherit;"&gt;&amp;lt;b:include data='blog' name='all-head-content'/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;span style="background-color: white; color: red; font-family: Georgia; line-height: 20px;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red;"&gt;&lt;span style="background-color: white; font-family: Georgia; line-height: 20px;"&gt;&lt;/span&gt;&lt;br /&gt;&lt;/span&gt;
&lt;ul style="background-color: white; font-family: Arial, Verdana; font-size: 14px; line-height: 20px; list-style: none;"&gt;
&lt;li style="background-attachment: scroll; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFhdQ421DrXo4gjeI7TealD_lRIMmi2tb-C8by2bCvLFDYq-Px9yRDB1lEeOZ9C8qjhHTlLWkoXAO9NXli2lLgxq6M08zjygKj1oiivoQoS4gRmbz_CNGZArF2H_ahX68-6W4tPbZj2as/s400/265.gif); background-position: 0px 4px; background-repeat: no-repeat no-repeat; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;"&gt;&lt;span style="color: red; font-family: Georgia; font-size: small;"&gt;Now Paste the Following Codes just after the above code-&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;blockquote class="tr_bq" style="background-color: #c8efff; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw0ZivBlcHgB3e-oQMi_Fmo5PuISGNMoQKztDN2plQ2fownt1CBWGjc-78W0onEX8RNdcW8wfrR7hbZVekmRVbl9nN-94ZdVJ42t1FWbrVJJS6ffWN6GZLLrTi0a9McAAlHIYltwGJV_rw/s1600/TheXtremeTips.PNG); background-position: 0% 0%; background-repeat: no-repeat repeat; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-width: 2px 5px 5px 2px; font-family: Arial, Verdana; font-size: 0.9em; font-style: italic; line-height: 20px; margin: 0px 20px; overflow: hidden; padding: 10px 20px 10px 45px;"&gt;
&lt;span style="color: blue; font-family: Georgia; font-size: x-small;"&gt;&amp;lt;meta content='width=1100' name='viewport'/&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: blue; font-family: Georgia; font-size: x-small;"&gt;&amp;lt;meta content='all' name='robots'/&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: blue; font-family: Georgia; font-size: x-small;"&gt;&amp;lt;meta content='index, follow' name='robots'/&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: blue; font-family: Georgia; font-size: x-small;"&gt;&amp;lt;meta content='1 days' name='revisit-after'/&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: blue; font-family: Georgia; font-size: x-small;"&gt;&amp;lt;meta content='index,follow,noodp,noydir' name='robots'/&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Georgia; font-size: x-small;"&gt;&lt;span style="color: blue;"&gt;&amp;lt;meta content='&lt;/span&gt;&lt;span style="color: red;"&gt;&amp;nbsp;&lt;b&gt;description here&lt;/b&gt;&lt;/span&gt;&lt;span style="color: blue;"&gt;&amp;nbsp;' name='description'/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Georgia; font-size: x-small;"&gt;&lt;span style="color: blue;"&gt;&amp;lt;meta content='&lt;/span&gt;&lt;span style="color: red;"&gt;&lt;b&gt;Keywords&amp;nbsp;here&lt;/b&gt;&lt;/span&gt;&lt;span style="color: blue;"&gt;' name='&lt;/span&gt;&lt;span class="IL_AD" id="IL_AD2" style="background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; background-position: 0% 50%; border-bottom-color: rgb(0, 153, 0) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; color: blue; cursor: pointer !important; display: inline !important; float: none !important; font-size: 13px !important; padding: 0px 0px 1px !important; position: static;"&gt;keywords&lt;/span&gt;&lt;span style="color: blue;"&gt;'/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;ul style="background-color: white; font-family: Arial, Verdana; font-size: 14px; line-height: 20px; list-style: none;"&gt;
&lt;li style="background-attachment: scroll; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFhdQ421DrXo4gjeI7TealD_lRIMmi2tb-C8by2bCvLFDYq-Px9yRDB1lEeOZ9C8qjhHTlLWkoXAO9NXli2lLgxq6M08zjygKj1oiivoQoS4gRmbz_CNGZArF2H_ahX68-6W4tPbZj2as/s400/265.gif); background-position: 0px 4px; background-repeat: no-repeat no-repeat; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;"&gt;&lt;span style="color: blue;"&gt;Now Change Description and&amp;nbsp;Keywords&amp;nbsp;as your needs.&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;span style="background-color: white; color: red; font-family: Arial, Verdana; font-size: 14px; line-height: 20px;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;b style="background-color: white; color: red; font-family: Arial, Verdana; font-size: 14px; line-height: 20px;"&gt;Description&lt;/b&gt;&lt;span style="background-color: white; font-family: Arial, Verdana; font-size: 14px; line-height: 20px;"&gt;&lt;span style="color: red;"&gt;- &lt;/span&gt;&lt;span style="color: blue;"&gt;Your Site Description on 200 Words.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: red; font-family: Arial, Verdana; font-size: 14px; line-height: 20px;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;b style="background-color: white; color: red; font-family: Arial, Verdana; font-size: 14px; line-height: 20px;"&gt;&amp;nbsp;Keywords&lt;/b&gt;&lt;span style="background-color: white; font-family: Arial, Verdana; font-size: 14px; line-height: 20px;"&gt;&lt;span style="color: red;"&gt;- &lt;/span&gt;&lt;span style="color: blue;"&gt;Best Keywords that Suits Your Blog (Separated By Comma)&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red;"&gt;&lt;span style="background-color: white; font-family: Arial, Verdana; font-size: 14px; line-height: 20px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;
&lt;ul style="background-color: white; font-family: Arial, Verdana; font-size: 14px; line-height: 20px; list-style: none;"&gt;
&lt;li style="background-attachment: scroll; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFhdQ421DrXo4gjeI7TealD_lRIMmi2tb-C8by2bCvLFDYq-Px9yRDB1lEeOZ9C8qjhHTlLWkoXAO9NXli2lLgxq6M08zjygKj1oiivoQoS4gRmbz_CNGZArF2H_ahX68-6W4tPbZj2as/s400/265.gif); background-position: 0px 4px; line-height: 1.4em; margin: 0.3em 0px; padding: 0px 0px 0.8em 20px;"&gt;&lt;br /&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
</description><link>http://howstartblogging.blogspot.com/2012/12/add-advanced-meta-tags-to-blogger-for.html</link><author>noreply@blogger.com (Anonymous)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5974335734164880281.post-2080195211122192984</guid><pubDate>Sat, 15 Dec 2012 18:07:00 +0000</pubDate><atom:updated>2012-12-15T10:07:37.162-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Social Media</category><title>20 Twitter Badges to Show Off Your Tweets</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;br /&gt;
&lt;div style="background-color: white; color: #555555; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px; margin-bottom: 1.5em; margin-top: 0.75em;"&gt;
There are a number of ways to promote your Twitter account. You can add yourself to one of the many growing&amp;nbsp;&lt;span style="color: #0c74a6;"&gt;Twitter directories&lt;/span&gt;,&amp;nbsp;&lt;span style="color: #0c74a6;"&gt;advertise your brand&lt;/span&gt;, or, as I'll discuss in this post, feature a badge with your Twitter information on your website, blog, or even in your email.&lt;/div&gt;
&lt;div style="background-color: white; color: #555555; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px; margin-bottom: 1.5em; margin-top: 0.75em;"&gt;
Here are 20 embeddable badges and widgets that you can customize to include your tweets and, in some cases, those of your friends. Have another badge or widget to add to the list? Tell us about it in the comments.&lt;/div&gt;
&lt;h2 style="background-color: white; clear: left; color: #555555; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 24px; line-height: 1.27; margin: 0px 0px 1rem; text-rendering: optimizelegibility;"&gt;
Twitter badges&lt;/h2&gt;
&lt;div style="background-color: white; color: #555555; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px; margin-bottom: 1.5em; margin-top: 0.75em;"&gt;
&lt;/div&gt;
&lt;center style="background-color: white; color: #555555; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px;"&gt;
&lt;img alt="chris twitter badge" class="alignnone size-full wp-image-114117" data-width="239" src="http://rack.3.mshcdn.com/media/ZgkyMDEyLzEyLzA2LzU4L2NocmlzdHdpdHRlLjR5OS5naWY/ac67eb9e/039/christwitterbadge.gif" style="border: 0px; max-width: 100%; vertical-align: middle;" title="chris twitter badge" /&gt;&lt;/center&gt;
&lt;div style="background-color: white; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px; margin-bottom: 1.5em; margin-top: 0.75em;"&gt;
&lt;a href="http://chrisjf.blogspot.com/2007/03/chris-forbes-original-twitter-badge.html" style="text-decoration: initial;" target="_blank"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;Chris' Twitter Badge&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;span style="color: #555555;"&gt;&amp;nbsp;- A simple HTML badge that comes in the form of raw code you just copy-and-paste while changing a few links.&amp;nbsp; It will show your last four tweets and keeps the basic Twitter branding and logo from the site.&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px; margin-bottom: 1.5em; margin-top: 0.75em;"&gt;
&lt;a href="http://saytweet.com/" style="text-decoration: initial;" target="_blank"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;SayTweet&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;span style="color: #555555;"&gt;&amp;nbsp;- SayTweet allows you to upload a picture of your own, tag the Twitter users shown, and their tweets will show up in speech bubbles on the image as they publish them.&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px; margin-bottom: 1.5em; margin-top: 0.75em;"&gt;
&lt;a href="http://sigpad.com/twitter/new" style="text-decoration: initial;" target="_blank"&gt;&lt;span style="color: red;"&gt;&lt;b&gt;Sigpad&lt;/b&gt;&lt;/span&gt;&lt;/a&gt;&lt;span style="color: #555555;"&gt;&amp;nbsp;- Sigpad asks you to enter your Twitter username and it then creates a bookmarklet you can add to your browser toolbars.&amp;nbsp; Once you've done this you can compose emails in AOL, Gmail, Outlook, Windows Live or Yahoo Mail, drag the bookmarklet into the body, and your latest Twitter update will be shown in the email when you send it.&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; color: #555555; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px; margin-bottom: 1.5em; margin-top: 0.75em;"&gt;
&lt;/div&gt;
&lt;center style="background-color: white; color: #555555; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px;"&gt;
&lt;img alt="twitstamp" class="alignnone size-full wp-image-114116" data-width="468" src="http://rack.0.mshcdn.com/media/ZgkyMDEyLzEyLzA2L2VlL3R3aXRzdGFtcC40eWIuZ2lm/5c146161/119/twitstamp.gif" style="border: 0px; max-width: 100%; vertical-align: middle;" title="twitstamp" /&gt;&lt;/center&gt;
&lt;div style="background-color: white; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px; margin-bottom: 1.5em; margin-top: 0.75em;"&gt;
&lt;a href="http://twitstamp.com/" style="text-decoration: initial;" target="_blank"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;TwitStamp&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;span style="color: #555555;"&gt;&amp;nbsp;- TwitStamp lets you set up an easy, attractive, and customizable badge that displays your latest tweet. You can select the badge's size, background and so on.&amp;nbsp; You can also set up a TwitCard that will show your name, avatar, bio, latest tweet, number of followers and more.&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px; margin-bottom: 1.5em; margin-top: 0.75em;"&gt;
&lt;a href="http://www.makkintosshu.com/journal/twitter-statuses-badge" style="text-decoration: initial;" target="_blank"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;Twitter Statuses Badge&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;span style="color: #555555;"&gt;&amp;nbsp;- A Twitter badge that will show the last few tweets from your account, along with how long ago you posted them and the permalink to them so that people can go to them directly.&amp;nbsp; Can be customized via CSS to better match your blog or site.&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px; margin-bottom: 1.5em; margin-top: 0.75em;"&gt;
&lt;a href="http://kentbrewster.com/twitterati/" style="text-decoration: initial;" target="_blank"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;Twitterati Badge&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;span style="color: #555555;"&gt;&amp;nbsp;- A very simple JavaScript solution for your badge needs that will let you set height, width, colors, border and so on.&amp;nbsp; Displays your tweets as well as those of your followers.&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px; margin-bottom: 1.5em; margin-top: 0.75em;"&gt;
&lt;a href="http://www.twittercard.com/" style="text-decoration: initial;" target="_blank"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;TwitterCard&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;span style="color: #555555;"&gt;&amp;nbsp;- One of the biggest complaints people have about badges for any service is that they don't fit in with their overall blog design.&amp;nbsp; TwitterCard tackles this complaint head-on by giving you a JavaScript powered badge to show all your Twitter info in the 125X125 format.&amp;nbsp; This will fit in perfectly with your ad units, or just about anywhere on your site without looking the least bit out of place with current design standards.&amp;nbsp; Also has the ability to be implemented via HTML or a WordPress plugin. (&lt;/span&gt;&lt;em style="color: #555555;"&gt;please note that the JavaScript was not working when we tested it, but the other methods were&lt;/em&gt;&lt;span style="color: #555555;"&gt;).&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; color: #555555; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px; margin-bottom: 1.5em; margin-top: 0.75em;"&gt;
&lt;/div&gt;
&lt;center style="background-color: white; color: #555555; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px;"&gt;
&lt;a href="http://www.blogger.com/blogger.g?blogID=5974335734164880281" name="m!f2a3" style="color: #0c74a6;"&gt;&lt;/a&gt;&lt;div class="microcontent-wrapper" data-fragment="m!f2a3" style="clear: left; margin-left: 40px; position: relative;"&gt;
&lt;div class="microcontent-shares" style="-webkit-box-shadow: rgb(204, 204, 204) 1px 1px 2px; -webkit-transition: opacity 0.25s ease; border: 1px solid transparent; box-shadow: rgb(204, 204, 204) 1px 1px 2px; height: 0px; left: -47px; opacity: 0; padding: 5px; position: absolute; top: -5px; width: 30px;"&gt;
&lt;a class="social-share microcontent-share-badge network-badge network-badge-facebook facebook" data-fragment="m!f2a3" data-image="http://rack.1.mshcdn.com/media/ZgkyMDEyLzEyLzA0LzNjL3R3aXR0ZXJteXNpLmI2Vi5naWY/41730270/c05/twittermysite.gif" href="http://mashable.com/2009/03/30/twitter-badges/#" style="-webkit-transition: color 0.3s ease; color: #3c5a98; display: inline-block; font-size: 3rem; height: 30px; line-height: 1; margin: 0px 0px 2px; padding: 0px !important; position: relative; text-decoration: initial; text-indent: -9900px; white-space: nowrap; width: 30px;"&gt;&lt;/a&gt;&lt;a class="social-share microcontent-share-badge network-badge network-badge-twitter twitter" data-fragment="m!f2a3" data-image="http://rack.1.mshcdn.com/media/ZgkyMDEyLzEyLzA0LzNjL3R3aXR0ZXJteXNpLmI2Vi5naWY/41730270/c05/twittermysite.gif" href="http://mashable.com/2009/03/30/twitter-badges/#" style="-webkit-transition: color 0.3s ease; color: #2daae1; display: inline-block; font-size: 3rem; height: 30px; line-height: 1; margin: 0px 0px 2px; padding: 0px !important; position: relative; text-decoration: initial; text-indent: -9900px; white-space: nowrap; width: 30px;"&gt;&lt;/a&gt;&lt;a class="social-share microcontent-share-badge network-badge network-badge-linked_in linked_in" data-fragment="m!f2a3" data-image="http://rack.1.mshcdn.com/media/ZgkyMDEyLzEyLzA0LzNjL3R3aXR0ZXJteXNpLmI2Vi5naWY/41730270/c05/twittermysite.gif" href="http://mashable.com/2009/03/30/twitter-badges/#" style="-webkit-transition: color 0.3s ease; color: #0073a4; display: inline-block; font-size: 3rem; height: 30px; line-height: 1; margin: 0px 0px 2px; padding: 0px !important; position: relative; text-decoration: initial; text-indent: -9900px; white-space: nowrap; width: 30px;"&gt;&lt;/a&gt;&lt;a class="social-share microcontent-share-badge network-badge network-badge-pinterest pinterest" data-fragment="m!f2a3" data-image="http://rack.1.mshcdn.com/media/ZgkyMDEyLzEyLzA0LzNjL3R3aXR0ZXJteXNpLmI2Vi5naWY/41730270/c05/twittermysite.gif" href="http://mashable.com/2009/03/30/twitter-badges/#" style="-webkit-transition: color 0.3s ease; color: #bf1e25; display: inline-block; font-size: 3rem; height: 30px; line-height: 1; margin: 0px; padding: 0px !important; position: relative; text-decoration: initial; text-indent: -9900px; white-space: nowrap; width: 30px;"&gt;&lt;/a&gt;&lt;/div&gt;
&lt;img alt="twitter my site" class="alignnone size-full wp-image-114118" data-width="550" src="http://rack.1.mshcdn.com/media/ZgkyMDEyLzEyLzA0LzNjL3R3aXR0ZXJteXNpLmI2Vi5naWY/41730270/c05/twittermysite.gif" style="border: 0px; max-width: 100%; vertical-align: middle;" title="twitter my site" /&gt;&lt;/div&gt;
&lt;/center&gt;
&lt;div style="background-color: white; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px; margin-bottom: 1.5em; margin-top: 0.75em;"&gt;
&lt;a href="http://www.twittermysite.com/" style="text-decoration: initial;" target="_blank"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;TwitterMySite&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;span style="color: #555555;"&gt;&amp;nbsp;- Enter your user name, any extra text you may want and in what color, and simply click "Generate my Button."&amp;nbsp; You'll be offered up a selection of different badges, all set with the variables you entered, ready for you to paste into your site.&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px; margin-bottom: 1.5em; margin-top: 0.75em;"&gt;
&lt;a href="http://ustandout.com/index.php/twitter/free-twitter-badges/" style="text-decoration: initial;" target="_blank"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;U Stand Out Twitter Badges&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;span style="color: #555555;"&gt;&amp;nbsp;- U Stand Out offers up a nice selection of badges you can use for your site or blog that range from artsy to straight-to-the-point.&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px; margin-bottom: 1.5em; margin-top: 0.75em;"&gt;
&lt;a href="http://www.vincentabry.com/31-logos-et-boutons-pour-twitter-2480" style="text-decoration: initial;" target="_blank"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;Vincent Abry Twitter Badges&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;span style="color: #555555;"&gt;&amp;nbsp;- A collection of Twitter badges for just about every taste in various sizes for all the different blog configurations out there.&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px; margin-bottom: 1.5em; margin-top: 0.75em;"&gt;
&lt;a href="http://www.wishafriend.com/twitter/widgets/" style="text-decoration: initial;" target="_blank"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;WishAFriend.com Twitter Widgets&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;span style="color: #555555;"&gt;&amp;nbsp;- These Twitter widgets are all flash-based and offer you different themes such as holidays, fun, USA and so on and will display a scrollable selection of your most recent Tweets.&amp;nbsp; Just enter your username and then get the embed code to get started.&lt;/span&gt;&lt;/div&gt;
&lt;h2 style="background-color: white; clear: left; color: #555555; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 24px; line-height: 1.27; margin: 0px 0px 1rem; text-rendering: optimizelegibility;"&gt;
Twitter widgets&lt;/h2&gt;
&lt;div style="background-color: white; color: #555555; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px; margin-bottom: 1.5em; margin-top: 0.75em;"&gt;
&lt;/div&gt;
&lt;center style="background-color: white; color: #555555; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px;"&gt;
&lt;a href="http://www.blogger.com/blogger.g?blogID=5974335734164880281" name="m!e70c" style="color: #0c74a6;"&gt;&lt;/a&gt;&lt;div class="microcontent-wrapper" data-fragment="m!e70c" style="clear: left; margin-left: 40px; position: relative;"&gt;
&lt;div class="microcontent-shares" style="-webkit-box-shadow: rgb(204, 204, 204) 1px 1px 2px; -webkit-transition: opacity 0.25s ease; border: 1px solid transparent; box-shadow: rgb(204, 204, 204) 1px 1px 2px; height: 0px; left: -47px; opacity: 0; padding: 5px; position: absolute; top: -5px; width: 30px;"&gt;
&lt;a class="social-share microcontent-share-badge network-badge network-badge-facebook facebook" data-fragment="m!e70c" data-image="http://rack.3.mshcdn.com/media/ZgkyMDEyLzEyLzA0L2I3L2Jhc3Rhd2hpenN0LmI3MC5naWY/7df13f8f/605/bastawhizstwitterwidget.gif" href="http://mashable.com/2009/03/30/twitter-badges/#" style="-webkit-transition: color 0.3s ease; color: #3c5a98; display: inline-block; font-size: 3rem; height: 30px; line-height: 1; margin: 0px 0px 2px; padding: 0px !important; position: relative; text-decoration: initial; text-indent: -9900px; white-space: nowrap; width: 30px;"&gt;&lt;/a&gt;&lt;a class="social-share microcontent-share-badge network-badge network-badge-twitter twitter" data-fragment="m!e70c" data-image="http://rack.3.mshcdn.com/media/ZgkyMDEyLzEyLzA0L2I3L2Jhc3Rhd2hpenN0LmI3MC5naWY/7df13f8f/605/bastawhizstwitterwidget.gif" href="http://mashable.com/2009/03/30/twitter-badges/#" style="-webkit-transition: color 0.3s ease; color: #2daae1; display: inline-block; font-size: 3rem; height: 30px; line-height: 1; margin: 0px 0px 2px; padding: 0px !important; position: relative; text-decoration: initial; text-indent: -9900px; white-space: nowrap; width: 30px;"&gt;&lt;/a&gt;&lt;a class="social-share microcontent-share-badge network-badge network-badge-linked_in linked_in" data-fragment="m!e70c" data-image="http://rack.3.mshcdn.com/media/ZgkyMDEyLzEyLzA0L2I3L2Jhc3Rhd2hpenN0LmI3MC5naWY/7df13f8f/605/bastawhizstwitterwidget.gif" href="http://mashable.com/2009/03/30/twitter-badges/#" style="-webkit-transition: color 0.3s ease; color: #0073a4; display: inline-block; font-size: 3rem; height: 30px; line-height: 1; margin: 0px 0px 2px; padding: 0px !important; position: relative; text-decoration: initial; text-indent: -9900px; white-space: nowrap; width: 30px;"&gt;&lt;/a&gt;&lt;a class="social-share microcontent-share-badge network-badge network-badge-pinterest pinterest" data-fragment="m!e70c" data-image="http://rack.3.mshcdn.com/media/ZgkyMDEyLzEyLzA0L2I3L2Jhc3Rhd2hpenN0LmI3MC5naWY/7df13f8f/605/bastawhizstwitterwidget.gif" href="http://mashable.com/2009/03/30/twitter-badges/#" style="-webkit-transition: color 0.3s ease; color: #bf1e25; display: inline-block; font-size: 3rem; height: 30px; line-height: 1; margin: 0px; padding: 0px !important; position: relative; text-decoration: initial; text-indent: -9900px; white-space: nowrap; width: 30px;"&gt;&lt;/a&gt;&lt;/div&gt;
&lt;img alt="bastawhizs twitter widget" class="alignnone size-full wp-image-114119" data-width="550" src="http://rack.3.mshcdn.com/media/ZgkyMDEyLzEyLzA0L2I3L2Jhc3Rhd2hpenN0LmI3MC5naWY/7df13f8f/605/bastawhizstwitterwidget.gif" style="border: 0px; max-width: 100%; vertical-align: middle;" title="bastawhizs twitter widget" /&gt;&lt;/div&gt;
&lt;/center&gt;
&lt;div style="background-color: white; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px; margin-bottom: 1.5em; margin-top: 0.75em;"&gt;
&lt;a href="http://www.widgetbox.com/widget/twitter-badge" style="text-decoration: initial;" target="_blank"&gt;&lt;span style="color: red;"&gt;&lt;b&gt;Bastawhiz's Twitter Widget&lt;/b&gt;&lt;/span&gt;&lt;/a&gt;&lt;span style="color: #555555;"&gt;&amp;nbsp;- A customizable widget that lets you set the height, width and the number of tweets to display.&amp;nbsp; Each tweet is hyperlinked to the permalink on the Twitter site for easy access.&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px; margin-bottom: 1.5em; margin-top: 0.75em;"&gt;
&lt;a href="http://www.bloggerbuster.com/2008/04/add-customized-twitter-widget-to-your.html" style="text-decoration: initial;" target="_blank"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;Blogger Buster Twitter Widget&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;span style="color: #555555;"&gt;&amp;nbsp;- A Twitter widget built specifically for blogs on Blogger.com.&amp;nbsp; Just enter a title for it, your username and the number of tweets to display and you're done.&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px; margin-bottom: 1.5em; margin-top: 0.75em;"&gt;
&lt;a href="http://www.languageisavirus.com/twitterbuttons/" style="text-decoration: initial;" target="_blank"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;Language Is A Virus&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;span style="color: #555555;"&gt;&amp;nbsp;- Language Is A Virus offers hundreds of different Twitter widgets that you first choose by the size small, medium or large, and once you've selected that, you can sort them by color.&amp;nbsp; Find the one you want and you have it as a badge or a widget, but if you go the widget route it will also display your last 5 tweets.&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; color: #555555; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px; margin-bottom: 1.5em; margin-top: 0.75em;"&gt;
&lt;/div&gt;
&lt;center style="background-color: white; color: #555555; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px;"&gt;
&lt;a href="http://www.blogger.com/blogger.g?blogID=5974335734164880281" name="m!caf4" style="color: #0c74a6;"&gt;&lt;/a&gt;&lt;div class="microcontent-wrapper" data-fragment="m!caf4" style="clear: left; margin-left: 40px; position: relative;"&gt;
&lt;div class="microcontent-shares" style="-webkit-box-shadow: rgb(204, 204, 204) 1px 1px 2px; -webkit-transition: opacity 0.25s ease; border: 1px solid transparent; box-shadow: rgb(204, 204, 204) 1px 1px 2px; height: 0px; left: -47px; opacity: 0; padding: 5px; position: absolute; top: -5px; width: 30px;"&gt;
&lt;a class="social-share microcontent-share-badge network-badge network-badge-facebook facebook" data-fragment="m!caf4" data-image="http://rack.0.mshcdn.com/media/ZgkyMDEyLzEyLzA2LzBkL29mZmljaWFsdHdpLjR5YS5naWY/9094ff93/d0a/officialtwitterwidget.gif" href="http://mashable.com/2009/03/30/twitter-badges/#" style="-webkit-transition: color 0.3s ease; color: #3c5a98; display: inline-block; font-size: 3rem; height: 30px; line-height: 1; margin: 0px 0px 2px; padding: 0px !important; position: relative; text-decoration: initial; text-indent: -9900px; white-space: nowrap; width: 30px;"&gt;&lt;/a&gt;&lt;a class="social-share microcontent-share-badge network-badge network-badge-twitter twitter" data-fragment="m!caf4" data-image="http://rack.0.mshcdn.com/media/ZgkyMDEyLzEyLzA2LzBkL29mZmljaWFsdHdpLjR5YS5naWY/9094ff93/d0a/officialtwitterwidget.gif" href="http://mashable.com/2009/03/30/twitter-badges/#" style="-webkit-transition: color 0.3s ease; color: #2daae1; display: inline-block; font-size: 3rem; height: 30px; line-height: 1; margin: 0px 0px 2px; padding: 0px !important; position: relative; text-decoration: initial; text-indent: -9900px; white-space: nowrap; width: 30px;"&gt;&lt;/a&gt;&lt;a class="social-share microcontent-share-badge network-badge network-badge-linked_in linked_in" data-fragment="m!caf4" data-image="http://rack.0.mshcdn.com/media/ZgkyMDEyLzEyLzA2LzBkL29mZmljaWFsdHdpLjR5YS5naWY/9094ff93/d0a/officialtwitterwidget.gif" href="http://mashable.com/2009/03/30/twitter-badges/#" style="-webkit-transition: color 0.3s ease; color: #0073a4; display: inline-block; font-size: 3rem; height: 30px; line-height: 1; margin: 0px 0px 2px; padding: 0px !important; position: relative; text-decoration: initial; text-indent: -9900px; white-space: nowrap; width: 30px;"&gt;&lt;/a&gt;&lt;a class="social-share microcontent-share-badge network-badge network-badge-pinterest pinterest" data-fragment="m!caf4" data-image="http://rack.0.mshcdn.com/media/ZgkyMDEyLzEyLzA2LzBkL29mZmljaWFsdHdpLjR5YS5naWY/9094ff93/d0a/officialtwitterwidget.gif" href="http://mashable.com/2009/03/30/twitter-badges/#" style="-webkit-transition: color 0.3s ease; color: #bf1e25; display: inline-block; font-size: 3rem; height: 30px; line-height: 1; margin: 0px; padding: 0px !important; position: relative; text-decoration: initial; text-indent: -9900px; white-space: nowrap; width: 30px;"&gt;&lt;/a&gt;&lt;/div&gt;
&lt;img alt="official twitter widget" class="alignnone size-full wp-image-113905" data-width="550" src="http://rack.0.mshcdn.com/media/ZgkyMDEyLzEyLzA2LzBkL29mZmljaWFsdHdpLjR5YS5naWY/9094ff93/d0a/officialtwitterwidget.gif" style="border: 0px; max-width: 100%; vertical-align: middle;" title="official twitter widget" /&gt;&lt;/div&gt;
&lt;/center&gt;
&lt;div style="background-color: white; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px; margin-bottom: 1.5em; margin-top: 0.75em;"&gt;
&lt;a href="http://twitter.com/badges" style="text-decoration: initial;" target="_blank"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;Official Twitter Widgets&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;span style="color: #555555;"&gt;&amp;nbsp;- Twitter offers a mixture of Flash and HTML widgets depending on the platform you wish to put them on.&amp;nbsp; Officially supported sites are Blogger, Facebook (via an application), MySpace, and TypePad. Twitter also offers generic widgets for other sites.&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px; margin-bottom: 1.5em; margin-top: 0.75em;"&gt;
&lt;a href="http://greenhouse.sproutbuilder.com/" style="text-decoration: initial;" target="_blank"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;Sprout&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;span style="color: #555555;"&gt;&amp;nbsp;- Ever wanted to build your own widget from the ground up?&amp;nbsp; Well, Sprout will let you build them for several services, but Twitter is probably the most popular.&amp;nbsp; If you're worried about not knowing anything about programming, Sprout handles that for you by giving you the ability to just drag-and-drop the elements you want, but arranging them easily in the way you want.&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px; margin-bottom: 1.5em; margin-top: 0.75em;"&gt;
&lt;a href="http://www.bloghighlight.com/wordpress-plugins/twibadge/" style="text-decoration: initial;" target="_blank"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;TwiBadge&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;span style="color: #555555;"&gt;&amp;nbsp;- TwiBadge is a WordPress plugin widget that allows you to easily add the official Twitter widget to your site.&amp;nbsp; This allows you to show a group of your most recent tweets, your user name and number of followers, but best of all, it will also enable your readers to login and follow you so they can do everything right from your sidebar.&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; color: #555555; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px; margin-bottom: 1.5em; margin-top: 0.75em;"&gt;
&lt;/div&gt;
&lt;center style="background-color: white; color: #555555; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px;"&gt;
&lt;a href="http://www.blogger.com/blogger.g?blogID=5974335734164880281" name="m!3d7c" style="color: #0c74a6;"&gt;&lt;/a&gt;&lt;div class="microcontent-wrapper" data-fragment="m!3d7c" style="clear: left; margin-left: 40px; position: relative;"&gt;
&lt;div class="microcontent-shares" style="-webkit-box-shadow: rgb(204, 204, 204) 1px 1px 2px; -webkit-transition: opacity 0.25s ease; border: 1px solid transparent; box-shadow: rgb(204, 204, 204) 1px 1px 2px; height: 0px; left: -47px; opacity: 0; padding: 5px; position: absolute; top: -5px; width: 30px;"&gt;
&lt;a class="social-share microcontent-share-badge network-badge network-badge-facebook facebook" data-fragment="m!3d7c" data-image="http://rack.0.mshcdn.com/media/ZgkyMDEyLzEyLzA0L2YxL3dpZGdldG5lc3R0LmI3cC5naWY/247a337b/4ea/widgetnesttwitterwidget.gif" href="http://mashable.com/2009/03/30/twitter-badges/#" style="-webkit-transition: color 0.3s ease; color: #3c5a98; display: inline-block; font-size: 3rem; height: 30px; line-height: 1; margin: 0px 0px 2px; padding: 0px !important; position: relative; text-decoration: initial; text-indent: -9900px; white-space: nowrap; width: 30px;"&gt;&lt;/a&gt;&lt;a class="social-share microcontent-share-badge network-badge network-badge-twitter twitter" data-fragment="m!3d7c" data-image="http://rack.0.mshcdn.com/media/ZgkyMDEyLzEyLzA0L2YxL3dpZGdldG5lc3R0LmI3cC5naWY/247a337b/4ea/widgetnesttwitterwidget.gif" href="http://mashable.com/2009/03/30/twitter-badges/#" style="-webkit-transition: color 0.3s ease; color: #2daae1; display: inline-block; font-size: 3rem; height: 30px; line-height: 1; margin: 0px 0px 2px; padding: 0px !important; position: relative; text-decoration: initial; text-indent: -9900px; white-space: nowrap; width: 30px;"&gt;&lt;/a&gt;&lt;a class="social-share microcontent-share-badge network-badge network-badge-linked_in linked_in" data-fragment="m!3d7c" data-image="http://rack.0.mshcdn.com/media/ZgkyMDEyLzEyLzA0L2YxL3dpZGdldG5lc3R0LmI3cC5naWY/247a337b/4ea/widgetnesttwitterwidget.gif" href="http://mashable.com/2009/03/30/twitter-badges/#" style="-webkit-transition: color 0.3s ease; color: #0073a4; display: inline-block; font-size: 3rem; height: 30px; line-height: 1; margin: 0px 0px 2px; padding: 0px !important; position: relative; text-decoration: initial; text-indent: -9900px; white-space: nowrap; width: 30px;"&gt;&lt;/a&gt;&lt;a class="social-share microcontent-share-badge network-badge network-badge-pinterest pinterest" data-fragment="m!3d7c" data-image="http://rack.0.mshcdn.com/media/ZgkyMDEyLzEyLzA0L2YxL3dpZGdldG5lc3R0LmI3cC5naWY/247a337b/4ea/widgetnesttwitterwidget.gif" href="http://mashable.com/2009/03/30/twitter-badges/#" style="-webkit-transition: color 0.3s ease; color: #bf1e25; display: inline-block; font-size: 3rem; height: 30px; line-height: 1; margin: 0px; padding: 0px !important; position: relative; text-decoration: initial; text-indent: -9900px; white-space: nowrap; width: 30px;"&gt;&lt;/a&gt;&lt;/div&gt;
&lt;img alt="widgetnest twitter widget" class="alignnone size-full wp-image-114120" data-width="550" src="http://rack.0.mshcdn.com/media/ZgkyMDEyLzEyLzA0L2YxL3dpZGdldG5lc3R0LmI3cC5naWY/247a337b/4ea/widgetnesttwitterwidget.gif" style="border: 0px; max-width: 100%; vertical-align: middle;" title="widgetnest twitter widget" /&gt;&lt;/div&gt;
&lt;/center&gt;
&lt;div style="background-color: white; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px; margin-bottom: 1.5em; margin-top: 0.75em;"&gt;
&lt;a href="http://www.widgetnest.net/get/twitterwidget/" style="text-decoration: initial;" target="_blank"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;Twitter Widget&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;span style="color: #555555;"&gt;&amp;nbsp;- WidgetNest offers up a nice little Twitter widget that keeps the theme of the main site.&amp;nbsp; It displays your name and avatar, and your last several tweets scroll one at a time at a speed of your choice. Coding is available as JavaScript and Flash.&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px; margin-bottom: 1.5em; margin-top: 0.75em;"&gt;
&lt;a href="http://twittersalt.com/" style="text-decoration: initial;" target="_blank"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;TwitterSalt&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;span style="color: #555555;"&gt;&amp;nbsp;- TwitterSalt allows you to customize your widget on their site and then just by using a single line of HTML code you can post your updates on sites, on message boards, in emails and more.&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 22px; margin-bottom: 1.5em; margin-top: 0.75em;"&gt;
&lt;a href="http://en.blog.wordpress.com/2009/03/26/twitter-widget/" style="text-decoration: initial;" target="_blank"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;WordPress.com Twitter Widget&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;span style="color: #555555;"&gt;&amp;nbsp;- WordPress.com hosted blogs can't upload their own plugins, but they've been nice enough to add a built-in widget for you to add your tweets to your blog.&amp;nbsp; Just enter a title, your Twitter name and the number of tweets to display, and then you can just add it to your sidebar&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
</description><link>http://howstartblogging.blogspot.com/2012/12/20-twitter-badges-to-show-off-your.html</link><author>noreply@blogger.com (Anonymous)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5974335734164880281.post-3763128700933542931</guid><pubDate>Sat, 15 Dec 2012 07:25:00 +0000</pubDate><atom:updated>2012-12-16T00:36:04.899-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Meta Tags</category><category domain="http://www.blogger.com/atom/ns#">SEO</category><title>Add Meta Tags to Blogger for Better SEO</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;span style="font-family: Verdana;"&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: #ea9999; font-family: Verdana;"&gt;In this tutorial we will discuss, how to add meta tags to blogger blogspot blog, to improve Search Engine Optimization (SEO) of blog, and go beyond the limitations of the blogger platform.&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: #ea9999;"&gt;&lt;span style="font-family: Verdana;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-family: Verdana;"&gt;You must have been to many articles that are telling, how to add meta tags to blogger&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: #ea9999;"&gt;&lt;span style="font-family: Verdana;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-family: Verdana;"&gt;&lt;b&gt;What are Meta Tags?&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: #ea9999; font-family: Verdana;"&gt;A meta tag is a line of HTML code that describes your site. It used to be the case that you placed meta tags at the top of every web page; one meta tag for keyword, another for a description. Although they would not be seen by viewers of your web page, search engines (such as Google) used them.&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: #ea9999;"&gt;&lt;span style="font-family: Verdana;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-family: Verdana;"&gt;Keywords are those that best describe you business or blog's purpose. The description contains your keywords, but is sentence style. If someone used Google to search for one of your keywords (for example "blogging hub") and you were listed on the search results page, the meta description would appear under your listing providing the user with a brief summary of your blog.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: #ea9999;"&gt;&lt;span style="font-family: Verdana;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-family: Verdana;"&gt;However, because so many people abused meta keywords, many search engines don't use the meta tags in their algorithms anymore. But it doesn't hurt to include them on your blog.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: #ea9999;"&gt;&lt;span style="font-family: Verdana;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-family: Verdana;"&gt;&lt;b&gt;Limitations of Blogger and SEO&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: #ea9999; font-family: Verdana;"&gt;Well, by default Blogger is not properly optimized for SEO. Meta descriptions and keywords are not supported. Title tags are also not optimized.&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: #ea9999;"&gt;&lt;span style="font-family: Verdana;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-family: Verdana;"&gt;However meta tags and meta description can be inserted into Blogger template to make it Optimized. But make sure that you have done correction of your title tags, but if you don't know anything about title tags then please refer to adjust blogger title tags to improve SEO first.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: #ea9999;"&gt;&lt;span style="font-family: Verdana;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-family: Verdana;"&gt;&lt;b&gt;How to Add Meta Tags to your Blog Home Page&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: #ea9999;"&gt;&lt;span style="font-family: Verdana;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-family: Verdana;"&gt;1. &lt;b&gt;Login &lt;/b&gt;to Blogger if not already logged in.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: #ea9999;"&gt;&lt;span style="font-family: Verdana;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-family: Verdana;"&gt;2. From the Dashboard, go to &lt;b&gt;Design&lt;/b&gt;, &lt;b&gt;Edit HTML.&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: #ea9999;"&gt;&lt;span style="font-family: Verdana;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-family: Verdana;"&gt;3. &lt;b&gt;Back up&lt;/b&gt; your template as a precaution by downloading full template to your computer.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: #ea9999;"&gt;&lt;span style="font-family: Verdana;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-family: Verdana;"&gt;4. Check the &lt;b&gt;Expand Widget Templates&lt;/b&gt; box.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: #ea9999;"&gt;&lt;span style="font-family: Verdana;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-family: Verdana;"&gt;5. Find these lines which will be near the top of your template:&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;br /&gt;
&lt;div style="text-align: center;"&gt;
&lt;span style="font-family: Verdana;"&gt;&lt;span style="color: blue;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="text-align: center;"&gt;
&lt;span style="font-family: Verdana;"&gt;&lt;span style="color: blue;"&gt;&amp;lt;b:include data='blog' name='all-head-content'/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="text-align: center;"&gt;
&lt;span style="font-family: Verdana;"&gt;&lt;span style="color: blue;"&gt;&amp;lt;title&amp;gt;&amp;lt;data:blog.pageTitle/&amp;gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="text-align: center;"&gt;
&lt;span style="font-family: Verdana;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="background-color: #ea9999; font-family: Verdana;"&gt;6. Paste the following code immediately below&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: #ea9999; font-family: Verdana;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;br /&gt;
&lt;div style="text-align: center;"&gt;
&lt;span style="font-family: Verdana;"&gt;&lt;span style="color: red;"&gt;&amp;lt;title&amp;gt;&amp;lt;data:blog.pageTitle/&amp;gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana;"&gt;&lt;span style="color: red;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="font-family: Verdana;"&gt;&lt;span style="color: blue;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;
&lt;br /&gt;
&lt;div style="text-align: center;"&gt;
&lt;span style="font-family: Verdana;"&gt;&lt;span style="color: blue;"&gt;&amp;lt;b:if cond='data:blog.url == data:blog.homepageUrl'&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="text-align: center;"&gt;
&lt;span style="font-family: Verdana;"&gt;&lt;span style="color: blue;"&gt;&amp;lt;meta content='Place your blog description here' name='description'/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="text-align: center;"&gt;
&lt;span style="font-family: Verdana;"&gt;&lt;span style="color: blue;"&gt;&amp;lt;meta content='Place your blog keywords here(separated by commas)'&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="text-align: center;"&gt;
&lt;span style="font-family: Verdana;"&gt;&lt;span style="color: blue;"&gt;name='keywords'/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="text-align: center;"&gt;
&lt;span style="font-family: Verdana;"&gt;&lt;span style="color: blue;"&gt;&amp;lt;/b:if&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="font-family: Verdana;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: #ea9999; font-family: Verdana;"&gt;7. The blog description should be more then 120 characters and less then 150 characters including spaces.&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: #ea9999;"&gt;&lt;span style="font-family: Verdana;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-family: Verdana;"&gt;8. It's important to use keywords, it is just as important not to overuse them. If you do, your site will be flagged as "spam" and won't show up at all on results pages. My recommendation is to keep your keyword usage to 4-8 percent. So out of 100 words, you should only use a keyword 4 to 8 times.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: #ea9999;"&gt;&lt;span style="font-family: Verdana;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-family: Verdana;"&gt;&lt;span style="color: #333333;"&gt;&lt;span style="line-height: 23.133333206176758px;"&gt;9. Click on Save Template button and you are done.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: Verdana;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="font-family: Verdana;"&gt;
&lt;!--[endif]--&gt;&lt;/span&gt;&lt;/div&gt;
</description><link>http://howstartblogging.blogspot.com/2012/12/add-meta-tags-to-blogger-for-better-seo.html</link><author>noreply@blogger.com (Anonymous)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5974335734164880281.post-5024856843668943221</guid><pubDate>Fri, 14 Dec 2012 18:07:00 +0000</pubDate><atom:updated>2012-12-16T00:36:26.678-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Meta Tags</category><category domain="http://www.blogger.com/atom/ns#">SEO</category><title>Adjust Blogger Title Tags to Improve SEO</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidpEm-wEE5M6g1N8g27TeFeMF4XK0rA1QgWXR3BRyxdO48Tx-MlmyNphZ1lLjDqFKDV0S6_0_xW6MNnK8uTvpAbdWNedPAhkyzhE7vX09_RGtySlDa8SNccINeuAVhCfS7bKUQG85GW8w/s1600/Adjust+Blogger+Title+Tags+to+Improve+SEO+-+Blogging+Hub.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidpEm-wEE5M6g1N8g27TeFeMF4XK0rA1QgWXR3BRyxdO48Tx-MlmyNphZ1lLjDqFKDV0S6_0_xW6MNnK8uTvpAbdWNedPAhkyzhE7vX09_RGtySlDa8SNccINeuAVhCfS7bKUQG85GW8w/s400/Adjust+Blogger+Title+Tags+to+Improve+SEO+-+Blogging+Hub.jpeg" width="400" /&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: left;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;span style="background-color: white; color: #333333; font-family: Verdana; font-size: 13px; line-height: 23.149999618530273px;"&gt;This article is related to SEO that how to improve search engine optimization for blogger blogspot blog. In this article we will discuss how to edit and correct the title tags of blogger blog to improve page rank in search engine results. By default the blogger title tags are not search engine optimized because the order is not correct the blog title is followed by post title which search engines really don't like and you could not get the targeted traffic that's why you have to manually optimize them, and this is a big disadvantage as compared to other plat forms like Wordpress or TypePad. Where they have built in SEO modules which help them to get higher in search results.You should also &lt;/span&gt;&lt;span style="font-size: small;"&gt;Add Meta Tags to Blogger for Better SEO.For this read my tutorial on&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: blue;"&gt;&lt;b&gt;Add Meta Tags to Blogger for Better SEO&lt;/b&gt;&lt;/span&gt;&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #333333; font-family: Verdana; font-size: 13px; line-height: 23.149999618530273px;"&gt;The default title tags of blogger are like that “first blog name and then post title or title of the post”, which is not search engine friendly and popular search engines like&amp;nbsp;&lt;/span&gt;&lt;b style="background-color: white; color: #333333; font-family: Verdana; font-size: 13px; line-height: 23.149999618530273px; margin: 0px; padding: 0px;"&gt;Google&lt;/b&gt;&lt;span style="background-color: white; color: #333333; font-family: Verdana; font-size: 13px; line-height: 23.149999618530273px;"&gt;,&amp;nbsp;&lt;/span&gt;&lt;b style="background-color: white; color: #333333; font-family: Verdana; font-size: 13px; line-height: 23.149999618530273px; margin: 0px; padding: 0px;"&gt;Yahoo&lt;/b&gt;&lt;span style="background-color: white; color: #333333; font-family: Verdana; font-size: 13px; line-height: 23.149999618530273px;"&gt;&amp;nbsp;and&amp;nbsp;&lt;/span&gt;&lt;b style="background-color: white; color: #333333; font-family: Verdana; font-size: 13px; line-height: 23.149999618530273px; margin: 0px; padding: 0px;"&gt;Bing&lt;/b&gt;&lt;span style="background-color: white; color: #333333; font-family: Verdana; font-size: 13px; line-height: 23.149999618530273px;"&gt;&amp;nbsp;don’t give them much importance. Instead of this the search engine gives more importance to the title tags, where the blog name comes after the post title. Following example will show you the main difference of default and SEO optimized title tags. First the default title tags which looks like&amp;nbsp;&lt;/span&gt;&lt;b style="background-color: white; color: #333333; font-family: Verdana; font-size: 13px; line-height: 23.149999618530273px; margin: 0px; padding: 0px;"&gt;Blog Name | Post Name&lt;/b&gt;&lt;span style="background-color: white; color: #333333; font-family: Verdana; font-size: 13px; line-height: 23.149999618530273px;"&gt;.&lt;/span&gt;&lt;br /&gt;
&lt;br style="background-color: white; color: #333333; font-family: Verdana; font-size: 13px; line-height: 23.149999618530273px; margin: 0px; padding: 0px;" /&gt;
&lt;span style="background-color: white; color: #333333; font-family: Verdana; font-size: 13px; line-height: 23.149999618530273px;"&gt;As you have seen the default title tags there is just a simple trick with which it becomes search engine optimized and you could get the targeted traffic.&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style="color: blue; font-size: x-large;"&gt;Before Applying Hack&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: blue; font-size: x-large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZYPQe3Yf5PV-1PauDg0-R_ugG75qdMn2fijH5dnEuLcelMeiM6tsG9QWuo6_sE7495pJCyBAlpGj616_PRfo-3C2qJ0I8mOTs8yILeoT9oIJx48xrWsop-5NzKgPWHP3BGZCCMB9VrIc/s1600/1.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="88" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZYPQe3Yf5PV-1PauDg0-R_ugG75qdMn2fijH5dnEuLcelMeiM6tsG9QWuo6_sE7495pJCyBAlpGj616_PRfo-3C2qJ0I8mOTs8yILeoT9oIJx48xrWsop-5NzKgPWHP3BGZCCMB9VrIc/s400/1.jpeg" width="400" /&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;span style="color: blue; font-size: x-large;"&gt;&amp;nbsp;After Applying Hack&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: blue; font-size: x-large;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy9-Cxo2VUcrELXmKhCppknNgTH5gw5tuut-ptODQHslccjJsBKQ719nv6UMyH3zOy-S3TNGV-wd89p2OW0XPAn6k6VfWc5CE7hEVOy9VjUpxmilvFW8QwUas-Dq4YFUQVnvh9mkErcGI/s1600/2.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="97" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy9-Cxo2VUcrELXmKhCppknNgTH5gw5tuut-ptODQHslccjJsBKQ719nv6UMyH3zOy-S3TNGV-wd89p2OW0XPAn6k6VfWc5CE7hEVOy9VjUpxmilvFW8QwUas-Dq4YFUQVnvh9mkErcGI/s400/2.jpeg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;b style="background-color: white; font-family: Verdana; font-size: 13px; line-height: 23.149999618530273px; margin: 0px; padding: 0px;"&gt;&lt;span style="color: red;"&gt;Following steps will help you to improve search engine rankings:&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br style="background-color: white; color: #333333; font-family: Verdana; font-size: 13px; line-height: 23.149999618530273px; margin: 0px; padding: 0px;" /&gt;
&lt;span style="background-color: white; color: #333333; font-family: Verdana; font-size: 13px; line-height: 23.149999618530273px;"&gt;Editing Title tags for better SEO&lt;/span&gt;&lt;br /&gt;
&lt;br style="background-color: white; color: #333333; font-family: Verdana; font-size: 13px; line-height: 23.149999618530273px; margin: 0px; padding: 0px;" /&gt;
&lt;span style="background-color: white; color: #333333; font-family: Verdana; font-size: 13px; line-height: 23.149999618530273px;"&gt;1. Login to Blogger. From the dashboard go to Design &amp;gt; Edit HTML&lt;/span&gt;&lt;br /&gt;
&lt;br style="background-color: white; color: #333333; font-family: Verdana; font-size: 13px; line-height: 23.149999618530273px; margin: 0px; padding: 0px;" /&gt;
&lt;span style="background-color: white; color: #333333; font-family: Verdana; font-size: 13px; line-height: 23.149999618530273px;"&gt;2. Now find the code given below by simply pressing Ctrl + F key in the HTML tab&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote style="background-color: #f4f4f4; border: 1px solid rgb(221, 221, 221); font-family: Verdana; font-size: 11px; font-style: italic; line-height: 23.149999618530273px; margin: 0px 0px 15px; overflow: hidden; padding: 0px 10px; text-align: center;"&gt;
&lt;span style="color: red;"&gt;&amp;lt;title&amp;gt;&amp;lt;data:blog.pageTitle/&amp;gt;&amp;lt;/title&amp;gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;br style="background-color: white; color: #333333; font-family: Verdana; font-size: 13px; line-height: 23.149999618530273px; margin: 0px; padding: 0px;" /&gt;
&lt;span style="background-color: white; color: #333333; font-family: Verdana; font-size: 13px; line-height: 23.149999618530273px;"&gt;3. Now replace it with the following code (Ctrl + C copy, Ctrl + V paste)&lt;/span&gt;&lt;br /&gt;
&lt;br style="background-color: white; color: #333333; font-family: Verdana; font-size: 13px; line-height: 23.149999618530273px; margin: 0px; padding: 0px;" /&gt;
&lt;blockquote style="background-color: #f4f4f4; border: 1px solid rgb(221, 221, 221); font-family: Verdana; font-size: 11px; font-style: italic; line-height: 23.149999618530273px; margin: 0px 0px 15px; overflow: hidden; padding: 0px 10px; text-align: center;"&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;br style="margin: 0px; padding: 0px;" /&gt;&amp;lt;title&amp;gt;&amp;lt;data:blog.pageName/&amp;gt; |&amp;nbsp;&lt;br style="margin: 0px; padding: 0px;" /&gt;&amp;lt;data:blog.title/&amp;gt;&amp;lt;/title&amp;gt;&lt;br style="margin: 0px; padding: 0px;" /&gt;&amp;lt;b:else/&amp;gt;&lt;br style="margin: 0px; padding: 0px;" /&gt;&amp;lt;title&amp;gt;&amp;lt;data:blog.pageTitle/&amp;gt;&amp;lt;/title&amp;gt;&lt;br style="margin: 0px; padding: 0px;" /&gt;&amp;lt;/b:if&amp;gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;br style="background-color: white; color: #333333; font-family: Verdana; font-size: 13px; line-height: 23.149999618530273px; margin: 0px; padding: 0px;" /&gt;
&lt;span style="background-color: white; color: #333333; font-family: Verdana; font-size: 13px; line-height: 23.149999618530273px;"&gt;4. And that's all you're done now click on Save Template and then View Blog.&lt;/span&gt;&lt;br /&gt;
&lt;br style="background-color: white; color: #333333; font-family: Verdana; font-size: 13px; line-height: 23.149999618530273px; margin: 0px; padding: 0px;" /&gt;
&lt;span style="background-color: white; color: #333333; font-family: Verdana; font-size: 13px; line-height: 23.149999618530273px;"&gt;As you have seen that your page title comes before you blog title. Now you will see a significant improvement in traffic accessing your site.&lt;/span&gt;&lt;/div&gt;
</description><link>http://howstartblogging.blogspot.com/2012/12/adjust-blogger-title-tags-to-improve-seo.html</link><author>noreply@blogger.com (Anonymous)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidpEm-wEE5M6g1N8g27TeFeMF4XK0rA1QgWXR3BRyxdO48Tx-MlmyNphZ1lLjDqFKDV0S6_0_xW6MNnK8uTvpAbdWNedPAhkyzhE7vX09_RGtySlDa8SNccINeuAVhCfS7bKUQG85GW8w/s72-c/Adjust+Blogger+Title+Tags+to+Improve+SEO+-+Blogging+Hub.jpeg" width="72"/><thr:total>2</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5974335734164880281.post-3568194388836748796</guid><pubDate>Fri, 14 Dec 2012 16:26:00 +0000</pubDate><atom:updated>2012-12-14T10:38:54.380-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Track Visitors</category><title>Add Outbrain Ratings Widget to Blogger</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;div style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;
&lt;span style="background-color: white;"&gt;&lt;a href="http://www.outbrain.com/" style="color: #223344;"&gt;Outbrain&lt;/a&gt;&amp;nbsp;provides a free and very stylish content recommendations and ratings widget which can be easily added to your Blogger Blogspot blog. In this tutorial I will discuss the benefits of Outbrain and also provide a step by step walkthrough of the process of adding an Outbrain widget to your Blogger blog and your Feedburner FeedFlare if you have burned your blog feed at Feedburner.&lt;/span&gt;&lt;/div&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSOoafeXEogdNKoTH-Wi3ntneFj7ab0Bk_oaC_x_mMyUsHDvYIX9a5n42HtOBthuURBWHE7ZFVchP5rA5wF2PKkxvdydDJb7wOUtQq7AWjUi2q1tImsz7uliBPSA3uFUEY9XN04PG748Q/s1600-h/outbrain_homw-page.JPG" style="background-color: white; color: #223344; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;img alt="Outbrain Home Page" border="0" id="BLOGGER_PHOTO_ID_5328145070557419874" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSOoafeXEogdNKoTH-Wi3ntneFj7ab0Bk_oaC_x_mMyUsHDvYIX9a5n42HtOBthuURBWHE7ZFVchP5rA5wF2PKkxvdydDJb7wOUtQq7AWjUi2q1tImsz7uliBPSA3uFUEY9XN04PG748Q/s320/outbrain_homw-page.JPG" style="border-width: 0px; display: block; height: 129px; margin: 0px auto 10px; padding: 4px; text-align: center; width: 320px;" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;strong style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Benefits of Adding Outbrain to Your Blogger Blog&lt;/strong&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;By adding an Outbrain content and ratings widget to your Blogger blog you will encourage visitors to record their reactions to a post they have just read. Along with features likes polls this is another good method of encouraging visitors to interact with your blog. Outbrain also makes it possible to display your most popular posts within the widget. In addition the Outbrain ratings widget may help drive more traffic to your blog when your visitors use the Recommended Posts feature which is embedded in the widget. By the same token it may also mean that the traffic doesn't stay long as visitors will be wooed away by recommended links so you will have to weigh up the benefits versus the costs for yourself. Outbrain also provides reports on widget activity&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;strong style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;How to Add an Outbrain Ratings Widget to Blogger&lt;/strong&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;1. Register at&amp;nbsp;&lt;/span&gt;&lt;a href="http://www.outbrain.com/" style="color: #223344; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Outbrain&lt;/a&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;. This is a simple sign up process that requires you to click on a confirmation email once you have requested sign up and filled out a simple form.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;2. Once registered click on&amp;nbsp;&lt;/span&gt;&lt;strong style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Get the Widget&amp;nbsp;&lt;/strong&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;from the footer menu&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;3. Choose&amp;nbsp;&lt;/span&gt;&lt;strong style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Blogger&lt;/strong&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&amp;nbsp;as your Blogging platform&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;4. Select the&amp;nbsp;&lt;/span&gt;&lt;strong style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;language&lt;/strong&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&amp;nbsp;of your widget if other than English which is the default&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;5. Click on&amp;nbsp;&lt;/span&gt;&lt;strong style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Get the Widget&amp;nbsp;&lt;/strong&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;button and Outbrain will automatically refer you to Blogger in a new window. Sign in to Blogger in the new browser window. Don't close the Outbrain window as we will be returning here.&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEcK71wMh9gF2jajLvaq1IV-KHSxLV_NJ1KlBkVoBR_R6zgqZ4jTl05RCQa5_WlVh1WxMy1r4oiQuTEsEiETft5Hp_jnezyzvszLI3-_DJhIfwpeBjKCeh_rOczB6jJUQ7znE6-fw-kUo/s1600-h/outbrain_get-widget.JPG" style="background-color: white; color: #223344; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;img alt="Outbrain Get Widget page" border="0" id="BLOGGER_PHOTO_ID_5328151280745001218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEcK71wMh9gF2jajLvaq1IV-KHSxLV_NJ1KlBkVoBR_R6zgqZ4jTl05RCQa5_WlVh1WxMy1r4oiQuTEsEiETft5Hp_jnezyzvszLI3-_DJhIfwpeBjKCeh_rOczB6jJUQ7znE6-fw-kUo/s320/outbrain_get-widget.JPG" style="border-width: 0px; display: block; height: 162px; margin: 0px auto 10px; padding: 4px; text-align: center; width: 320px;" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;6. Choose your blog from the drop down menu and click on the&amp;nbsp;&lt;/span&gt;&lt;strong style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Add Widget&amp;nbsp;&lt;/strong&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;button.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq3MYeDNHbMboM7bcZM2BI4OmihixYAg7gr4RnE3AdeCyjFESkJYqzMaaHAELGoVmQZYv9YXkqwto5C1sH3Euls4ZX5pi0sI6cZZFzXEWiDy4X_dtlQNJrOrGlKNQvzpOtqd1oVuWrH44/s1600-h/blogger_add-outbrain.JPG" style="background-color: white; color: #223344; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;br /&gt;&lt;/a&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;7. Navigate to&amp;nbsp;&lt;/span&gt;&lt;strong style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Layout &amp;gt; Page Elements&amp;nbsp;&lt;/strong&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;and reposition if necessary your new widget which will now be appearing in the sidebar of your blog. Save any changes you make.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;8. Return to Outbrain in your open browser window and click on the&lt;/span&gt;&lt;strong style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;click here&lt;/strong&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&amp;nbsp;link to verify your blog. You will receive a message verifying that you have claimed your blog&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;9. Click on the&amp;nbsp;&lt;/span&gt;&lt;strong style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;View Blog&amp;nbsp;&lt;/strong&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;link in the menu tab section and view your new Outbrain widget in action.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3uGhSuJOD7sSW7DM2GrjpG0In34_iyxM7qBBLkpSDUxLv0i-kKTmIBYiYb10ndpbV8ZbCx5JjefI94rGmIX5HzIlEingLOpGkUYeH5MXjC6Gb_9_tI1H1-DHLLG5RWj18VMDjV5FMsGM/s1600-h/blogger_outbrain-widget.JPG" style="background-color: white; color: #223344; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;img alt="Outbrain Ratings Widget as it appears at the bottom of a Blogger post" border="0" id="BLOGGER_PHOTO_ID_5331778764493011794" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3uGhSuJOD7sSW7DM2GrjpG0In34_iyxM7qBBLkpSDUxLv0i-kKTmIBYiYb10ndpbV8ZbCx5JjefI94rGmIX5HzIlEingLOpGkUYeH5MXjC6Gb_9_tI1H1-DHLLG5RWj18VMDjV5FMsGM/s320/blogger_outbrain-widget.JPG" style="border-width: 0px; display: block; height: 262px; margin: 0px auto 10px; padding: 4px; text-align: center; width: 320px;" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;div style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;
&lt;span style="background-color: white;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3uGhSuJOD7sSW7DM2GrjpG0In34_iyxM7qBBLkpSDUxLv0i-kKTmIBYiYb10ndpbV8ZbCx5JjefI94rGmIX5HzIlEingLOpGkUYeH5MXjC6Gb_9_tI1H1-DHLLG5RWj18VMDjV5FMsGM/s1600-h/blogger_outbrain-widget.JPG" style="color: #223344;"&gt;&lt;/a&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;Note that once your readers start to rate your posts by clicking on them the stars will become yellow. 5 yellow stars is an excellent rating&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;strong style="background-color: white;"&gt;Customizing Your Outbrain Ratings Widget&lt;/strong&gt;&lt;/div&gt;
&lt;div style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;
&lt;span style="background-color: white;"&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;1. Return to the Outbrain window in your browser&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;2. Navigate to&amp;nbsp;&lt;strong&gt;Manage Posts&amp;nbsp;&lt;/strong&gt;using the Sidebar Menu on the lefthand side&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;3. In the list of blogs you will see your blog listed. Click on the&lt;strong&gt;settings&lt;/strong&gt;&amp;nbsp;link&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;
&lt;/div&gt;
&lt;span style="background-color: white;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY7TgANhRSA4I1seiNRSsp8hwH0w7qtFgosRvbG7HmKh53XU5oBTsiaKA6nYACxbtP9TGo4ht1PsqjaL1RId9YRIB6cgg39OOhSd1ffZDbZBFT7rxExgT7r_UKCMSoInZehyphenhyphenXFzzgDSDg/s1600-h/outbrain_manage-blogs.JPG" style="color: #223344; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;img alt="Outbrain Manage Blogs Screen" border="0" id="BLOGGER_PHOTO_ID_5331776869134834194" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY7TgANhRSA4I1seiNRSsp8hwH0w7qtFgosRvbG7HmKh53XU5oBTsiaKA6nYACxbtP9TGo4ht1PsqjaL1RId9YRIB6cgg39OOhSd1ffZDbZBFT7rxExgT7r_UKCMSoInZehyphenhyphenXFzzgDSDg/s320/outbrain_manage-blogs.JPG" style="border-width: 0px; display: block; height: 172px; margin: 0px auto 10px; padding: 4px; text-align: center; width: 320px;" /&gt;&lt;/a&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;4. If you leave the default setting you will see recommended links appearing as pictured above in #9. If you don't want any recommendations you can set this to&amp;nbsp;&lt;/span&gt;&lt;strong style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;no&lt;/strong&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;5. If you have set up your blog with the idea of earning a little extra money you may choose to&amp;nbsp;&lt;/span&gt;&lt;strong style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;turn off sponsored recommendations&lt;/strong&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;. If you leave the radio button set to yes any proceeds from the sponsored links clicked on will go to charity. The charity sponsored can be selected via the drop down menu&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;6. Outbrain will show the most&amp;nbsp;&lt;/span&gt;&lt;strong style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;popular posts&amp;nbsp;&lt;/strong&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;in the sidebar of your blog if this feature is enabled. To&amp;nbsp;&lt;/span&gt;&lt;strong style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;enable popular posts&lt;/strong&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&amp;nbsp;select the&lt;/span&gt;&lt;strong style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;enable radio button&lt;/strong&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;7. Click on the&amp;nbsp;&lt;/span&gt;&lt;strong style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Submit&lt;/strong&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&amp;nbsp;button&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;strong style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Adding Outbrain to Your Feedburner FeedFlare&lt;/strong&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;If you already have a FeedFlare appearing at the footer of your burned Feedburner feed of your blog you can easily add Outbrain too.&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Go to Feedburner and choose your blog from the list of&amp;nbsp;&lt;/span&gt;&lt;strong style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;My Feeds&lt;/strong&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;. Select the&amp;nbsp;&lt;/span&gt;&lt;strong style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Optimize&amp;nbsp;&lt;/strong&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;tab and then&amp;nbsp;&lt;/span&gt;&lt;strong style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;FeedFlare&lt;/strong&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&amp;nbsp;from the lefthand sidebar menu. In the&amp;nbsp;&lt;/span&gt;&lt;strong style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Personal FeedFlare&amp;nbsp;&lt;/strong&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;section paste the following code (URL) into the text box:&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;blockquote style="border-color: rgb(187, 187, 187); border-style: dotted; border-width: 1px 0px; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 1.3em; margin: 0.75em 0px; padding: 5px 15px;"&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: red;"&gt;http://widgets.outbrain.com/FeedFlareUnit.xm&lt;/span&gt;&lt;span style="color: #558866;"&gt;l&lt;/span&gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;and click on the&amp;nbsp;&lt;/span&gt;&lt;strong style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Add New Flare&amp;nbsp;&lt;/strong&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;button. Click on Save. Your readers will now be able to rate your blog straight from your Blogger feed.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;strong style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Outbrain Troubleshooting Tips for Blogger Installation&lt;/strong&gt;&lt;br /&gt;
&lt;ul style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;
&lt;li style="color: #333333;"&gt;&lt;span style="background-color: white;"&gt;When you install Outbrain on your blog resist the temptation to rate one of your posts as this vote can't be deleted once it is cast. Even when I tried uninstalling and reinstalling the widget the vote did not clear.&lt;/span&gt;&lt;/li&gt;
&lt;li style="color: #333333;"&gt;&lt;span style="background-color: white;"&gt;The Popular Posts feature takes a while to show any posts as it needs at least 2 visits before it will start rating the post&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333;"&gt;If you have other problems with Outbrain try this active&amp;nbsp;&lt;/span&gt;&lt;a href="http://getsatisfaction.com/outbrain"&gt;&lt;span style="color: red;"&gt;Outbrain support forum&amp;nbsp;&lt;/span&gt;&lt;/a&gt;&lt;span style="color: #333333;"&gt;for answers&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;In this tutorial you have learned how to install the Outbrain Ratings widget on your Blogger Blogspot blog and customize it. Also some of the benefits of the Outbrain widget were discussed along with a couple of Outbrain installation troubleshooting tips. If you have a moment let me know how you get on installing this widget. Don't forget to bookmark this post for easy reference.&lt;/span&gt;&lt;/div&gt;
</description><link>http://howstartblogging.blogspot.com/2012/12/add-outbrain-ratings-widget-to-blogger.html</link><author>noreply@blogger.com (Anonymous)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSOoafeXEogdNKoTH-Wi3ntneFj7ab0Bk_oaC_x_mMyUsHDvYIX9a5n42HtOBthuURBWHE7ZFVchP5rA5wF2PKkxvdydDJb7wOUtQq7AWjUi2q1tImsz7uliBPSA3uFUEY9XN04PG748Q/s72-c/outbrain_homw-page.JPG" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5974335734164880281.post-3874682361592595891</guid><pubDate>Fri, 14 Dec 2012 15:47:00 +0000</pubDate><atom:updated>2012-12-14T10:42:14.096-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Get Visitors</category><title>Submit  Blog to Blog Directories</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;div style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;
&lt;div style="color: #333333;"&gt;
&lt;span style="background-color: white;"&gt;This article discusses the benefits of submitting your Blogger Blogspot blog to blog directories and provides a comprehensive list of some of the&amp;nbsp;&lt;strong&gt;best blog directories&amp;nbsp;&lt;/strong&gt;on the internet. This is an introductory article aimed at the new Blogspot blogger but is suitable for any blogger who wishes to build site traffic quickly.&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #333333;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #333333;"&gt;
&lt;strong style="background-color: white;"&gt;Benefits of Submitting to Blog Directories&lt;/strong&gt;&lt;/div&gt;
&lt;div style="color: #333333;"&gt;
&lt;span style="background-color: white;"&gt;By adding your Blogger Blogspot blog to blog directories you are likely to&amp;nbsp;&lt;strong&gt;increase your site traffic&lt;/strong&gt;&amp;nbsp;expotentially. If your site has been languishing in the doldrums and not getting the kind of traffic you were expecting it could be that you haven't generated enough inbound links to your site. Signing up to some top performing blog directories will create quality backlinks and expose your site to many potential visitors.&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #333333;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333;"&gt;I have signed up for each blog directory in the recommended list below and in all cases have found that they have generated at least some site traffic. A few have boosted traffic considerably and have helped me establish new blogs quickly by generating an audience. One or two blog directories have more than exceeded my expectations.&lt;/span&gt;&lt;a href="http://www.topbloglists.com/"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;TopBlogList&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;span style="color: #333333;"&gt;&amp;nbsp;and&amp;nbsp;&lt;/span&gt;&lt;a href="http://www.blogcatalog.com/"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;Blog Catalog&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;span style="color: #333333;"&gt;&amp;nbsp;fall into this category attracting 10 or so unique visitors within a day of sign up.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div style="color: #333333;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #333333;"&gt;
&lt;strong style="background-color: white;"&gt;How do Blog Directories Work?&lt;/strong&gt;&lt;/div&gt;
&lt;div style="color: #333333;"&gt;
&lt;span style="background-color: white;"&gt;Most blog directories require that you place their button somewhere on your blog. In some cases the button's function is to track visitors from your site to the directory. Some buttons may reflect the ranking of your blog in relationship to other blogs in your chosen category within the directory. If you see a number appear on the button it denotes your blog's position.&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #333333;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #333333;"&gt;
&lt;strong style="background-color: white;"&gt;Get Organized Before You Begin Submitting to Blog Directories&lt;/strong&gt;&lt;/div&gt;
&lt;div style="color: #333333;"&gt;
&lt;span style="background-color: white;"&gt;To add your blog to a blog directory you first need to register. The sign up process will run more smoothly if you get a little organized before you begin. I suggest that you take the following steps first:&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;blockquote style="border-color: rgb(187, 187, 187); border-style: dotted; border-width: 1px 0px; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 1.3em; margin: 0.75em 0px; padding: 5px 15px;"&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;Craft a description for your blog of around 400 words&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;Check your feed details as you may be asked to provide the URL of your feed. This is especially important if you have burned your feed at a feedburning service like Feedburner&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;Make sure you know the exact URL address of your site. If in doubt navigate to your home page and check the the URL in the address bar&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;Decide which email address to use. Blog directories tend to create a lot of mail so unless you want to have your mailbox clogged up consider carefully which email address would be best. You may decide to start a new email address specifically to handle this kind of mail.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;Decide on a username and password and stick to it throughout as it will make life a lot easier than trying to remember twenty different usernames and passwords&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;Determine your top six keywords and keyword phrases as most blog directories ask you to provide these tags&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;With such a big choice of blog directories to submit to I have found it pays to be systematic. Keeping a list of where you've signed up in Notepad or similar will help guard against double ups.&lt;/span&gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;strong style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;How to Add a Blog Directory Button to Your Blogger Blog&lt;/strong&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Most blog directories send out an email on sign up. Once you click on the link you membership will be confirmed. In most cases you will then be directed to a menu where you can begin adding your blog or blogs to the directory. Once you have entered the details of your blog the directory will generate the button code which can be copied and pasted into a&amp;nbsp;&lt;/span&gt;&lt;strong style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;HTML/Javascript widget&lt;/strong&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;. It is a good idea to place all buttons together in one widget for convenience and to reduce loading time. If you are uncertain how to add this widget to your Blogger blog please refer to my earlier post about Adding third party HTML/Javascript code to a sidebar widget.&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;strong style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;List of Recommended Blog Directories to Get Started&lt;/strong&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;All of the blog directories listed below I have personally signed up for as mentioned above. The blog directories are in no particular order except that I have put Blog Catalog and Top Blog List first because I have found them good.&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;b&gt;&lt;span style="color: red;"&gt;Blog Catalog&lt;/span&gt;&lt;/b&gt;&lt;span style="color: #223344;"&gt;&lt;img alt="My BlogCatalog BlogRank" src="http://www.blogcatalog.com/rank/4591904.gif" style="border-width: 0px; margin: 0px 0px 5px; padding: 4px;" /&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbIsRGyPBpNdzMZgrYX3uJ0ifYDH0yDw9WgFa15q3xrvgrkrP21V_O0hdm7E11DUfKpGEGvanY0JswTMMZxLmkEz9isku8E-zocKmP2eZzj_wbUb42_kWno5Xj60B9jAhVGuANfbfaquo/s1600-h/blog-catalog-community.JPG" style="color: #223344; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;img alt="Blog Catalog Readers" border="0" id="BLOGGER_PHOTO_ID_5323805002668790018" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbIsRGyPBpNdzMZgrYX3uJ0ifYDH0yDw9WgFa15q3xrvgrkrP21V_O0hdm7E11DUfKpGEGvanY0JswTMMZxLmkEz9isku8E-zocKmP2eZzj_wbUb42_kWno5Xj60B9jAhVGuANfbfaquo/s200/blog-catalog-community.JPG" style="border-width: 0px; cursor: pointer; float: right; height: 200px; margin: 0px 0px 10px 10px; padding: 4px; width: 176px;" /&gt;&lt;/a&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;BlogCatalog is a social community for bloggers and one of the largest blog directories on the internet. It is a good option to begin promoting your own blog and to connect with other bloggers. BlogCatalog offers lots of linking options. You can add a button, a link to your blogroll or verify your site using a meta tag and dispense with a visible site link altogether. In addition you can add a&lt;/span&gt;&lt;strong style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Blog Catalog Readers widget&amp;nbsp;&lt;/strong&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;to your blog like the one you see here.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;b&gt;&lt;span style="color: red;"&gt;Top Blogging&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;span style="color: #223344;"&gt;&lt;img alt="Bloggers Guide to Customising Blogspot Blog" border="0" height="15" src="http://www.topblogging.com/tracker.php?id=20086" style="border-width: 0px; margin: 0px 0px 5px; padding: 4px;" width="80" /&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Easy sign up. Only one keyword phrase permitted so make it a goodie. Ranking is based on unique visitors&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;a href="http://www.topblogarea.com/" style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;TopBlogArea&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&amp;nbsp;&lt;/span&gt;&lt;img alt="Top Blog Area" border="0" id="BLOGGER_PHOTO_ID_5323787007907541330" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiColq40v_NHWYdHGbHf5aKZkg4pDh-tmri-b4sQ9EmQr_GcYyPiUnUHjzL8E32nr6Ai1VGiBUPtVHVSEtKMogX5sCH2SXki9_oNeTp0PkTMSpMUDFZV1j9SMKkh1ZFEos9GmUHArMTrH0/s200/top-blog-area.gif" style="border-width: 0px; height: 15px; margin: 0px 0px 5px; padding: 4px; width: 80px;" /&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;This blog directory tracks unique visitors. No option for visitors to vote. Every month statistics are reset to zero to give everyone a chance of being highly rated&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;a href="http://www.topbloglists.com/" style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;b style="background-color: white;"&gt;&lt;span style="color: red;"&gt;TopBlogLists&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Ranking of pages is done according to the number of unique visits each blog brings in to Top Blog Lists&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;a href="http://www.blogtopsites.com/" style="background-color: white; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;span style="color: red;"&gt;&lt;b&gt;Blog Top Site&lt;/b&gt;s&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;A nice control panel for site management. Ranking of pages is done according to the number of unique visits each blog receives in a month.&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;a href="http://topofblogs.com/" style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;span style="color: red;"&gt;&lt;b&gt;Top of Blogs&lt;/b&gt;&lt;/span&gt;&lt;/a&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&amp;nbsp;&lt;/span&gt;&lt;img alt="Top of Blogs" border="0" id="BLOGGER_PHOTO_ID_5323784523016464194" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkfXhJC4mSJ71W1W1kDE14yceEW9hII9pYSBwQRievgdl2uxgvLXtMem3QXi-ukUYDUDT2moV99LCID6DSnXePjVP9ykKuR41NDG-Maao67FfaNRYTVQZl4KO1HSgN3KpsWM3HAqBgm_E/s200/top-of-blogs.gif" style="border-width: 0px; height: 15px; margin: 0px 0px 5px; padding: 4px; width: 80px;" /&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Ranks blogs according to the number of visits a blog receives in a certain amount of time (daily, weekly, monthly, etc.).&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;a href="http://blogtoplist.com/" style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;BlogTopList&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&amp;nbsp;&lt;/span&gt;&lt;img alt="Blog Top List" border="0" id="BLOGGER_PHOTO_ID_5323788211340416050" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBwvPdWS-2BroIHWt_jMPR8FfFvYhc8EmWKHi2V50JanZTDwEueZG6mWzVEtRbGsXVDmKyezdWAwqPLsfn-MhhiVFGgxDrmhyphenhyphenearWitEeX7iP2NwN4hPwi3iZpQabgXqmUi4_NrGWs4O8/s200/blog-top-list.gif" style="border-width: 0px; height: 15px; margin: 0px 0px 5px; padding: 4px; width: 80px;" /&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Requires two buttons to be placed on your blog. One is the tracking button which tracks number of visitors and displays the rank of your site. The other button is the voting button. If a visitor votes for you it is equal to 100 unique visits .&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;a href="http://blogpulse.com/submit.html" style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;b style="background-color: white;"&gt;&lt;span style="color: red;"&gt;BlogPulse&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Tracks thousands of blogs. Submit yours. Try doing a check first though as you may be surprised to find your blog has already been located automatically.&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;a href="http://www.blogflux.com/" style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;b style="background-color: white;"&gt;&lt;span style="color: red;"&gt;BlogFlux&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Over 140,000 blogs in the Blog Flux directory. Nice Control Panel interface.&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Sign up is immediate although all blogs added are manually checked so there is a time delay before your blog will be included.&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;a href="http://www.blogarama.com/" style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;Blogorama&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&amp;nbsp;&lt;/span&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5323912199242435522" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnvXxTNZAZ52Lns65w7_2Ydg9AzsNCInAPNIhs6ZYGLC1aJSEnuk0KacNUdVJtkJKXU_DIim23V9nFE2fCn1LVUHXQnCVNSxvbIW3EfDEZn94uMkm0Wk4zU02hv3EGufWPo5Nka0cmxF0/s200/blogarama.gif" style="border-width: 0px; height: 15px; margin: 0px 0px 5px; padding: 4px; width: 80px;" /&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Top 100 most popular section. Score increases depending on variables like users ratings, incoming traffic and outgoing traffic.&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: red;"&gt;&lt;a href="http://www.myblogdirectory.net/index.php?id=28000" style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;My Blog Directory&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Blog of the day feature chosen on the basis of the number of unique visitors directed by the blog to the directory per day. The blog of the day gets the whole of the site traffic fof that day. Blogs are listed randomly so that every blog gets equal exposure.&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;strong style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Other Blog Directories You May Be Interested In&lt;/strong&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;I have not necessarily submitted a blog to these blog directories but I am providing a link if you want to follow it up. Not sure about overall chances of an increase in traffic with these ones though.&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;b style="background-color: white;"&gt;&lt;span style="color: red;"&gt;&lt;a href="http://www.bloggernity.com/" style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;span style="color: red;"&gt;Bloggernity&lt;/span&gt;&lt;/a&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;a href="http://www.freeblogdirectory.info/" style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;span style="color: red;"&gt;Free Blog Directory&lt;/span&gt;&lt;/a&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;a href="http://www.blogrankings.com/" style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;span style="color: red;"&gt;Blog Rankings&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;strong style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Lists of Blog Directories&lt;/strong&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;For a longer list of blog directories try:&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;a href="http://www.greatdirectories.org/free.html" style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;b style="background-color: white;"&gt;&lt;span style="color: red;"&gt;Great Blog Directories for a list of free directories&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;In this article I have discussed some benefits of submitting your Blogger Blogspot blog to blog directories. I have suggested ways to get organized to make the process less daunting and I have recommended some blog directories which I have personally signed up for to get you started. Adding your Blogger blog to these blog directories should result in an increase in site traffic&lt;/span&gt;&lt;/div&gt;
</description><link>http://howstartblogging.blogspot.com/2012/12/submit-blog-to-blog-directories.html</link><author>noreply@blogger.com (Anonymous)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbIsRGyPBpNdzMZgrYX3uJ0ifYDH0yDw9WgFa15q3xrvgrkrP21V_O0hdm7E11DUfKpGEGvanY0JswTMMZxLmkEz9isku8E-zocKmP2eZzj_wbUb42_kWno5Xj60B9jAhVGuANfbfaquo/s72-c/blog-catalog-community.JPG" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5974335734164880281.post-6797388037534093529</guid><pubDate>Fri, 14 Dec 2012 15:37:00 +0000</pubDate><atom:updated>2012-12-14T10:44:02.398-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Social Media</category><title>Add a Twitter Followers Counter to Blogger</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;div style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;
&lt;div style="color: #333333;"&gt;
&lt;span style="background-color: white;"&gt;In this tutorial you will learn how to place a Twitter Follower Counter on your Blogger Blogspot blog to display the number of followers you have on Twitter. A Twitter count button will encourage readers to follow you on Twitter much in the same way as putting a Feedburner subscriber counter on your blog will encourage new subscribers.&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #333333;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;strong style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;How To Place a Twitter Followers Counter on Blogger&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;div style="color: #333333;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #333333;"&gt;
&lt;span style="background-color: white;"&gt;1. Login to Blogger if not already logged in&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #333333;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #333333;"&gt;
&lt;span style="background-color: white;"&gt;2. Navigate to&amp;nbsp;&lt;strong&gt;Layout &amp;gt; Page Elements&lt;/strong&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #333333;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #333333;"&gt;
&lt;span style="background-color: white;"&gt;3. Click on the link to&amp;nbsp;&lt;strong&gt;Add a Gadget&lt;/strong&gt;&amp;nbsp;to the sidebar or footer&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #333333;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #333333;"&gt;
&lt;span style="background-color: white;"&gt;4. Select&amp;nbsp;&lt;strong&gt;HTML/Javascript&lt;/strong&gt;&amp;nbsp;from the list of gadgets&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #333333;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #333333;"&gt;
&lt;span style="background-color: white;"&gt;5. Paste the following script into the widget content box depending on the button your prefer:&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;blockquote style="border-color: rgb(187, 187, 187); border-style: dotted; border-width: 1px 0px; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 1.3em; margin: 0.75em 0px; padding: 5px 15px;"&gt;
&lt;strong style="background-color: white; color: #558866;"&gt;Standard Button&lt;/strong&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #558866;"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5354955401939970882" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis4I81hNu54wD3bzpo53DpxLRwmJu3Od58pRIF1ipBh0pBFI32m5JlcIjHGym3sfqH8P5l4clpbJXlYu5j6Ze5H-CjcUigHXjC_qbfq0gHM5Jiy-J0HtuqF4Kqax7irlMdwOlWWV-cg1A/s200/twitter+counter+1.jpg" style="cursor: pointer; height: 31px; margin: 0px 0px 5px; padding: 4px; width: 93px;" /&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div style="font-family: arial; font-size: 12px; height: 50px; overflow: auto; padding: 4px; width: 300px;"&gt;
&lt;code style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;&amp;lt;script type="text/javascript" language="javascript" src="http://twittercounter.com/embed/?username=&lt;/span&gt;&lt;strong&gt;&lt;span style="color: red;"&gt;yourTwitterusername&lt;/span&gt;&lt;/strong&gt;&lt;span style="color: blue;"&gt;"&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/code&gt;&lt;/div&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;strong style="background-color: white; color: #558866;"&gt;Black Button&lt;/strong&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #558866;"&gt;&lt;img alt="Twitter Followers Counter Black Button" border="0" id="BLOGGER_PHOTO_ID_5354954414074656546" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHZ1jtJyf1WUAO-7puJ4F3Gqn5WsYq6tTj42X5KUqOHQGsauyiumyqXlGRd9sodeR-9oMChh1amWRMiLezvq9B4jQCQAGJba1nDsSlT3-w5sTqkuMV2lf0m2A0RUAa9dXUNe1KcvXPhsM/s200/twitter-counter-black.png" style="cursor: pointer; height: 26px; margin: 0px 0px 5px; padding: 4px; width: 88px;" /&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div style="font-family: arial; font-size: 12px; height: 50px; overflow: auto; padding: 4px; width: 300px;"&gt;
&lt;code style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;&amp;lt;script type="text/javascript" language="javascript" src="http://twittercounter.com/embed/?username=&lt;/span&gt;&lt;strong&gt;&lt;span style="color: red;"&gt;yourTwitterusername&lt;/span&gt;&lt;/strong&gt;&lt;span style="color: blue;"&gt;&amp;amp;style=black"&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/code&gt;&lt;/div&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;strong style="background-color: white; color: #558866;"&gt;Big Bird Button&lt;/strong&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #558866;"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5354955803885658802" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh6FH01jbeul3uvaqDXvF0nJQYEI54SH1bydtPH8XPZNB3I55jeMyBnoYJR7jihpmVbkilDIsNCAJ2e2tp2Wd6dXffjbdnKJrE5LVs0IQ5G4KoMe4tdd678P1q3RoEwZDx3lFDhiWrQTI/s200/twitter_big-bird-button.png" style="cursor: pointer; height: 90px; margin: 0px 0px 5px; padding: 4px; width: 149px;" /&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div style="font-family: arial; font-size: 12px; height: 50px; overflow: auto; padding: 4px; width: 300px;"&gt;
&lt;code style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;&amp;lt;script type="text/javascript" language="javascript" src="http://twittercounter.com/embed/?username=&lt;/span&gt;&lt;strong&gt;&lt;span style="color: red;"&gt;yourTwitterusername&lt;/span&gt;&lt;/strong&gt;&lt;span style="color: blue;"&gt;&amp;amp;style=bird"&amp;gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/code&gt;&lt;/div&gt;
&lt;/blockquote&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;If you would like to view more Twitter Counter badges you will find them at&amp;nbsp;&lt;/span&gt;&lt;a href="http://twittercounter.com/pages/buttons/" style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;span style="color: red;"&gt;http://twittercounter.com/pages/buttons/&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;6.&amp;nbsp;&lt;/span&gt;&lt;strong style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Replace the username&lt;/strong&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&amp;nbsp;with your own Twitter username.If you are not already a member of&amp;nbsp;&lt;/span&gt;&lt;a href="http://twitter.com/" style="color: #223344; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Twitter&lt;/a&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&amp;nbsp;sign up is a breeze&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;7. Enter a title for the widget if you wish&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;8. Click&amp;nbsp;&lt;/span&gt;&lt;strong style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Save&lt;/strong&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;9. Move your new widget into position on your sidebar by using Blogger's drag and drop feature&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;10. Click the&amp;nbsp;&lt;/span&gt;&lt;strong style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;View Blog&amp;nbsp;&lt;/strong&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;link to admire your new Twitter Followers Counter&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;center style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;
&lt;span style="background-color: white;"&gt;&lt;img height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDzuSEfLGYTVE80nKWEEzg_IRJ2n78CUqkfT3Pe_Is5b8qHhLjyv3Qx01h2Q2EChUS_wwzgMczuu1twuFOiYOXl2LAyUodpFJCOh4NldEYBwOe_CGRxzL0-DW6_N1BdFi7o78twXKISuA/s200/twitter-bar.gif" style="border-width: 0px; margin: 0px 0px 5px; padding: 4px;" title="Follow Blog Know How on Twitter" width="190" /&gt;&lt;/span&gt;&lt;/center&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;In this tutorial you have learned how to put a Twitter Followers Counter on your Blogger Blogspot blog so that you can display an accurate count of your Twitter followers. This will encourage other readers to begin following you on Twitter.&lt;/span&gt;&lt;/div&gt;
</description><link>http://howstartblogging.blogspot.com/2012/12/add-twitter-followers-counter-to-blogger.html</link><author>noreply@blogger.com (Anonymous)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis4I81hNu54wD3bzpo53DpxLRwmJu3Od58pRIF1ipBh0pBFI32m5JlcIjHGym3sfqH8P5l4clpbJXlYu5j6Ze5H-CjcUigHXjC_qbfq0gHM5Jiy-J0HtuqF4Kqax7irlMdwOlWWV-cg1A/s72-c/twitter+counter+1.jpg" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5974335734164880281.post-8475323128083380556</guid><pubDate>Fri, 14 Dec 2012 15:35:00 +0000</pubDate><atom:updated>2012-12-14T10:47:53.532-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Social Media</category><title>Add Twitter Badge Button to Blogger</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;span style="background-color: white; color: #444444;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;div style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;
&lt;span style="background-color: white; color: #444444;"&gt;In this tutorial you will learn how to add a Twitter badge aka Twitter button to your Blogger Blogspot blog to link your blog to your Twitter account. By adding a Twitter button you will give your readers the option to follow your blog on Twitter.&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #444444;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: blue;"&gt;&lt;b&gt;Display a Twitter Icon in the Sidebar of Your Blogger Blog&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;
&lt;span style="background-color: white; color: #444444;"&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;If you look at the top of the right sidebar you will notice that I have placed a Twitter icon with a link to my Twitter profile. Adding the Twitter badge and link is not difficult and requires no change to the template. We will simply be adding a gadget to the sidebar. I have assumed no knowledge of Blogger and widgets so that absolute Blogger beginners can follow this tutorial.&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;center style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;
&lt;span style="background-color: white; color: #444444;"&gt;&lt;img height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDzuSEfLGYTVE80nKWEEzg_IRJ2n78CUqkfT3Pe_Is5b8qHhLjyv3Qx01h2Q2EChUS_wwzgMczuu1twuFOiYOXl2LAyUodpFJCOh4NldEYBwOe_CGRxzL0-DW6_N1BdFi7o78twXKISuA/s200/twitter-bar.gif" style="border-width: 0px; margin: 0px 0px 5px; padding: 4px;" title="Follow Blog Know How on Twitter" width="190" /&gt;&lt;/span&gt;&lt;/center&gt;
&lt;span style="background-color: white; color: #444444;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: #444444;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: #444444; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;1. Login to Blogger if not already logged in&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #444444;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: #444444;"&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;2. Navigate to&amp;nbsp;&lt;/span&gt;&lt;strong style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Layout &amp;gt; Page Elements&lt;/strong&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #444444;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: #444444;"&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;3. Click on&amp;nbsp;&lt;/span&gt;&lt;strong style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Add a Gadget&amp;nbsp;&lt;/strong&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;in the sidebar or other location eg the footer if you prefer&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #444444;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: #444444;"&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;4. Select&amp;nbsp;&lt;/span&gt;&lt;strong style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;HTML/Javascript&lt;/strong&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&amp;nbsp;from the list of available gadgets&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #444444;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: #444444; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;5. Paste the following code into the content box depending on your choice of button:&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #444444;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;blockquote style="border-color: rgb(187, 187, 187); border-style: dotted; border-width: 1px 0px; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 1.3em; margin: 0.75em 0px; padding: 5px 15px;"&gt;
&lt;span style="background-color: white; color: #444444;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: #444444;"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5354645417383165218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIfola3L6tzsevXFs8Z_eGdxpKyg-VfKrTziP2KKGitxuwTyYkYaP9DSd3OsmtYy0necO4GOSHLLpR-Utj4jujep8bh8OAqaHxnbC35D1zJrOuYRbGfea4izdwzxQ1FpFacIM2_f9YEdg/s200/nt16.png" style="border-width: 0px; height: 34px; margin: 0px 0px 5px; padding: 4px; width: 133px;" /&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #444444;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;div style="font-family: arial; font-size: 12px; height: 60px; overflow: auto; padding: 4px; width: 300px;"&gt;
&lt;code&gt;&lt;span style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;&amp;lt;a href="http://twitter.com/&lt;/span&gt;&lt;span style="color: red;"&gt;Your Profile&lt;/span&gt;&lt;span style="color: blue;"&gt;"&amp;gt;&amp;lt;img width="133" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDzuSEfLGYTVE80nKWEEzg_IRJ2n78CUqkfT3Pe_Is5b8qHhLjyv3Qx01h2Q2EChUS_wwzgMczuu1twuFOiYOXl2LAyUodpFJCOh4NldEYBwOe_CGRxzL0-DW6_N1BdFi7o78twXKISuA/s200/twitter-bar.gif" height="34" title="&lt;/span&gt;&lt;span style="color: red;"&gt;Follow Your Blog Name on Twitter&lt;/span&gt;&lt;span style="color: blue;"&gt;"/&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;br/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/div&gt;
&lt;span style="background-color: white; color: #444444;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: #444444;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: #444444;"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5354930185857132978" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIKEQxQAZu1yhtixREz7tQ30gFXaDRFOz6D64NoguNkDHT2PDUy-ablYf2r9mgTASQKBh1ep5XnvOH9cM4WoZEuRHIDijSFUrZyysfNKxCx2v36Z0J3m8WRILR8nH3rcDfBymz4SNT1sY/s200/twitter-35a.png" style="height: 42px; margin: 0px 0px 5px; padding: 4px; width: 199px;" /&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #444444;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;div style="font-family: arial; font-size: 12px; height: 60px; overflow: auto; padding: 4px; width: 300px;"&gt;
&lt;code&gt;&lt;span style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;&amp;lt;a href="http://twitter.com/&lt;/span&gt;&lt;span style="color: red;"&gt;Your Profile&lt;/span&gt;&lt;span style="color: blue;"&gt;"&amp;gt;&amp;lt;img width="199" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIKEQxQAZu1yhtixREz7tQ30gFXaDRFOz6D64NoguNkDHT2PDUy-ablYf2r9mgTASQKBh1ep5XnvOH9cM4WoZEuRHIDijSFUrZyysfNKxCx2v36Z0J3m8WRILR8nH3rcDfBymz4SNT1sY/s200/twitter-35a.png" height="42" title="&lt;/span&gt;&lt;span style="color: red;"&gt;Follow Your Blog Name on Twitter&lt;/span&gt;&lt;span style="color: blue;"&gt;"/&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;br/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/div&gt;
&lt;span style="background-color: white; color: #444444;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: #444444;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: #444444;"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5354933710658190594" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsF48Lx0cka0vgX3dK-ulSdrk_EEdRnezamfoX3e-vZCfXOZz__w85QdOjTYGvbTIVLI16-AcfPc3b0nELSisbnqGl8VaPDkYQgKVUf79z4Rhmnbj77ZNFAnjTFXACsssLbweK1f4zt9o/s200/twitter-32a.png" style="border-width: 0px; height: 58px; margin: 0px 0px 5px; padding: 4px; width: 191px;" /&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #444444;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;div style="font-family: arial; font-size: 12px; height: 60px; overflow: auto; padding: 4px; width: 300px;"&gt;
&lt;code&gt;&lt;span style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;&amp;lt;a href="http://twitter.com/&lt;/span&gt;&lt;span style="color: red;"&gt;Your Profile&lt;/span&gt;&lt;span style="color: blue;"&gt;"&amp;gt;&amp;lt;img width="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsF48Lx0cka0vgX3dK-ulSdrk_EEdRnezamfoX3e-vZCfXOZz__w85QdOjTYGvbTIVLI16-AcfPc3b0nELSisbnqGl8VaPDkYQgKVUf79z4Rhmnbj77ZNFAnjTFXACsssLbweK1f4zt9o/s200/twitter-32a.png" height="58" title="&lt;/span&gt;&lt;span style="color: red;"&gt;Follow Your Blog Name on Twitter&lt;/span&gt;&lt;span style="color: blue;"&gt;"/&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;br/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/div&gt;
&lt;/blockquote&gt;
&lt;span style="background-color: white; color: #444444;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: #444444;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: #444444; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;6. Change Your Profile to your own Twitter profile&lt;/span&gt;&lt;br /&gt;
&lt;blockquote style="border-color: rgb(187, 187, 187); border-style: dotted; border-width: 1px 0px; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 1.3em; margin: 0.75em 0px; padding: 5px 15px;"&gt;
&lt;span style="background-color: white; color: red;"&gt;http://twitter.com/YourProfile&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #444444; line-height: 1.3em;"&gt;z&lt;/span&gt;&lt;/blockquote&gt;
&lt;span style="background-color: white; color: #444444;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: #444444; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;7. Substitute your blog name in the title for your own blog name&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #444444;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;blockquote style="border-color: rgb(187, 187, 187); border-style: dotted; border-width: 1px 0px; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 1.3em; margin: 0.75em 0px; padding: 5px 15px;"&gt;
&lt;span style="background-color: white; color: red;"&gt;title="Follow Your Blog Name on Twitter"&lt;/span&gt;&lt;/blockquote&gt;
&lt;span style="background-color: white; color: #444444;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: #444444;"&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;8. Click on&amp;nbsp;&lt;/span&gt;&lt;strong style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Save&lt;/strong&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #444444;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: #444444; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;9. Move your new Twitter widget to the desired location on your sidebar using drap and drop&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #444444;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: #444444;"&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;10. Click on&amp;nbsp;&lt;/span&gt;&lt;strong style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;View Blog&lt;/strong&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&amp;nbsp;to admire your new Twitter button&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #444444;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: #444444;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;img height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDzuSEfLGYTVE80nKWEEzg_IRJ2n78CUqkfT3Pe_Is5b8qHhLjyv3Qx01h2Q2EChUS_wwzgMczuu1twuFOiYOXl2LAyUodpFJCOh4NldEYBwOe_CGRxzL0-DW6_N1BdFi7o78twXKISuA/s200/twitter-bar.gif" style="border-width: 0px; margin: 0px 0px 5px; padding: 4px;" title="Follow Blog Know How on Twitter" width="190" /&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #444444;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #444444; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;In this tutorial you have learned how to add a Twitter button, badge, icon to your Blogger Blogspot blog so that readers can sign up to follow you on Twitter. I have supplied you with a choice of three different buttons to get you started. For more Twitter buttons try these&amp;nbsp;&lt;/span&gt;&lt;a href="http://siahdesign.com/archives/491" style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;span style="color: red;"&gt;&lt;b&gt;free Twitter vector icons&lt;/b&gt;&lt;/span&gt;&lt;/a&gt;&lt;span style="color: #444444; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&amp;nbsp;or these&amp;nbsp;&lt;/span&gt;&lt;a href="http://randaclay.com/freebies/free-twitter-graphics/" style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;span style="color: red;"&gt;&lt;b&gt;free Twitter graphics&lt;/b&gt;&lt;/span&gt;&lt;/a&gt;&lt;span style="color: #444444; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&amp;nbsp;or just type&amp;nbsp;&lt;/span&gt;&lt;em style="color: #444444; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Twitter icons&lt;/em&gt;&lt;span style="color: #444444; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&amp;nbsp;into your favorite search engine&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
</description><link>http://howstartblogging.blogspot.com/2012/12/add-twitter-badge-button-to-blogger.html</link><author>noreply@blogger.com (Anonymous)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDzuSEfLGYTVE80nKWEEzg_IRJ2n78CUqkfT3Pe_Is5b8qHhLjyv3Qx01h2Q2EChUS_wwzgMczuu1twuFOiYOXl2LAyUodpFJCOh4NldEYBwOe_CGRxzL0-DW6_N1BdFi7o78twXKISuA/s72-c/twitter-bar.gif" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5974335734164880281.post-3621891986402317563</guid><pubDate>Fri, 14 Dec 2012 15:11:00 +0000</pubDate><atom:updated>2012-12-14T23:10:54.184-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Social Media</category><title>Add Social Bookmark Buttons to Blogger</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333;"&gt;In today's Blogger tutorial (Blogspot tutorial) you will learn how to&amp;nbsp;&lt;/span&gt;&lt;strong style="color: #333333;"&gt;place social bookmark buttons in the sidebar, footer and below each post&lt;/strong&gt;&lt;span style="color: #333333;"&gt;&amp;nbsp;in a Blogger Blogspot blog. This is a social bookmarking script for individual buttons or icons rather than the&lt;b&gt;&amp;nbsp;&lt;/b&gt;&lt;/span&gt;&lt;a href="http://howstartblogging.blogspot.com/2012/12/add-social-bookmarking-button-to-blogger.html"&gt;&lt;span style="color: red;"&gt;&lt;b&gt;Add This all-in-one solution&lt;/b&gt;&lt;/span&gt;&lt;/a&gt;&lt;span style="color: #333333;"&gt;&amp;nbsp;that I have previously w ritten about. These free social bookmark buttons will encourage social bookmarking SEO by having your visitors save their favorite content and hopefully share it on social media sites such as&lt;/span&gt;&lt;span style="color: red;"&gt;&lt;b&gt;&amp;nbsp;&lt;a href="http://digg.com/"&gt;&lt;span style="color: red;"&gt;Digg&lt;/span&gt;&lt;/a&gt;&lt;/b&gt;&lt;/span&gt;&lt;span style="color: #333333;"&gt;,&amp;nbsp;&lt;/span&gt;&lt;a href="http://technorati.com/"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;Technorati&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;span style="color: #333333;"&gt;&amp;nbsp;and&amp;nbsp;&lt;/span&gt;&lt;a href="http://stumbleupon.com/"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;Stumble Upon&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;b style="color: blue;"&gt;&amp;nbsp;&lt;/b&gt;&lt;span style="color: #333333;"&gt;thereby helping to grow your blog traffic.&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333;"&gt;I personally prefer to use an&amp;nbsp;&lt;/span&gt;&lt;a href="http://howstartblogging.blogspot.com/2012/12/free-social-bookmark-buttons-for-blog.html"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;Add This social bookmark button&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;span style="color: #333333;"&gt;&amp;nbsp;because individual buttons can create a cluttered busy look. However, I also realize that the Add This social bookmarking button is not necessarily that recognizable to visitors who may have otherwise bookmarked your pages had the button been more recognizable to them.&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;center style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;
&lt;span style="background-color: white;"&gt;&lt;img alt="Yahoo" border="0" id="BLOGGER_PHOTO_ID_5367453426782746946" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2I9aY6o6RmODs4PgApm490T2H9jpVM-O5HBK4LEns3f97MIRzWW2uKF2I89rnkVhEErJ8IB0gBq1KRPgq5MQAA3hwUEOXVXJctiEarDsKt-92xQtUFJZgBnqVTxW4M1-42MZX7we7rug/s200/yahoo.png" style="cursor: pointer; height: 24px; margin: 0px 0px 5px; padding: 4px; width: 24px;" /&gt;&lt;img alt="Twitter" border="0" id="BLOGGER_PHOTO_ID_5367453351648974850" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKIAe1gckUZpkYLVLqmuDhJEHECbw1RYUmMUn5Zdr9Nx5Iq9LDgLxi1DO0PBzihDe_wbCvjlT_77-VlJBRzTRG4pIvtmIfO3uuwWpMLrWDRjH5OickEmY-_9Mu-yh7orsR_WLW-AKSqvg/s200/twitter.png" style="cursor: pointer; height: 24px; margin: 0px 0px 5px; padding: 4px; width: 24px;" /&gt;&lt;img alt="Technorati" border="0" id="BLOGGER_PHOTO_ID_5367453224472925330" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXsWFBOqM23R7t3jjxGNcIXZn6D8H6zWM6IHgS6KWS6NliSwePpDSF705D4BqFGWA4R7rUK48wDI5BLn1HWfkaugty5TTFC7zNlY4SgGnRlyIzxWKWTuX4rgGc1SAZLYILDLZmCUBK_oU/s200/technorati.png" style="cursor: pointer; height: 24px; margin: 0px 0px 5px; padding: 4px; width: 24px;" /&gt;&lt;img alt="Stumble Upon" border="0" id="BLOGGER_PHOTO_ID_5367453097942659346" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8Xk68509lbhS0KnJQqq1Wu7f30BsBk611jPYeE4sUQOLR9FzkAtF5IjkEDvWBzmmt3_kR1Nu_wYkP8SFRhXtRnXhK4Kzd0Llroo190c_JLdU3-BCeQrV7Lcy8YSF5wtxESljDg2vcWO8/s200/stumbleupon.png" style="cursor: pointer; height: 24px; margin: 0px 0px 5px; padding: 4px; width: 24px;" /&gt;&lt;img alt="Reddit" border="0" id="BLOGGER_PHOTO_ID_5367452982008062674" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifFQbQj6XSQkRaT0xlMfUlvoj7lzgDFSs1P7BhF5fihsW7BpRgsReTiucmhzb3xZMOxYx_MLjtAddEnkFR_11NImyfycR3cvC7vWSs-1KZJ-9xEZrb6Ww1RnknJk99JE7ZA92JU5SyZlY/s200/reddit.png" style="cursor: pointer; height: 24px; margin: 0px 0px 5px; padding: 4px; width: 24px;" /&gt;&lt;img alt="Google" border="0" id="BLOGGER_PHOTO_ID_5367452856782991762" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSOVRemoiEhUZmvZOt0RW71D20iGj153SkwCSD4HTlcHIA79lfN7RmqJZiBgpqTfjcu0tgDVZJ6pwH07r9KTWxBlCIcCiovI5BStv_REClCTBZjgNZs31dvFTce1PwYicG_5AEMfcvCqM/s200/google.png" style="cursor: pointer; height: 24px; margin: 0px 0px 5px; padding: 4px; width: 24px;" /&gt;&lt;img alt="Facebook" border="0" id="BLOGGER_PHOTO_ID_5367452751405727730" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFmPG3xxwXRL0WKFQXkuVcXMfouDW4KnyyfzaTgTgPjYKlzTlvYc9twnmFhMsAH2V7AidP7i8vkhZF0cdrmICBPK2KzXVIG0vnyPHt4gNpoix_i48P-9npw8f-KAd5arG-igLI9WQtR-c/s200/facebook.png" style="cursor: pointer; height: 24px; margin: 0px 0px 5px; padding: 4px; width: 24px;" /&gt;&lt;img alt="Digg" border="0" id="BLOGGER_PHOTO_ID_5367452658889617666" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbE65ZjXDhRo8CgmD4tuj7EtOXBrB4cEcjQdvWXsr5c-KQAoYVpHEOG1Y5Z8JEQHCik7wnbOcNfUL9pDs5xR8Vj5HQa2FiPF0wLAwnNCq6yCIb16U9z4e3v-qwHiVBFH_XYLHSD9M9uOI/s200/digg.png" style="cursor: pointer; height: 24px; margin: 0px 0px 5px; padding: 4px; width: 24px;" /&gt;&lt;img alt="Del.icio.us" border="0" id="BLOGGER_PHOTO_ID_5367452492928842482" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirh07_UA2FexZR32dX8A3KX4IOxCkAsyr8WlRngRkqCwczh2Rm2KI1h2T_GhGZmSbhzBOhqFmIZPTOWSnvvRoFianD94FvJFknP0wByvD5yq106d3tWqLpoPt9kKZ09IE9nFLuYCGCork/s200/delicious.png" style="cursor: pointer; height: 24px; margin: 0px 0px 5px; padding: 4px; width: 24px;" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;img alt="Digg" border="0" id="BLOGGER_PHOTO_ID_5366423781318352514" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCVcNyWe09s2PRn8cER5WxSHtQ3dncn4-0y_CK9e3uCm1hikaKQDcqoPNgmfm-aHgGkAaPl-EO9nh5g5Mc0w8tTGB-oo7LreI_26HMynpQE1_lZoHiLrFRwHbiBzZrv0JAf15d7q9O73c/s200/digg.png" style="cursor: pointer; height: 48px; margin: 0px 0px 5px; padding: 4px; width: 48px;" /&gt;&lt;img alt="del.icio.us" border="0" id="BLOGGER_PHOTO_ID_5366423645924050994" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu7lHsit2Z3pWTCcdRczVi_oeTqmYBqevZCH82WY4d_zio1yB9y-6xg5RaWcYAJJ_w9_J9y9658znKhK2TEGLsH92HIU45lZxfLCKvUgiVs9jsBVfU6IWNhcywbBSbyIUzEBk9iqi6c-Y/s200/delicious.png" style="cursor: pointer; height: 48px; margin: 0px 0px 5px; padding: 4px; width: 48px;" /&gt;&lt;img alt="MySpace" border="0" id="BLOGGER_PHOTO_ID_5366431398278441410" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRp_fngpAyLK1SIiAFIgbQXgxsgZp7Kv8-VjrGjVdNi8RUKf1zcXEBzBp6EuTImcvqQpwQ185ZEKTQxUBeeTlL-YHLSwnVsqa0-DQuQiwkb34aL619JMqsVnhHELOxM12E-gkpWPZ5E74/s200/myspace.png" style="cursor: pointer; height: 48px; margin: 0px 0px 5px; padding: 4px; width: 48px;" /&gt;&lt;img alt="Yahoo" border="0" id="BLOGGER_PHOTO_ID_5366424638733146370" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBbhf64ZRHWVU1NgQSPwzFYXJIm22fT-UBV8ZZ1Ps6v2qf08Mp2R3tW2DVSm7lxzAWEqCseKeTJZrjdxha6eanhc8x9XDuHWfRMluma_ZSf8Ds9tWDoFkV1n5M63ofzwn_Wgo4o2YbtWg/s200/yahoo.png" style="cursor: pointer; height: 48px; margin: 0px 0px 5px; padding: 4px; width: 48px;" /&gt;&lt;img alt="Twitter" border="0" id="BLOGGER_PHOTO_ID_5366424557468273042" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj67Svc9PKqfoZ114JsvPn8Zgj2kc67Zu5uI897QOfXanT8ImPQyTu5Gu2dmkfMZa9F0kP0PqzrKTa2DcK48blrgj3jZVbuZUzNsTDTRQwbMTq5G0aK6Wt9vvM04imp2RO7PiDH7pbA6HM/s200/twitter.png" style="cursor: pointer; height: 48px; margin: 0px 0px 5px; padding: 4px; width: 48px;" /&gt;&lt;img alt="Technorati" border="0" id="BLOGGER_PHOTO_ID_5366424462272024114" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbkjZgmsGzu18XeZ3vmvM6g_v5bj-K6x3Xp8exghZDncvLT6_JfnEhCJwLpC8zHxBvCk7fN8voYsZFW0YAkdSh_phKGWjJSGdDD5gnaIyJwH-BI3_il7jJy3uzCEhN3djutHzp9bcuZ8g/s200/technorati.png" style="cursor: pointer; height: 48px; margin: 0px 0px 5px; padding: 4px; width: 48px;" /&gt;&lt;img alt="Stumble Upon" border="0" id="BLOGGER_PHOTO_ID_5366424381700714834" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha8RC1gpKnEn2XQ9i3fKkD4_KZAUqeIF6xRFr-SeLb30nmQy8H540fCSLWYjKRQ6rlxSNpKgx_zp3ifMNNVwMY1zwWiGxGac-5gA4CFzDx0Fb3HZxCNCfhfBL9F3eMGw0LNiBqdfYp34o/s200/stumbleupon.png" style="cursor: pointer; height: 48px; margin: 0px 0px 5px; padding: 4px; width: 48px;" /&gt;&lt;img alt="Reddit" border="0" id="BLOGGER_PHOTO_ID_5366424194635281106" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMuaqGEv0HBq1_lr7lku2JtrHMN1LCSf2CRLSVbYWwMvzCHQimzOBlnKr6R1HU0Snn9MiYFzDlA60ZhA5pGWciyZ9e0erzLAT_x4rWgiJW4Xd0crMYNuJFbr-uCsUy8URENCAUnJ-KXvo/s200/reddit.png" style="cursor: pointer; height: 48px; margin: 0px 0px 5px; padding: 4px; width: 48px;" /&gt;&lt;/span&gt;&lt;/center&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;&lt;strong style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;How to Add Social Bookmark Buttons to Blogger Sidebar or Footer&lt;/strong&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;1. Login to Blogger if not already logged in&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;2. Navigate to&amp;nbsp;&lt;/span&gt;&lt;strong style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Page Layout &amp;gt; Page Elements&lt;/strong&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;3. Click on&amp;nbsp;&lt;/span&gt;&lt;strong style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Add Gadget&lt;/strong&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&amp;nbsp;in Sidebar or Footer&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;4. Select&amp;nbsp;&lt;/span&gt;&lt;strong style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;HTML/Javascript&lt;/strong&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&amp;nbsp;gadget from the list of available gadgets&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;5. Copy and paste the social bookmarking button code into the content box that is available for free download below. Note you will only be able to add the small social bookmarking buttons to the sidebar unless you only want a few of them.&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;br /&gt;
&lt;blockquote style="border-color: rgb(187, 187, 187); border-style: dotted; border-width: 1px 0px; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 1.3em; margin: 0.75em 0px; padding: 5px 15px;"&gt;
&lt;center&gt;
&lt;span style="background-color: white;"&gt;&lt;a href="http://docs.google.com/Doc?docid=0AR1oIOeahk86ZGRwOXNtNGdfNXJjcDNwdmZm&amp;amp;hl=en" target="_blank"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;Download Code for Large Buttons (48x48)&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;br /&gt;&lt;a href="http://docs.google.com/Doc?docid=0AR1oIOeahk86ZGRwOXNtNGdfMWhrcGZ0eHRt&amp;amp;hl=en" target="_blank"&gt;&lt;span style="color: red;"&gt;&lt;b&gt;Download Code for Small Buttons (24x24)&lt;/b&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/center&gt;
&lt;/blockquote&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;6. Add a title such as Bookmark and Share if you wish&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;7. Click on the&amp;nbsp;&lt;/span&gt;&lt;strong style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Save&lt;/strong&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&amp;nbsp;button&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;8. Use the drag and drop feature in the sidebar to reposition the new widget if necessary and save again&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;9. Click on&amp;nbsp;&lt;/span&gt;&lt;strong style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;View Blog&lt;/strong&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&amp;nbsp;to admire new social bookmarking buttons&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;&lt;span style="background-color: white;"&gt;&lt;b&gt;&lt;span style="color: blue;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;span style="background-color: white; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;b&gt;&lt;span style="color: blue;"&gt;How to Add Social Bookmark Buttons Below Every Post in Blogger&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;1. Login to Blogger if not already logged in&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;2. Navigate to&amp;nbsp;&lt;/span&gt;&lt;strong style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Page Layout &amp;gt; Edit HTML&lt;/strong&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;3.&amp;nbsp;&lt;/span&gt;&lt;strong style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Back up your template&lt;/strong&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&amp;nbsp;as a precaution by downloading it to your computer&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;4. Check the&amp;nbsp;&lt;/span&gt;&lt;strong style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Expand Widget Templates&lt;/strong&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&amp;nbsp;box&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;5. Find the following line of code using CTRL + F&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;br /&gt;
&lt;blockquote style="border-color: rgb(187, 187, 187); border-style: dotted; border-width: 1px 0px; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 1.3em; margin: 0.75em 0px; padding: 5px 15px;"&gt;
&lt;code style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;&amp;lt;p&amp;gt;&amp;lt;data:post.body/&amp;gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;/code&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;or&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;code style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;&amp;lt;data:post.body/&amp;gt;&lt;/span&gt;&lt;/code&gt;&lt;/blockquote&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;6. Paste the button code below directly below this line&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;br /&gt;
&lt;blockquote style="border-color: rgb(187, 187, 187); border-style: dotted; border-width: 1px 0px; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 1.3em; margin: 0.75em 0px; padding: 5px 15px;"&gt;
&lt;center&gt;
&lt;span style="background-color: white;"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;&lt;a href="http://docs.google.com/Doc?docid=0AR1oIOeahk86ZGRwOXNtNGdfMGd4NzQ2Z2Z6&amp;amp;hl=en" target="_blank"&gt;&lt;span style="color: red;"&gt;Download Code for Large Buttons (48x48)&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;&lt;a href="http://docs.google.com/Doc?docid=0AR1oIOeahk86ZGRwOXNtNGdfMmhjbmZocmdk&amp;amp;hl=en" target="_blank"&gt;&lt;span style="color: red;"&gt;Download Code for Small Buttons (24x24)&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/center&gt;
&lt;/blockquote&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;7. Click on the Save Template button to save&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;8. Click on View Blog to admire your new social bookmarking button set at the bottom of your blog&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;&lt;strong style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Tips and Troubleshooting&lt;/strong&gt;&lt;br /&gt;
&lt;ul style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;
&lt;li&gt;&lt;span style="background-color: white;"&gt;To center the social bookmarking buttons&lt;/span&gt;&lt;blockquote style="border-color: rgb(187, 187, 187); border-style: dotted; border-width: 1px 0px; line-height: 1.3em; margin: 0.75em 0px; padding: 5px 15px;"&gt;
&lt;code style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;&amp;lt;p&amp;gt;&amp;lt;data:post.body/&amp;gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: blue;"&gt;&amp;lt;div align='center'&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;strong&gt;&lt;span style="color: red;"&gt;Your social bookmarking button code goes here&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;&lt;span style="color: blue;"&gt;&amp;lt;br/&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: blue;"&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/code&gt;&lt;/blockquote&gt;
&lt;/li&gt;
&lt;li&gt;&lt;span style="background-color: white;"&gt;To have your social bookmarking buttons only appear on post pages you will need to enclose the code in an if statement&lt;/span&gt;&lt;blockquote style="border-color: rgb(187, 187, 187); border-style: dotted; border-width: 1px 0px; line-height: 1.3em; margin: 0.75em 0px; padding: 5px 15px;"&gt;
&lt;code style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;&amp;lt;p&amp;gt;&amp;lt;data:post.body/&amp;gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: blue;"&gt;&amp;lt;b:if cond='data:blog.pageType == "item"'&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;strong&gt;&lt;span style="color: red;"&gt;Your social bookmarking button code goes here&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;&lt;span style="color: blue;"&gt;&amp;lt;br/&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: blue;"&gt;&amp;lt;/b:if&amp;gt;&lt;/span&gt;&lt;/code&gt;&lt;/blockquote&gt;
&lt;/li&gt;
&lt;li&gt;&lt;span style="background-color: white;"&gt;To center the social bookmarking buttons and have them appear only on post pages&lt;/span&gt;&lt;blockquote style="border-color: rgb(187, 187, 187); border-style: dotted; border-width: 1px 0px; line-height: 1.3em; margin: 0.75em 0px; padding: 5px 15px;"&gt;
&lt;code style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;&amp;lt;p&amp;gt;&amp;lt;data:post.body/&amp;gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: blue;"&gt;&amp;lt;b:if cond='data:blog.pageType == "item"'&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: blue;"&gt;&amp;lt;div align='center'&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;strong&gt;&lt;span style="color: red;"&gt;Your social bookmarking button code goes here&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;&lt;span style="color: blue;"&gt;&amp;lt;br/&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: blue;"&gt;&amp;lt;/div&amp;gt;&amp;lt;/b:if&amp;gt;&lt;/span&gt;&lt;/code&gt;&lt;/blockquote&gt;
&lt;/li&gt;
&lt;li&gt;&lt;span style="background-color: white;"&gt;To center the social bookmarking buttons and have them appear only on post pages&lt;/span&gt;&lt;blockquote style="border-color: rgb(187, 187, 187); border-style: dotted; border-width: 1px 0px; line-height: 1.3em; margin: 0.75em 0px; padding: 5px 15px;"&gt;
&lt;code style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;&amp;lt;p&amp;gt;&amp;lt;data:post.body/&amp;gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: blue;"&gt;&amp;lt;b:if cond='data:blog.pageType == "item"'&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: blue;"&gt;&amp;lt;div align='center'&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;strong&gt;&lt;span style="color: red;"&gt;Your social bookmarking button code goes here&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;&lt;span style="color: blue;"&gt;&amp;lt;br/&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: blue;"&gt;&amp;lt;/div&amp;gt;&amp;lt;/b:if&amp;gt;&lt;/span&gt;&lt;/code&gt;&lt;/blockquote&gt;
&lt;/li&gt;
&lt;li&gt;&lt;b style="background-color: white;"&gt;&lt;span style="color: orange;"&gt;To add extra social bookmarking buttons to this set download the&lt;/span&gt;&lt;span style="color: red;"&gt;&amp;nbsp;&lt;a href="http://howstartblogging.blogspot.com/2012/12/free-social-bookmark-buttons-for-blog.html"&gt;&lt;span style="color: red;"&gt;Aqauticus Icon Set&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span style="background-color: white; color: orange;"&gt;To change the social bookmarking buttons for another set simply do the following:&lt;/span&gt;&lt;/b&gt;&lt;ol&gt;
&lt;li&gt;&lt;b&gt;&lt;span style="background-color: white;"&gt;&lt;span style="color: orange;"&gt;Upload your button images to Blogger or to an image storage site like&amp;nbsp;&lt;/span&gt;&lt;a href="http://photobucket.com/"&gt;&lt;span style="color: red;"&gt;Photobucket&lt;/span&gt;&lt;/a&gt;&lt;span style="color: orange;"&gt;&amp;nbsp;or&lt;/span&gt;&lt;span style="color: red;"&gt;&amp;nbsp;&lt;a href="http://flickr.com/"&gt;&lt;span style="color: red;"&gt;Flickr&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;span style="color: orange;"&gt;. One easy way to upload to Blogger is to create a post called images that you never publish. Then upload the images you want individually (that's the drawback). Copy the URL address of the button image and paste it into the social bookmarking button code replacing existing URLs&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span style="background-color: white; color: orange;"&gt;Change the URL address of each button in the button code I have supplied. That's the code beginning withscr='&lt;/span&gt;&lt;/b&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;In today's tutorial you have learned how to add social bookmark buttons using a social bookmarking script to the sidebar, footer and below each post in a Blogger blog (Blogspot blog). I have supplied you with the code for a small and large social bookmarking button set to get you started. I suggest you download the codes first and install them on your blog. Then it is just a simple matter of changing the URL address of the social bookmarking buttons if you wish to substitute these for a new set of social bookmarking buttons. Also in this tutorial I offered you some tips and troubleshooting suggestions for adding your social bookmarking buttons to Blogger. If there are other issues that crop up for you as always please ask. I am interested in hearing from anyone about how they got on installing these social bookmark buttons.&lt;/span&gt;&lt;/div&gt;
</description><link>http://howstartblogging.blogspot.com/2012/12/add-social-bookmark-buttons-to-blogger.html</link><author>noreply@blogger.com (Anonymous)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2I9aY6o6RmODs4PgApm490T2H9jpVM-O5HBK4LEns3f97MIRzWW2uKF2I89rnkVhEErJ8IB0gBq1KRPgq5MQAA3hwUEOXVXJctiEarDsKt-92xQtUFJZgBnqVTxW4M1-42MZX7we7rug/s72-c/yahoo.png" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5974335734164880281.post-5441994723855077572</guid><pubDate>Fri, 14 Dec 2012 14:55:00 +0000</pubDate><atom:updated>2012-12-14T23:13:32.782-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Social Media</category><title>Add a Twitter Updates Widget to Blog</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;br /&gt;
&lt;div style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;
&lt;span style="background-color: white; color: blue;"&gt;If you are a regular Twitter user and have a bunch of followers you might want to add a Twitter Updates widget to Blogger (Blogspot). In today's tutorial I will show you the easy way to add a Twitter Updates widget to Blogger (Blogspot). It is fairly straightforward to add this Twitter Updates widget to Blogger so please don't be put off if you are a Blogger beginner as you can have this widget up and running in no time.&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: blue;"&gt;&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;/span&gt;&lt;span style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;If you are new to Twitter and don't have an account yet you can&lt;/span&gt;&amp;nbsp;&lt;a href="http://twitter.com/" target="_blank"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;sign up to Twitter for free&lt;/span&gt;&lt;/b&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5385827694789417234" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHX50PlAhtrc5en_CwrLFE2Q5UNXKPDwpp5fPjtQj1S-y8cSJ2lvqd2_xsTNm3ZRkoFRFTwI5dzxX2Ph0pprna5NPLN6RGOItEu7n7h9x4eJYnb-WBuLe7sOc4SA3z9k-UMHwoUOe8DVQ/s400/twitter-logo3.jpg" style="display: block; height: 140px; margin: 0px auto 10px; padding: 4px; text-align: center; width: 200px;" /&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTTtJSkuTQGYAbmdTncv-MuZU-vSD3k3mBCuSrA9Juatl0UGO3O3kDIUEQYpS7ZpvlfLUxcgtl04m86icsWX8WZKNUzqa8TOJdYz5zp4GojTougTEf7F1ArmIQhdLL1CE_Q9yVGBgYe7c/s1600-h/blogger_twitter-updates-widget.JPG"&gt;&lt;img alt="Twitter Updates widget for Blogger" border="0" id="BLOGGER_PHOTO_ID_5385831667990268562" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTTtJSkuTQGYAbmdTncv-MuZU-vSD3k3mBCuSrA9Juatl0UGO3O3kDIUEQYpS7ZpvlfLUxcgtl04m86icsWX8WZKNUzqa8TOJdYz5zp4GojTougTEf7F1ArmIQhdLL1CE_Q9yVGBgYe7c/s200/blogger_twitter-updates-widget.JPG" style="border-width: 0px; cursor: pointer; float: right; height: 200px; margin: 0px 0px 10px 10px; padding: 4px; width: 101px;" /&gt;&lt;/a&gt;&lt;strong&gt;&lt;span style="color: blue;"&gt;How to Add a Twitter Updates Gadget to Blogger&amp;nbsp;&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: blue;"&gt;There are several methods of adding a Twitter Updates widget to Blogger which I will be discussing over the next few posts. Today I will start with the easiest method by far. This Twitter widget won't slow down your blog loading time particularly but I suggest as with all HTML widgets that you place it near the bottom of your column of gadgets and limit the number of updates shown.&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: blue;"&gt;&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;This Twitter Updates widget will provide a basic widget only and is fine if you aren't too bothered about styling. The widget uses the styling from your blog based on the Blogger template you are using but unfortunately there is no way to modify its appearance at the moment. If you want something a little more fancy keep an eye out for my future posts about Twitter Updates widgets.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;ol style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;
&lt;li&gt;&lt;span style="background-color: white; color: blue;"&gt;Log in to Blogger if you are not already logged in&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="background-color: white; color: blue;"&gt;Go to&amp;nbsp;&lt;strong&gt;Layout&lt;/strong&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="background-color: white; color: blue;"&gt;Click&amp;nbsp;&lt;strong&gt;Add a Gadget&lt;/strong&gt;&amp;nbsp;in the Blogger sidebar&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="background-color: white; color: blue;"&gt;Click on&amp;nbsp;&lt;strong&gt;More Gadgets&lt;/strong&gt;&amp;nbsp;to the left and choose the Twitter Updates widget. Blogger may change this so if you don't find it there try looking in Featured or Popular.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="background-color: white; color: blue;"&gt;Enter your&amp;nbsp;&lt;strong&gt;Twitter name&lt;/strong&gt;&amp;nbsp;(usually your blog name)&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="background-color: white; color: blue;"&gt;Choose the number of updates to display. By default this is set to 5&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="background-color: white; color: blue;"&gt;Uncheck display link to your Twitter page if you do not want visitors to go to your Twitter page for some reason otherwise leave it as is.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="background-color: white; color: blue;"&gt;Click&amp;nbsp;&lt;strong&gt;Update&lt;/strong&gt;&amp;nbsp;to Preview any changes and then Save&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="background-color: white; color: blue;"&gt;Use Blogger's drag and drop feature to reposition your Twitter gadget in the desired location in sidebar or footer of your Blogger blog. Save any changes&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="background-color: white; color: blue;"&gt;Click View Blog to admire your new Twitter Updates widget&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;span style="color: blue;"&gt;&lt;span style="background-color: white;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;In today's tutorial I have shown you how easy it is to add a Twitter Updates widget to your Blogger blog (Blogspot blog). The Twitter Updates widget will display your latest Twitter tweets on your blog. The disadvantage of this third party Twitter Updates widget is that it has basic styling only and no way to modify it. On the plus side it loads fast and is likely to be trouble free. I will be writing more about Twitter updates widgets in the next couple of posts so keep an eye out. Enjoy!&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
</description><link>http://howstartblogging.blogspot.com/2012/12/add-twitter-updates-widget-to-blog.html</link><author>noreply@blogger.com (Anonymous)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHX50PlAhtrc5en_CwrLFE2Q5UNXKPDwpp5fPjtQj1S-y8cSJ2lvqd2_xsTNm3ZRkoFRFTwI5dzxX2Ph0pprna5NPLN6RGOItEu7n7h9x4eJYnb-WBuLe7sOc4SA3z9k-UMHwoUOe8DVQ/s72-c/twitter-logo3.jpg" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5974335734164880281.post-6328910680887997757</guid><pubDate>Fri, 14 Dec 2012 14:17:00 +0000</pubDate><atom:updated>2012-12-14T10:57:11.556-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Social Media</category><title>Free Social Bookmark Buttons for Blog</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;One way to get your blog to grow is&amp;nbsp;&lt;/span&gt;&lt;strong style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;add social bookmarking buttons to your Blogger Blogspot blog&lt;/strong&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;span style="color: #333333;"&gt;. In an earlier article I wrote about the simplest way to place social media on a Blogger blog - that is to&amp;nbsp;&lt;/span&gt;&lt;a href="http://howstartblogging.blogspot.com/2012/12/add-social-bookmarking-button-to-blogger.html"&gt;&lt;span style="color: red;"&gt;&lt;b&gt;Add Social Bookmarking To Blog&lt;/b&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;However, as one size doesn't fit all situations there may be lots of times when you would prefer to&amp;nbsp;&lt;/span&gt;&lt;strong style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;add individual social bookmark buttons to your Blogger blog&lt;/strong&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;. That's why I have put together this list of useful free social bookmarking button sets. All are free to use on a personal blog and most have no restrictions for commercial use either but please do double check the license when you download them if you want to use the buttons commercially.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;strong style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;span style="background-color: white; color: blue;"&gt;Best Sources of Social Bookmarking Buttons for Blogger Blogspot&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;a href="http://wefunction.com/2008/07/function-free-icon-set" style="background-color: white; color: #223344; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;b&gt;128 Completely Free Icons Set&lt;/b&gt;&lt;/a&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;128 Icons available in 48×48px. Includes Social Media Icons such as: Design Float, Digg, Delicious, Furl, Technorati, Flickr, Stumble Upon, Twitter &amp;amp; more…&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;a href="http://fasticon.com/freeware/index.php/web-2-icons/" style="background-color: white; color: #223344; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;b&gt;Web 2.0 Icons (23 icons)&lt;/b&gt;&lt;/a&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;23 freeware “iPhone-like” icons sized from 512X512 to 16X16 pixels. Includes Blinklist, BlogMarks, Delicious, Digg, FaceBook, Favorite, Feeds, FeedBurner, Flickr, Furl, Google Magnolia, Misterwong, Myspace, Newsvine, Netvibes, Reddit, Simpy, Stumbleupon, Technorati, Twitter, Youtube.&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;b&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/b&gt;&lt;/span&gt;
&lt;a href="http://dryicons.com/free-icons/preview/socialize-icons-set/" style="background-color: white; color: #223344; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;b&gt;Socialize (12 icons)&lt;/b&gt;&lt;/a&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;12 high quality, free icons in these sizes: 16x16px, 32x32px, 48x48px, 64x64px and 128x128px and 32-bit transparency PNG file format.&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;img alt="Free Social Bookmark Icons for Blogger - Socialize Icon Set" border="0" id="BLOGGER_PHOTO_ID_5366407682319403426" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioiQAi6-p7E1YFyI5pe8PwI2mbeei-yunZmzfomc4QaKLb8c97KU3Au4uOPjjmkw7X-SgyehyTO40lFMXwAMpAvJnoaotKlDoSrVDsognLn3q1Y6H0HXAfElPYFzGeOIoHCjCob5ZvrcM/s320/socialize-icons.jpg" style="height: 160px; margin: 0px 10px 10px 0px; width: 320px;" /&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;a href="http://www.jankoatwarpspeed.com/post/2008/10/20/Handycons-a-free-hand-drawn-social-media-icon-set.aspx" style="background-color: white; color: #223344; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;b&gt;Handycons (12 icons)&lt;/b&gt;&lt;/a&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Handycons is a free, hand drawn social media icon set containing 12 icons. Package contains icons for del.icio.us, Digg, Mixx, DesignBump, StumbleUpon, Reddit, Developer Zone, DesignFloat, Technorati, Twitter and RSS feed &amp;amp; Email icon, of course. All icons are available in four sizes: 16x16, 24x24, 32x32 and 48x48 pixels&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;img alt="Free Social Bookmark Icons for Blogger - Handycons" border="0" id="BLOGGER_PHOTO_ID_5366410094383063938" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheH1IJWh-zCPdQxdG9hHal3Jw6pwIjUCzZMubUqWWLMweY080Sxkc4ploIIc6q89IknKFV-bD0RVlpbBYplii28TKFjMAv2nB8-ZCZs-kfnb7bUbHuHnYxXAAxEx420sNegLLaPImtnJc/s320/handycons_social-bookmark-icons.jpg" style="cursor: hand; cursor: pointer; float: block; height: 160px; margin: 0 10px 10px 0; width: 320px;" /&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;a href="http://www.jankoatwarpspeed.com/post/2009/02/23/Handycons-2-another-free-hand-drawn-icon-set.aspx" style="background-color: white; color: #223344; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;b&gt;Handycons 2 (20 icons)&lt;/b&gt;&lt;/a&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;20 more hand drawn icons following on from the first Handycons set. Package contains Facebook, Blinklist, Feedburner, Flickr, FriendFeed, Furl, Gmail, Google, Heart icon, Last FM, Linked IN, Magnolia, Newsvine, PayPal, Skype, Sphinn, Twitter, Vimeo, Yahoo and You Tube icons. All icons come in four sizes: 16x16, 32x32, 64x64 and 12x128px.&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;img alt="Free Social Bookmark Icons for Blogger - Handycons2" border="0" id="BLOGGER_PHOTO_ID_5366417071085790546" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUcseT8DmsjTyDxus1FYALJOmtW5HOSdz9Kz1old17GrOgK2flzjHnhxSfdZiuYfctCmY9xXRtjr1BY7QNXuHiUcJZhUr_Da1WAg7p-BZdgISM4FlGcb_uXWCCr-DZj5Pd068qo7QwWCo/s320/handycons2_social-bookmark-buttons.jpg" style="cursor: hand; cursor: pointer; float: block; height: 213px; margin: 0 10px 10px 0; width: 320px;" /&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;a href="http://arbent.net/blog/freebies-a-social-media-icon-set-just-for-you" style="background-color: white; color: #223344; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;b&gt;Social Media Icons (26 icons)&lt;/b&gt;&lt;/a&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;26 clean looking free social media icons available for personal or commercial use.&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;a href="http://jwloh.deviantart.com/art/Aquaticus-Social-91014249" style="background-color: white; color: #223344; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;b&gt;Aquaticus Social (30 icons)&lt;/b&gt;&lt;/a&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;30 Web 2.0 social media icons in 4 sizes. Free to use on blogs. List includes popular icons like: Blogger, Delicious, Digg, Facebook, flickr, furl, Google, Ma.gnolia, Mixx, MySpace, NetVibes, NewsVine, Reddit, StumbleUpon, Technorati, Twitter, Yahoo!&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;span style="background-color: white;"&gt;&lt;img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitjGNVT43oLw7iXkzZ7Log_GiEmcK9hGV74Zb0g63GBEkfdLSW6497YgVi14l9XSHrGZvZSAfAqvmcGs7WTrIsv4DtjLgRjRUx7wBzH6KogY7o0jhTiIDfm8diU4Sz5YY1ZS7Rxwu4yN8/s320/Free+Social+Bookmark+Buttons+for+Blogger+-+Blog+Know+How.jpeg" width="257" /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;a href="http://jwloh.deviantart.com/art/Social-me-90694011" style="background-color: white; color: #223344; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;b&gt;Social Me Icons (30 Icons)&lt;/b&gt;&lt;/a&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;30 free iPhone-inspired icons that can be used on blogs and websites without restriction. 4 sizes up to 60x60px, 48x48px, 24x24px, 16x16px. List includes popular icons like: Blogger, Delicious, Digg, Facebook, flickr, furl, Google, Ma.gnolia, Mixx, MySpace, NetVibes, NewsVine, Reddit, StumbleUpon, Technorati, Twitter, Yahoo!&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: Trebuchet MS, Verdana, Arial, sans-serif; font-size: x-small;"&gt;&lt;span style="line-height: 18.883333206176758px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgazsqXSFmv6SOW9DIhh1moYXo90mir4NtN7KRKFyB8BgVGH1Kt5JCXadW1HVzKRyu5AMxBRDPj_yf84bvmrMdPUqjkv1WSlDePfktOx2ul2oughP0HoFv8_x8GZR6fPAXR4fCMkco8yfY/s1600/Free+Social+Bookmark+Buttons+for+Blogger+-+Blog+Know+How.jpeg" imageanchor="1" style="background-color: white; margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgazsqXSFmv6SOW9DIhh1moYXo90mir4NtN7KRKFyB8BgVGH1Kt5JCXadW1HVzKRyu5AMxBRDPj_yf84bvmrMdPUqjkv1WSlDePfktOx2ul2oughP0HoFv8_x8GZR6fPAXR4fCMkco8yfY/s320/Free+Social+Bookmark+Buttons+for+Blogger+-+Blog+Know+How.jpeg" width="251" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;b style="background-color: white; color: #223344; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;a href="http://vikiworks.com/2007/06/15/social-bookmark-iconset/" style="background-color: white; color: #223344; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Social Bookmark Iconset Pt I&lt;/a&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ-BWn8vMSNGLnFtLKadB83xqrl4tmojQkFdhOw0_2PVKxzyOa1jSkuGT-6GrExMlnLbclDYGGGE9T8emNQjhpS9-wuEmknxI8vFGFbkC17et4tnf8FfhsC-VIfW-giNu35Ji3ZYVfcH0/s1600-h/social-bookmarking-icon-set-1.jpg" style="color: #223344; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;img alt="Free Social Bookmark Icons for Blogger - Social Bookmark Iconset" border="0" id="BLOGGER_PHOTO_ID_5366400976247650498" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ-BWn8vMSNGLnFtLKadB83xqrl4tmojQkFdhOw0_2PVKxzyOa1jSkuGT-6GrExMlnLbclDYGGGE9T8emNQjhpS9-wuEmknxI8vFGFbkC17et4tnf8FfhsC-VIfW-giNu35Ji3ZYVfcH0/s320/social-bookmarking-icon-set-1.jpg" style="border-width: 0px; cursor: pointer; height: 130px; margin: 0px 10px 10px 0px; padding: 4px; width: 320px;" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;a href="http://vikiworks.com/2007/07/28/social-bookmark-iconset-part-2/" style="background-color: white; color: #223344; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;b&gt;Social Bookmark Iconset Pt II&lt;/b&gt;&lt;/a&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFOx6y4-crwyJnDxZpQ7eEpBW8EYtCuiYkHMSoTNaPMJaG4Yg2TpzNudTxW6GkjLcsVqAipDTCQVFLHuHoieW1Wa0U-rR6cX4jBgaDg7lNXTUjbCswclhWvRSlAa6-M0g567Fuwr4FNyw/s1600-h/social-bookmarking-icon-set.jpg" style="color: #223344; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;img alt="Free Social Bookmark Icons for Blogger - Social Bookmark Iconset Part II" border="0" id="BLOGGER_PHOTO_ID_5366400147434517730" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFOx6y4-crwyJnDxZpQ7eEpBW8EYtCuiYkHMSoTNaPMJaG4Yg2TpzNudTxW6GkjLcsVqAipDTCQVFLHuHoieW1Wa0U-rR6cX4jBgaDg7lNXTUjbCswclhWvRSlAa6-M0g567Fuwr4FNyw/s320/social-bookmarking-icon-set.jpg" style="border-width: 0px; cursor: pointer; height: 96px; margin: 0px auto 10px; padding: 4px; text-align: center; width: 320px;" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Ok so that's my current list of some of the best free social bookmark icons available on the net suitable for a Blogger Blogspot blog. This is a pretty extensive list to get you started but I will add more as time goes on and I come across other great sets. If you find what you are looking for here please let me know and if not I would be interested in that too.&amp;nbsp;&lt;/span&gt;&lt;span style="color: #333333; font-family: Trebuchet MS, Verdana, Arial, sans-serif; font-size: x-small;"&gt;&lt;span style="line-height: 18.883333206176758px;"&gt;&lt;br style="background-color: #eeeecc;" /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
</description><link>http://howstartblogging.blogspot.com/2012/12/free-social-bookmark-buttons-for-blog.html</link><author>noreply@blogger.com (Anonymous)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioiQAi6-p7E1YFyI5pe8PwI2mbeei-yunZmzfomc4QaKLb8c97KU3Au4uOPjjmkw7X-SgyehyTO40lFMXwAMpAvJnoaotKlDoSrVDsognLn3q1Y6H0HXAfElPYFzGeOIoHCjCob5ZvrcM/s72-c/socialize-icons.jpg" width="72"/><thr:total>1</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5974335734164880281.post-7278323430534633754</guid><pubDate>Fri, 14 Dec 2012 13:58:00 +0000</pubDate><atom:updated>2012-12-14T23:16:51.870-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Get Visitors</category><category domain="http://www.blogger.com/atom/ns#">Social Media</category><title>Add a Digg Button to Blog</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;br /&gt;
&lt;div style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;
&lt;span style="background-color: white; color: blue;"&gt;Today's article discusses where to place a digg.com button on your Blogspot Blogger blog and shows you how to add an integrated digg button to your blog. The button allows your blog's visitors to digg posts from your blog and submit those articles to Digg.&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: blue;"&gt;&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;strong&gt;&lt;span style="background-color: white;"&gt;What is Digg.com?&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: blue;"&gt;Digg is a social content site where readers submit stories, videos and images. Depending on interest and popularity articles are commented on by members. You can encourage your readers to digg your stories by adding a Digg button to your Blogger blog. The button will display a real time count of the number of times your post has been dugg.&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: blue;"&gt;&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2_pAPHGZ2p0S1eynfEMkcHdoSpywULysfYKDF9ET30IRP4JvdZMkuc7tANyxRKJiFX-2yQY3EK-RWIxgld8-s9KjCBARrjZk9aPVlR7L5cmWrndM46jFujxdsDP7dQ3csVjTFHOgEQ-8/s1600-h/digg_integrated-button-large.gif"&gt;&lt;img alt="Digg Large Button" border="0" id="BLOGGER_PHOTO_ID_5344474034931150610" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2_pAPHGZ2p0S1eynfEMkcHdoSpywULysfYKDF9ET30IRP4JvdZMkuc7tANyxRKJiFX-2yQY3EK-RWIxgld8-s9KjCBARrjZk9aPVlR7L5cmWrndM46jFujxdsDP7dQ3csVjTFHOgEQ-8/s320/digg_integrated-button-large.gif" style="border-width: 0px; cursor: pointer; float: right; height: 55px; margin: 0px auto 10px; padding: 4px; text-align: center; width: 45px;" /&gt;&lt;/a&gt;&lt;strong&gt;Why Add a Digg Button to My Blogger Blogspot Blog?&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: blue;"&gt;&lt;span style="background-color: white;"&gt;&lt;strong&gt;&lt;br /&gt;&lt;/strong&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;Why would I want to add more buttons to my blog you may be wondering. Well there are a number of reasons why getting on board with Digg will be helpful to you in growing your blog.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;ul style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;
&lt;li&gt;&lt;span style="background-color: white; color: blue;"&gt;Digg is a ready source of traffic that can drive visitors to your blog and it is too important to overlook. When visitors digg your stories it will encourage new readers to visit your blog.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="background-color: white; color: blue;"&gt;Posts that have been submitted to Digg appear in search engine results so your blog will receive exposure.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="background-color: white; color: blue;"&gt;A digg button will encourage visitors to submit your blog's content including images and video to Digg. This will encourage others to comment and write about your post and possibly link to it.&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;span style="color: blue;"&gt;&lt;span style="background-color: white;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;strong style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;span style="background-color: white;"&gt;What to Consider When Choosing to Add Digg to Your Blog&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: blue; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;When adding a Digg button to your Blogger Blogspot blog there are some important considerations to think of before you get started. You will need to decide about:&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: blue;"&gt;&lt;span style="background-color: white;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;ul style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;
&lt;li&gt;&lt;span style="background-color: white; color: blue;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj_-kSsQi3TuP7rJjcBEI6LXxx0HsBbJzunYEWF0W2mEJXBZA6Pk7gpIeqQSyZLDipFknXvl6c5BySaLgnfv7EnaZL2r0mXxHu37Y1iRUHj8rS_6-GUII2ra-YRfJuth8EF7rpV15AXiE/s1600-h/digg-button.JPG"&gt;&lt;img alt="Digg Compact Button" border="0" id="BLOGGER_PHOTO_ID_5346589304658446386" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj_-kSsQi3TuP7rJjcBEI6LXxx0HsBbJzunYEWF0W2mEJXBZA6Pk7gpIeqQSyZLDipFknXvl6c5BySaLgnfv7EnaZL2r0mXxHu37Y1iRUHj8rS_6-GUII2ra-YRfJuth8EF7rpV15AXiE/s200/digg-button.JPG" style="border-width: 0px; cursor: pointer; float: right; height: 59px; margin: 0px 0px 10px 10px; padding: 4px; width: 158px;" /&gt;&lt;/a&gt;The look of the button to place on your blog as Digg gives you the option of several sizes to choose from. The look and feel of your blog will dictate what button you decide on.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="background-color: white; color: blue;"&gt;What pages your Digg button will display on. Do you want it on the home page as well as the post pages for instance? I strongly advise that you place any integrated button only on post pages otherwise you will find the loading time of your homepage will be noticeably reduced.&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="background-color: white; color: blue;"&gt;What position to place the button in on your blog. Under the post title, beside the first paragraph, below the post are all common locations for a Digg button. Placing a button near the top of your posts can be a good ideas as visitors will see it as the page loads because the button will be above the fold ie the area that visitors see without having to scroll down. If you have a bunch of social media buttons at the bottom of your posts already you might want to include your Digg button in this sequence.&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;span style="color: blue;"&gt;&lt;span style="background-color: white;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;strong style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;span style="background-color: white;"&gt;Can I Digg My Own Blog Content?&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: blue; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Yes. You most certainly can digg your own Blogger posts as this will get you a listing in Digg.&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: blue;"&gt;&lt;span style="background-color: white;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;strong style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;span style="background-color: white;"&gt;How to Add a Digg Button to Blogger Blogspot Blog&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: blue; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;I am going to show you how to manually change your Blogger Blogspot template to include your Digg button. While this is not a difficult tweak you will be changing your template. Make sure you take care not to overwrite any code. My suggestion as always is back up first by downloading your template before beginning the addition of this code.&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: blue;"&gt;&lt;span style="background-color: white;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;strong style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;span style="background-color: white;"&gt;To add a large Digg button to appear next to the first paragraph in your Blogger Blogspot posts:&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: blue;"&gt;&lt;span style="background-color: white;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqAPlSg2cig3153toGnrsnLHC402dCgvVfYYtxMqjT-S54ASqLhE4sk-jmS_q_KOuoMafQZ20SMl0BbBZEKFna_vQZ0L-1Q-Va4ytj925zRICOUSOhKWvtaiRtCPda9jmzKwNT2GlOaHU/s1600-h/blogger_add-digg-button.JPG" style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;span style="background-color: white;"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5346586625820458178" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqAPlSg2cig3153toGnrsnLHC402dCgvVfYYtxMqjT-S54ASqLhE4sk-jmS_q_KOuoMafQZ20SMl0BbBZEKFna_vQZ0L-1Q-Va4ytj925zRICOUSOhKWvtaiRtCPda9jmzKwNT2GlOaHU/s320/blogger_add-digg-button.JPG" style="border-width: 0px; cursor: pointer; display: block; height: 303px; margin: 0px auto 10px; padding: 4px; text-align: center; width: 320px;" /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: blue; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;1. Login to your Blogger blog if not already logged in&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: blue;"&gt;&lt;span style="background-color: white;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;2. Navigate to&amp;nbsp;&lt;/span&gt;&lt;strong style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Layout &amp;gt; Edit HTML&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: blue;"&gt;&lt;span style="background-color: white;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;3. Back up your template by downloading full template as a precaution&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: blue;"&gt;&lt;span style="background-color: white;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;4. Check the&amp;nbsp;&lt;/span&gt;&lt;strong style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Expand Widgets Template&amp;nbsp;&lt;/strong&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;box&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: blue;"&gt;&lt;span style="background-color: white;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;5. Find this line of code using CTRL + F&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;blockquote style="border-color: rgb(187, 187, 187); border-style: dotted; border-width: 1px 0px; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 1.3em; margin: 0.75em 0px; padding: 5px 15px;"&gt;
&lt;span style="background-color: white; color: red;"&gt;&amp;lt;p&amp;gt;&amp;lt;data:post.body/&amp;gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;6.&lt;span style="color: blue;"&gt; Paste the Following code&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;strong style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;span style="color: blue;"&gt;above&lt;/span&gt;&lt;/strong&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&amp;nbsp;&lt;span style="color: red;"&gt;&amp;lt;p&amp;gt;&amp;lt;data:post.body/&amp;gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;br /&gt;
&lt;blockquote style="border-color: rgb(187, 187, 187); border-style: dotted; border-width: 1px 0px; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 1.3em; margin: 0.75em 0px; padding: 5px 15px;"&gt;
&lt;span style="background-color: white; color: blue;"&gt;&amp;lt;!--Digg.com Button--&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: blue;"&gt;&amp;lt;b:if cond='data:blog.pageType == &amp;amp;quot;item&amp;amp;quot;'&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: blue;"&gt;&amp;lt;div style='float:right; margin-left:10px;'&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: blue;"&gt;&amp;lt;script type='text/javascript'&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: blue;"&gt;digg_url=&amp;amp;quot;&amp;lt;data:post.url/&amp;gt;&amp;amp;quot;;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: blue;"&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: blue;"&gt;&amp;lt;script src='http://digg.com/tools/diggthis.js' type='text/javascript'/&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: blue;"&gt;&amp;lt;/div&amp;gt;&amp;lt;/b:if&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: blue;"&gt;&amp;lt;!--end Digg.com Button--&amp;gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: blue; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;7. Click on the &lt;b&gt;Save Template button&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: blue;"&gt;&lt;span style="background-color: white;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;8. Click on View Blog link and navigate to an individual post page. You will see your new digg button is only visible on the post page.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: blue;"&gt;&lt;span style="background-color: white;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;strong style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;span style="background-color: white;"&gt;Customizing Your Digg Button Tips and Troubleshooting&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: blue;"&gt;&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: blue;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;br /&gt;
&lt;li style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;span style="background-color: white; color: blue;"&gt;To have the Digg button display on all pages not just the individual post pages remove this line:&lt;/span&gt;&lt;blockquote style="border-color: rgb(187, 187, 187); border-style: dotted; border-width: 1px 0px; line-height: 1.3em; margin: 0.75em 0px; padding: 5px 15px;"&gt;
&lt;span style="background-color: white; color: red;"&gt;&amp;lt;b:if cond='data:blog.pageType == &amp;amp;quot;item&amp;amp;quot;'&amp;gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;/li&gt;
&lt;li style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;span style="background-color: white; color: blue;"&gt;To have the Digg button aligned to the left instead of the right change this line from:&lt;/span&gt;&lt;blockquote style="border-color: rgb(187, 187, 187); border-style: dotted; border-width: 1px 0px; line-height: 1.3em; margin: 0.75em 0px; padding: 5px 15px;"&gt;
&lt;span style="background-color: white; color: red;"&gt;&amp;lt;div style='float:right; margin-left:10px;'&amp;gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;span style="color: blue;"&gt;to:&lt;/span&gt;&lt;/span&gt;&lt;blockquote style="border-color: rgb(187, 187, 187); border-style: dotted; border-width: 1px 0px; line-height: 1.3em; margin: 0.75em 0px; padding: 5px 15px;"&gt;
&lt;span style="background-color: white; color: red;"&gt;&amp;lt;div style='float:left; margin-left:10px;'&amp;gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;/li&gt;
&lt;li style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;span style="background-color: white; color: blue;"&gt;To replace the large button with the compact button replace the code in Step 6 with:&lt;/span&gt;&lt;blockquote style="border-color: rgb(187, 187, 187); border-style: dotted; border-width: 1px 0px; line-height: 1.3em; margin: 0.75em 0px; padding: 5px 15px;"&gt;
&lt;span style="background-color: white; color: red;"&gt;&amp;lt;!--Digg.com Button--&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; 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;
&lt;span style="background-color: white; color: red;"&gt;&amp;lt;div style='float:right; margin-left:10px;'&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: red;"&gt;&amp;lt;script type='text/javascript'&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: red;"&gt;digg_url=&amp;amp;quot;&amp;lt;data:post.url/&amp;gt;&amp;amp;quot;;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: red;"&gt;digg_skin=&amp;amp;quot;compact&amp;amp;quot;;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: red;"&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: red;"&gt;&amp;lt;script src='http://digg.com/tools/diggthis.js' type='text/javascript'/&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: red;"&gt;&amp;lt;/div&amp;gt;&amp;lt;/b:if&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: red;"&gt;&amp;lt;!--end Digg.com Button--&amp;gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;/li&gt;
&lt;li style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;span style="background-color: white; color: blue;"&gt;To change the background color of the button from white to your own desired color add this line:&lt;/span&gt;&lt;blockquote style="border-color: rgb(187, 187, 187); border-style: dotted; border-width: 1px 0px; line-height: 1.3em; margin: 0.75em 0px; padding: 5px 15px;"&gt;
&lt;span style="background-color: white; color: red;"&gt;digg_bgcolor=&amp;amp;quot;#ff9900amp;quot;;&lt;/span&gt;&lt;/blockquote&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;span style="color: blue;"&gt;below this line:&lt;/span&gt;&lt;/span&gt;&lt;blockquote style="border-color: rgb(187, 187, 187); border-style: dotted; border-width: 1px 0px; line-height: 1.3em; margin: 0.75em 0px; padding: 5px 15px;"&gt;
&lt;span style="background-color: white; color: red;"&gt;digg_url=&amp;amp;quot;&amp;lt;data:post.url/&amp;gt;&amp;amp;quot;;&lt;/span&gt;&lt;/blockquote&gt;
&lt;span style="background-color: white; color: blue;"&gt;&lt;br /&gt;Note: Change the value #ff9900 to whatever hex color you would like.&lt;/span&gt;&lt;/li&gt;
&lt;li style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;span style="background-color: white; color: blue;"&gt;To move the Digg button to below the post content instead of at the top paste the following code:&lt;/span&gt;&lt;blockquote style="border-color: rgb(187, 187, 187); border-style: dotted; border-width: 1px 0px; line-height: 1.3em; margin: 0.75em 0px; padding: 5px 15px;"&gt;
&lt;span style="background-color: white; color: red;"&gt;&amp;lt;!--Digg.com Button--&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; 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;
&lt;span style="background-color: white; color: red;"&gt;&amp;lt;div style='float:right; margin-left:10px;'&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: red;"&gt;&amp;lt;script type='text/javascript'&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: red;"&gt;digg_url=&amp;amp;quot;&amp;lt;data:post.url/&amp;gt;&amp;amp;quot;;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: red;"&gt;digg_skin=&amp;amp;quot;compact&amp;amp;quot;;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: red;"&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: red;"&gt;&amp;lt;script src='http://digg.com/tools/diggthis.js' type='text/javascript'/&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: red;"&gt;&amp;lt;/div&amp;gt;&amp;lt;/b:if&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: red;"&gt;&amp;lt;!--end Digg.com Button--&amp;gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;span style="background-color: white; color: blue;"&gt;&lt;br /&gt;to the end of the section of code beginning with this line&lt;/span&gt;&lt;blockquote style="border-color: rgb(187, 187, 187); border-style: dotted; border-width: 1px 0px; line-height: 1.3em; margin: 0.75em 0px; padding: 5px 15px;"&gt;
&lt;span style="background-color: white; color: red;"&gt;&amp;lt;div class='post-footer-line post-footer-line-2'&amp;gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;
If you have a third post footer line then place this code after that block of code.&lt;/span&gt;&lt;br /&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcxuCB8YMGfBZlujrhyphenhyphenaWxGA5nxwlKc7xjHVhfseWKPiFsmLKcIB6lVURdyShAmS1MxCuPOP0vH1FYnQd2fbpUv56grBHER3llo0lsjrreloegxmbwgaTXmIhtX5oylC07A-H0sNpE07U/s1600-h/blogger_add-digg_after-labels-in-post-footer.JPG"&gt;&lt;img alt="Add Digg button after labels in post footer" border="0" id="BLOGGER_PHOTO_ID_5344436578464597042" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcxuCB8YMGfBZlujrhyphenhyphenaWxGA5nxwlKc7xjHVhfseWKPiFsmLKcIB6lVURdyShAmS1MxCuPOP0vH1FYnQd2fbpUv56grBHER3llo0lsjrreloegxmbwgaTXmIhtX5oylC07A-H0sNpE07U/s320/blogger_add-digg_after-labels-in-post-footer.JPG" style="border-width: 0px; cursor: pointer; display: block; height: 176px; margin: 0px auto 10px; padding: 4px; text-align: center; width: 320px;" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiatglBlqZZTqyie9iT2XHf-NoV5TQ9vYVjD3YJ3bHk_V8uZUmxOhtMz3ldusUs1jgPNvHMhQPAAqUPh8nx_Ulo6fm4QtgJv4i3_Qo4KjSYsUCe-wBwbkHdZ8DfgWp7ebkbYhOe_oSc79w/s1600-h/blogger_add-digg-button-to-post-footer.JPG"&gt;&lt;img alt="Add Digg Button to Below Blogger Blogspot Post Content" border="0" id="BLOGGER_PHOTO_ID_5344433293726395186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiatglBlqZZTqyie9iT2XHf-NoV5TQ9vYVjD3YJ3bHk_V8uZUmxOhtMz3ldusUs1jgPNvHMhQPAAqUPh8nx_Ulo6fm4QtgJv4i3_Qo4KjSYsUCe-wBwbkHdZ8DfgWp7ebkbYhOe_oSc79w/s320/blogger_add-digg-button-to-post-footer.JPG" style="border-width: 0px; cursor: pointer; display: block; height: 225px; margin: 0px auto 10px; padding: 4px; text-align: center; width: 320px;" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: blue;"&gt;&lt;br /&gt;In this tutorial you have learned about what Digg is and the benefits of adding an integrated Digg button to your Blogger Blogspot Blog. You have also learned about different placement options for your Digg button and been given step by step instructions on how to customize the Digg button to suit the needs of your blog.&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/div&gt;
</description><link>http://howstartblogging.blogspot.com/2012/12/add-digg-button-to-blog.html</link><author>noreply@blogger.com (Anonymous)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2_pAPHGZ2p0S1eynfEMkcHdoSpywULysfYKDF9ET30IRP4JvdZMkuc7tANyxRKJiFX-2yQY3EK-RWIxgld8-s9KjCBARrjZk9aPVlR7L5cmWrndM46jFujxdsDP7dQ3csVjTFHOgEQ-8/s72-c/digg_integrated-button-large.gif" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5974335734164880281.post-2801729398235723897</guid><pubDate>Fri, 14 Dec 2012 13:54:00 +0000</pubDate><atom:updated>2012-12-14T23:18:21.080-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Get Visitors</category><category domain="http://www.blogger.com/atom/ns#">Social Media</category><title>Add Twitter Retweet Button to Blog</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Did you know that Twitter can help drive traffic to your Blogspot blog? In today's Blogger tutorial I show you how to add a free Twitter Retweet button to your Blogger posts. Adding a Tweetmeme Twitter Retweet button to Blogger will help promote your blog on Twitter in 2 ways: one by attracting new Twitter followers and two by increasing the direct traffic to your blog from Twitter.&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;strong style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;br /&gt;&lt;/strong&gt;
&lt;strong style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;What is Twitter and How Does it Work?&lt;/strong&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Twitter is currently the fastest growing free social networking site. Essentially, Twitter users micro blog about what they are doing or what others are doing by posting tweets of around 140 characters to Twitter. When Twitter members read these tweets and like what they read they can become followers much in the same way that your readers can choose to follow your blog.&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Twitter is great news for bloggers because it can be used as a vehicle to promote blogs. Blogger can easily be linked with Twitter services so that every time a post is made to Blogger a short message with a link is posted on Twitter. As every follower is notified that you have tweeted, a blog publisher can gain lots of exposure for their blog with very little effort.&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Once you add Tweetmeme retweets to the mix the spread compounds because not only do you have followers hearing about your tweet but the followers of followers. So say one of your followers retweets your post all that person's followers hear about it too and pretty soon a tweet plus your retweets can popularize a post to the point that it spreads so widely that it goes viral.&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;strong style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Advantages of a Twitter Retweet Button&lt;/strong&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;A Tweet/Retweet button looks similar to and behaves like &lt;/span&gt;&lt;a href="http://howstartblogging.blogspot.com/2012/12/add-digg-button-to-blog.html"&gt;&lt;span style="color: red;"&gt;&lt;b&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;an&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;integrated Digg button&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/a&gt;&lt;span style="color: red;"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&amp;nbsp;but it counts retweets rather than diggs. A Retweet button counts reposts of a tweet so that readers can see at a glance how popular your article is on Twitter. Another benefit of the Retweet button is that it allows your blog readers to retweet your post so that their followers hear about your post too.&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;strong style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;span style="background-color: white; color: blue;"&gt;How to Add a Twitter Retweet Button to a Blogger Blog (Blogspot Blog)&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;The following instructions will place a Tweetmeme Retweet button into all of your blog posts.&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;br /&gt;
&lt;ol style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;
&lt;li style="color: #333333;"&gt;&lt;span style="background-color: white;"&gt;Login to Blogger if not already logged in&lt;/span&gt;&lt;/li&gt;
&lt;li style="color: #333333;"&gt;&lt;span style="background-color: white;"&gt;From the Dashboard navigate to &lt;b&gt;Layout &amp;gt; Edit HTML&lt;/b&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li style="color: #333333;"&gt;&lt;span style="background-color: white;"&gt;Check the &lt;b&gt;Expand Widget Templates button&lt;/b&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li style="color: #333333;"&gt;&lt;span style="background-color: white;"&gt;Back up your Blogger template by clicking on Download Full Template as a precaution&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="background-color: white; color: #333333;"&gt;Using &lt;/span&gt;&lt;span style="background-color: white;"&gt;&lt;span style="color: red;"&gt;&lt;b&gt;CTRL + F&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: white; color: #333333;"&gt; find the following code:&lt;/span&gt;&lt;blockquote style="border-color: rgb(187, 187, 187); border-style: dotted; border-width: 1px 0px; line-height: 1.3em; margin: 0.75em 0px; padding: 5px 15px;"&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;&amp;lt;div class='post-header-line-1'/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;/li&gt;
&lt;li&gt;&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333;"&gt;Directly after the above line paste the following code depending on which Retweet button and position you prefer:&lt;/span&gt;&lt;/span&gt;&lt;ul&gt;&lt;span style="background-color: white;"&gt;&lt;strong&gt;Large Retweet Button - Right Aligned&lt;/strong&gt;&lt;br /&gt;&lt;span style="color: #333333;"&gt;&lt;img alt="Retweet Button" border="0" id="BLOGGER_PHOTO_ID_5389076163761279138" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijr1XQBuzqLYg2ykr783ONZ3gO4VCG5rwBuqIxq2JurDbqKrRjHOL07tltn8VwRyZ3b-anOaZqRUkOWpMffjHLwN4hoKrwwnmyI2fPGcgRWP698fol4h4d5y9QKeVbGyNFQ1Ie3HqT-JI/s320/retweet-button-large.JPG" style="cursor: pointer; height: 69px; margin: 0px 0px 5px; padding: 4px; width: 58px;" /&gt;&lt;/span&gt;&lt;/span&gt;&lt;div style="font-family: arial; font-size: 12px; height: 90px; overflow: auto; padding: 4px; width: 300px;"&gt;
&lt;pre&gt;&lt;span style="background-color: white;"&gt;&lt;span style="color: red;"&gt;&amp;lt;div style="float:right;padding:4px;"&amp;gt;
&amp;lt;script type="text/javascript"&amp;gt;
tweetmeme_url = '&amp;lt;data:post.url/&amp;gt;'; 
tweetmeme_source = '&lt;/span&gt;&lt;span style="color: blue;"&gt;your_twitter_user_name&lt;/span&gt;&lt;span style="color: red;"&gt;';
&amp;lt;/script&amp;gt;
&amp;lt;script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"&amp;gt;
&amp;lt;/script&amp;gt; &amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;br /&gt;
&lt;/span&gt;
&lt;li&gt;&lt;span style="background-color: white;"&gt;&lt;strong&gt;Large Retweet Button - Left Aligned&lt;/strong&gt;&lt;br /&gt;&lt;span style="color: #333333;"&gt;&lt;img alt="Retweet Button" border="0" id="BLOGGER_PHOTO_ID_5389076163761279138" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijr1XQBuzqLYg2ykr783ONZ3gO4VCG5rwBuqIxq2JurDbqKrRjHOL07tltn8VwRyZ3b-anOaZqRUkOWpMffjHLwN4hoKrwwnmyI2fPGcgRWP698fol4h4d5y9QKeVbGyNFQ1Ie3HqT-JI/s320/retweet-button-large.JPG" style="cursor: pointer; height: 69px; margin: 0px 0px 5px; padding: 4px; width: 58px;" /&gt;&lt;/span&gt;&lt;/span&gt;&lt;div style="font-family: arial; font-size: 12px; height: 90px; overflow: auto; padding: 4px; width: 300px;"&gt;
&lt;pre&gt;&lt;span style="background-color: white;"&gt;&lt;span style="color: red;"&gt;&amp;lt;div style="float:left;padding:4px;"&amp;gt;
&amp;lt;script type="text/javascript"&amp;gt;
tweetmeme_url = '&amp;lt;data:post.url/&amp;gt;'; 
tweetmeme_source =&lt;/span&gt;&lt;span style="color: #333333;"&gt; &lt;/span&gt;&lt;span style="color: blue;"&gt;'your_twitter_user_name&lt;/span&gt;&lt;span style="color: #333333;"&gt;';
&lt;/span&gt;&lt;span style="color: red;"&gt;&amp;lt;/script&amp;gt;
&amp;lt;script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"&amp;gt;
&amp;lt;/script&amp;gt; &amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li&gt;&lt;span style="background-color: white;"&gt;&lt;strong&gt;Compact Retweet Button - Right Aligned&lt;/strong&gt;&lt;br /&gt;&lt;span style="color: #333333;"&gt;&lt;img alt="Retweet Compact Button - How to add to Blogger" border="0" id="BLOGGER_PHOTO_ID_5389085142191474178" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjMyvjPj0n7xkOmdhyS7pDw9Ch0xeuEq89ehdWnWOWJZfuMMDLVeNS1F0hFdhBe9z7M4mWsy3vJjgOllz9ETkUGdV66dXBIw7CnbAdVooU-XmI5Ai-KvA06xiptsXZ5HnIOhDzT5pIlGQ/s320/retweet-button-compact.JPG" style="cursor: pointer; height: 26px; margin: 0px 0px 5px; padding: 4px; width: 80px;" /&gt;&lt;/span&gt;&lt;/span&gt;&lt;div style="font-family: arial; font-size: 12px; height: 90px; overflow: auto; padding: 4px; width: 300px;"&gt;
&lt;pre&gt;&lt;span style="background-color: white;"&gt;&lt;span style="color: red;"&gt;&amp;lt;div style="float:right;padding:4px;"&amp;gt;
&amp;lt;script type="text/javascript"&amp;gt;
tweetmeme_style = 'compact'; 
tweetmeme_url = '&amp;lt;data:post.url/&amp;gt;'; 
tweetmeme_source = &lt;/span&gt;&lt;span style="color: #333333;"&gt;'&lt;/span&gt;&lt;span style="color: blue;"&gt;your_twitter_user_name&lt;/span&gt;&lt;span style="color: #333333;"&gt;';
&lt;/span&gt;&lt;span style="color: red;"&gt;&amp;lt;/script&amp;gt;
&amp;lt;script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"&amp;gt;
&amp;lt;/script&amp;gt; &amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li&gt;&lt;span style="background-color: white;"&gt;&lt;strong&gt;Compact Retweet Button - Left Aligned&lt;/strong&gt;&lt;br /&gt;&lt;span style="color: #333333;"&gt;&lt;img alt="Retweet Compact Button - How to add to Blogger" border="0" id="BLOGGER_PHOTO_ID_5389085142191474178" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjMyvjPj0n7xkOmdhyS7pDw9Ch0xeuEq89ehdWnWOWJZfuMMDLVeNS1F0hFdhBe9z7M4mWsy3vJjgOllz9ETkUGdV66dXBIw7CnbAdVooU-XmI5Ai-KvA06xiptsXZ5HnIOhDzT5pIlGQ/s320/retweet-button-compact.JPG" style="cursor: pointer; height: 26px; margin: 0px 0px 5px; padding: 4px; width: 80px;" /&gt;&lt;/span&gt;&lt;/span&gt;&lt;div style="font-family: arial; font-size: 12px; height: 90px; overflow: auto; padding: 4px; width: 300px;"&gt;
&lt;pre&gt;&lt;span style="background-color: white;"&gt;&lt;span style="color: red;"&gt;&amp;lt;div style="float:left;padding:4px;"&amp;gt;
&amp;lt;script type="text/javascript"&amp;gt;
tweetmeme_style = 'compact'; 
tweetmeme_url = '&amp;lt;data:post.url/&amp;gt;'; 
tweetmeme_source =&lt;/span&gt;&lt;span style="color: #333333;"&gt; '&lt;/span&gt;&lt;span style="color: blue;"&gt;your_twitter_user_name&lt;/span&gt;&lt;span style="color: #333333;"&gt;';
&lt;/span&gt;&lt;span style="color: red;"&gt;&amp;lt;/script&amp;gt;
&amp;lt;script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"&amp;gt;
&amp;lt;/script&amp;gt; &amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li style="color: #333333;"&gt;&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li style="color: #333333;"&gt;&lt;span style="background-color: white;"&gt;Change&amp;nbsp;&lt;span style="color: red;"&gt;your_twitter_user_name&lt;/span&gt;&amp;nbsp;for your actual Twitter username. For instance I would enter&amp;nbsp;&lt;em&gt;BlogWizz&lt;/em&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li style="color: #333333;"&gt;&lt;span style="background-color: white;"&gt;Click on Save Template&lt;/span&gt;&lt;/li&gt;
&lt;li style="color: #333333;"&gt;&lt;span style="background-color: white;"&gt;Click on View blog to admire your Tweetmeme Retweet button in your Blogger posts&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;strong style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;span style="background-color: white; color: red;"&gt;Tips and Troubleshooting&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;ul style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;
&lt;li&gt;&lt;span style="background-color: white;"&gt;&lt;span style="color: red;"&gt;&lt;strong&gt;To Add Retweet Button Below Blogger Post&lt;/strong&gt;&lt;br /&gt;If you want the button to appear at the bottom of Blogger posts instead of just below the post title locate the first instance of the following code and then paste the code for your chosen button immediately after this line: (don't forget to change your Twitter username as in Step 7)&lt;/span&gt;&lt;/span&gt;&lt;blockquote style="border-color: rgb(187, 187, 187); border-style: dotted; border-width: 1px 0px; line-height: 1.3em; margin: 0.75em 0px; padding: 5px 15px;"&gt;
&lt;pre&gt;&lt;span style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;&amp;lt;data:post.body/&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;
&lt;/blockquote&gt;
&lt;/li&gt;
&lt;li&gt;&lt;span style="background-color: white;"&gt;&lt;span style="color: red;"&gt;&lt;strong&gt;To Have the Retweet Button Appear on Post Pages Only in Blogger&lt;/strong&gt;&lt;br /&gt;If you want the button to only appear on the post pages and not the home page you will need to enclose the button code in an&amp;nbsp;&lt;em&gt;if statement&lt;/em&gt;. See below for an example of what the full code would look like with this extra code.&lt;/span&gt;&lt;/span&gt;&lt;blockquote style="border-color: rgb(187, 187, 187); border-style: dotted; border-width: 1px 0px; line-height: 1.3em; margin: 0.75em 0px; padding: 5px 15px;"&gt;
&lt;pre&gt;&lt;span style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;&amp;lt;b:if cond='data:blog.pageType == "item"'&amp;gt;
&amp;lt;/b:if&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;
&lt;/blockquote&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;span style="color: red;"&gt;Thus the full code for a right-aligned large Retweet button which only appears on the individual post pages and not the home page would be:&lt;/span&gt;&lt;/span&gt;&lt;blockquote style="border-color: rgb(187, 187, 187); border-style: dotted; border-width: 1px 0px; line-height: 1.3em; margin: 0.75em 0px; padding: 5px 15px;"&gt;
&lt;pre&gt;&lt;span style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;&amp;lt;b:if cond='data:blog.pageType == "item"'&amp;gt;
&amp;lt;div style="float:right;padding:4px;"&amp;gt;
&amp;lt;script type="text/javascript"&amp;gt;
tweetmeme_url = '&amp;lt;data:post.url/&amp;gt;'; 
tweetmeme_source = '&lt;/span&gt;&lt;span style="color: red;"&gt;your_twitter_user_name&lt;/span&gt;&lt;span style="color: blue;"&gt;';
&amp;lt;/script&amp;gt;
&amp;lt;script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"&amp;gt;
&amp;lt;/script&amp;gt; &amp;lt;/div&amp;gt;
&amp;lt;/b:if&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;
&lt;/blockquote&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;In this tutorial you have learned how to add a Tweetmeme Retweet Button to your Blogger posts. The Retweet button will encourage your blog readers to retweet your content on Twitter thereby increasing your blog traffic. I have provided the code for both a large and compact button with the option of left or right alignment. The button appears just below the post title and counts the number of retweets of your Blogger post. I have also included details of how to add the Tweetmeme Retweet button to the foot of your Blogger blog and how to add the button to post pages only.&lt;/span&gt;&lt;/div&gt;
</description><link>http://howstartblogging.blogspot.com/2012/12/add-twitter-retweet-button-to-blog.html</link><author>noreply@blogger.com (Anonymous)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijr1XQBuzqLYg2ykr783ONZ3gO4VCG5rwBuqIxq2JurDbqKrRjHOL07tltn8VwRyZ3b-anOaZqRUkOWpMffjHLwN4hoKrwwnmyI2fPGcgRWP698fol4h4d5y9QKeVbGyNFQ1Ie3HqT-JI/s72-c/retweet-button-large.JPG" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5974335734164880281.post-1499695211613684167</guid><pubDate>Wed, 12 Dec 2012 18:26:00 +0000</pubDate><atom:updated>2012-12-14T11:09:35.238-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Blog Feeds</category><title>Burn Blogger RSS Feeds at Feedburner</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;div style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333;"&gt;In this tutorial I will guide you through the step by step process of&amp;nbsp;burning your Blogger feed&amp;nbsp;at&amp;nbsp;&lt;/span&gt;&lt;a href="http://feedburner.com/" style="color: #223344; text-decoration: initial;"&gt;Feedburner&lt;/a&gt;&lt;span style="color: #333333;"&gt;, updating your blog settings to reflect the new feed andadding a &lt;b&gt;RSS&lt;/b&gt; icon to the sidebar of your blog&amp;nbsp;so your visitors can subscribe to your new RSS feed. Although redirecting your blog feeds through Feedburner is relatively straightforward I will be including some tips to simplify the process. This tutorial is suitable for all levels of technical knowledge but is particularly aimed at those readers new to blogging with Blogger.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgez_iSSwmCADSbQ8eP0PZHx0UeB6YAZWShpezQWMnkZIROaDB47PACXibViXoVE34s4Zzc9Wie44UhGa7c3ZDPM3W6Zlp4lNMe6nCC4-5mbQiQ-rveaH2c7pUQoPN85HE0TomNRhppwcY/s1600-h/feedburner.JPG" style="color: #223344; text-decoration: initial;"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5323227228574860850" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgez_iSSwmCADSbQ8eP0PZHx0UeB6YAZWShpezQWMnkZIROaDB47PACXibViXoVE34s4Zzc9Wie44UhGa7c3ZDPM3W6Zlp4lNMe6nCC4-5mbQiQ-rveaH2c7pUQoPN85HE0TomNRhppwcY/s200/feedburner.JPG" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 0px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; cursor: pointer; float: right; height: 68px; margin: 0px 0px 10px 10px; padding: 4px; position: relative; width: 185px;" /&gt;&lt;/a&gt;&lt;span style="color: #333333;"&gt;There are lots of good reasons for burning your Blogger feeds with afree service like &lt;b&gt;Feedburner&lt;/b&gt;. Among the advantages are better feed presentation, detailed tracking statistics and access to the large choice of feed readers available. For a full discussion of the&amp;nbsp;benefits of burning your Blogger blog feed at Feedburner&amp;nbsp;including an explanation of Blogger RSS feeds please refer to my article&amp;nbsp;&lt;/span&gt;&lt;a href="http://howstartblogging.blogspot.com/2012/12/blogger-rss-feeds-and-feedburner.html"&gt;&lt;span style="color: red;"&gt;&lt;b&gt;Blogger RSS Feeds and Feedburner&lt;/b&gt;&lt;/span&gt;&lt;/a&gt;&lt;span style="color: blue;"&gt;.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;How to Burn Your Blogger RSS Post Feed at Feedburner&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: #333333;"&gt;If you want to add Google Adsense at the same time as burning your feed at Feedburner I suggest that you refer to my article on Adding Google Adsense to Your Blogger Feeds as this includes an explanation on how to do this. Otherwise follow the steps below to burn your post feed at Feedburner&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: #333333;"&gt;1. Go to &lt;b&gt;Feedburner&lt;/b&gt; and click on the&amp;nbsp;Get Started&amp;nbsp;link&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: #333333;"&gt;2. Sign in to your&amp;nbsp;Google Account&amp;nbsp;if not already signed in. This will take you to your Feedburner Account page.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: #333333;"&gt;3. Enter the&lt;b&gt; name of your blog&lt;/b&gt; in the&amp;nbsp;Burn a Feed This Instant&amp;nbsp;box and click the &lt;b&gt;Next&lt;/b&gt; button&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;blockquote style="border-color: rgb(187, 187, 187); border-style: dotted; border-width: 1px 0px; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 1.3em; margin: 0.75em 0px; padding: 5px 15px;"&gt;
&lt;span style="background-color: white;"&gt;&lt;b&gt;&lt;span style="color: blue;"&gt;http://yourblogname.blogspot.com&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;" /&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-L132wucPsLr5l-JwAQWnNYNKKbuYfVp_Zl9fGJqW14fzet_JGJGAQDap7S1hmrxeA9sQm2HGasA4pcptbSPzzxPVDMIEuYGUMdTKUnCp63vWgw4OvB4VJJeQFjTJFN5Of4-X6PnaTobF/s1600/1.jpeg" imageanchor="1" style="color: #7d181e; margin-left: 1em; margin-right: 1em; text-decoration: initial;"&gt;&lt;span style="background-color: white;"&gt;&lt;img border="0" height="73" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-L132wucPsLr5l-JwAQWnNYNKKbuYfVp_Zl9fGJqW14fzet_JGJGAQDap7S1hmrxeA9sQm2HGasA4pcptbSPzzxPVDMIEuYGUMdTKUnCp63vWgw4OvB4VJJeQFjTJFN5Of4-X6PnaTobF/s400/1.jpeg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; padding: 8px; position: relative;" width="400" /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;4. A message will be displayed that you have more than one feed and asking you to choose. Select the&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;&lt;b&gt;RSS&lt;/b&gt;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;&lt;b&gt;&amp;nbsp;radio&lt;/b&gt; button for the RSS feed and click &lt;b&gt;next&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;
&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGk2xfgf64hX2QZCo9145-tyYoyj_0jM0sj-BPiVYoPUzxJetvORssBrnCyeXECA6jT34bX9OE8CkHfs1Dp46hLSFhwyDTm8WIW2Lp0K0CPSRJBsH-ubOtw1x3prNYScoznmdbnw5rvp5n/s1600/2.jpeg" imageanchor="1" style="color: #7d181e; margin-left: 1em; margin-right: 1em; text-decoration: initial;"&gt;&lt;span style="background-color: white;"&gt;&lt;img border="0" height="244" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGk2xfgf64hX2QZCo9145-tyYoyj_0jM0sj-BPiVYoPUzxJetvORssBrnCyeXECA6jT34bX9OE8CkHfs1Dp46hLSFhwyDTm8WIW2Lp0K0CPSRJBsH-ubOtw1x3prNYScoznmdbnw5rvp5n/s320/2.jpeg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; padding: 8px; position: relative;" width="320" /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: center;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;5. Feedburner will now display the proposed&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;Feed Title and Feed URL&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;. Unless you have a reason to change these accept by selecting the &lt;b&gt;next&lt;/b&gt; button&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;
&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdZ5kIR6ij-ZAKaXet8OJp2E0og0WAtz9dmL__uRSvLpJS2zX8DMNpyPQ9_abJsSNWYJIOF6YiuKeg-yiWL_8FpT5lBMWEc4OS7Zkm64wl_iCm3nQdO1buIm2SBGgzIyXYGrcVftIC-gd2/s1600/3.jpeg" imageanchor="1" style="color: #7d181e; margin-left: 1em; margin-right: 1em; text-decoration: initial;"&gt;&lt;span style="background-color: white;"&gt;&lt;img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdZ5kIR6ij-ZAKaXet8OJp2E0og0WAtz9dmL__uRSvLpJS2zX8DMNpyPQ9_abJsSNWYJIOF6YiuKeg-yiWL_8FpT5lBMWEc4OS7Zkm64wl_iCm3nQdO1buIm2SBGgzIyXYGrcVftIC-gd2/s320/3.jpeg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; padding: 8px; position: relative;" width="319" /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;
&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;
&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;6. You will now see the confirmation screen letting you know your feed has been burned. Select the &lt;b&gt;Next&lt;/b&gt; Button to set up Feedburner Statistics options&lt;/span&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;7. Feedburner will now inform you that it has successfully updated the burned feed you have just created.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;
&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAv9XToqcQXBuDFlqcQUD-E9EVsxPo73tc13Ib-a7eu_VWHiRsAXtoV5fZjFFcQAvlmzSOu8PCoR2scDXLuBy0SSUDlw5A_dXfcNo_UOcr6z7yz_LfX1A2HRToCu7PZ3Z2eiWteg57mp5D/s1600/4.jpeg" imageanchor="1" style="color: #7d181e; margin-left: 1em; margin-right: 1em; text-decoration: initial;"&gt;&lt;span style="background-color: white;"&gt;&lt;img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAv9XToqcQXBuDFlqcQUD-E9EVsxPo73tc13Ib-a7eu_VWHiRsAXtoV5fZjFFcQAvlmzSOu8PCoR2scDXLuBy0SSUDlw5A_dXfcNo_UOcr6z7yz_LfX1A2HRToCu7PZ3Z2eiWteg57mp5D/s320/4.jpeg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; padding: 8px; position: relative;" width="306" /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: center;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;&lt;span style="background-color: white;"&gt;&amp;nbsp;8&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;. &lt;b&gt;Check&lt;/b&gt; the&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;I want more statistics&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;box to give you access to &lt;b&gt;additional tracking statistics&lt;/b&gt;. Click on the &lt;b&gt;next&lt;/b&gt; button&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;&lt;/span&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXl_iu3BlP5QMXIGOZfqXLDc3FsaVXwYOgAn7YPFtQ4yMWEUcVqKriWTyPcqFIisn6n_4F0Z8B_Xg7_mWVbf61sc9Y9ZspVFApF-3N-ZTZ0l849NWprOeeBC8zznG8a3ewnFm5U23nVSl8/s1600/5.jpeg" imageanchor="1" style="color: #7d181e; margin-left: 1em; margin-right: 1em; text-decoration: initial;"&gt;&lt;span style="background-color: white;"&gt;&lt;img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXl_iu3BlP5QMXIGOZfqXLDc3FsaVXwYOgAn7YPFtQ4yMWEUcVqKriWTyPcqFIisn6n_4F0Z8B_Xg7_mWVbf61sc9Y9ZspVFApF-3N-ZTZ0l849NWprOeeBC8zznG8a3ewnFm5U23nVSl8/s400/5.jpeg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; padding: 8px; position: relative;" width="333" /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;&lt;/span&gt;&lt;span style="color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;9. Click on the&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;&lt;b&gt;Feedburner Analyze&lt;/b&gt; Tab&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;at the top of the page and you will be taken to the&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;Analyze Feed Stats Dashboard&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;. At this stage you will receive the message:&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;Your feed is so new, we’re still playing with the bubble wrap&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;. It can take about a day before you will be able to see much action on your feed&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;&lt;/span&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj80HJ9Xb8t5RnKCyrVKI_gYUdvvFjvjiq0w1TVVHqR2nE5iHlaqAjNZlDAe2x0NvdOS3FBtHGP2fk3uXBhcqwYKEttfutf58smLmO796y00deYe0fwtcqMs0hpd4ZDm26Ne7KvVAZv18Bz/s1600/6.jpeg" imageanchor="1" style="color: #7d181e; margin-left: 1em; margin-right: 1em; text-decoration: initial;"&gt;&lt;span style="background-color: white;"&gt;&lt;img border="0" height="249" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj80HJ9Xb8t5RnKCyrVKI_gYUdvvFjvjiq0w1TVVHqR2nE5iHlaqAjNZlDAe2x0NvdOS3FBtHGP2fk3uXBhcqwYKEttfutf58smLmO796y00deYe0fwtcqMs0hpd4ZDm26Ne7KvVAZv18Bz/s320/6.jpeg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; padding: 8px; position: relative;" width="320" /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;10. Under the title of your blog's feed in this screen click on&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;&lt;b&gt;edit feed details&lt;/b&gt;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;. This will give you the new name and URL for your feed. Copy the full feed address into Notepad or similar. Care needs to be taken as you will need to copy this in two parts. The new feed URL should be something like this:&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;
&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;&lt;/span&gt;&lt;span style="color: blue; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 16.383333206176758px;"&gt;&lt;b&gt;http://feeds2.feedburner.com/YourBlog&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #558866; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 16.383333206176758px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;&lt;/span&gt;&lt;span style="color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;11. In a new window login to &lt;b&gt;Blogger.com&lt;/b&gt; and navigate to the&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;&lt;b&gt;Settings &amp;gt;&amp;nbsp; Other&lt;/b&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;section of your blog&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;&lt;/span&gt;&lt;span style="color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;12 Make sure that the&amp;nbsp;&lt;/span&gt;&lt;span style="color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 12.727272033691406px;"&gt;&lt;b&gt;Allow Blog Feed&lt;/b&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;are all set to&lt;b&gt;&amp;nbsp;&lt;/b&gt;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;&lt;b&gt;Full&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;&lt;/span&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs-8T1XCQ_U3a8sskW0yfUZ3O4kbPaJvYlN1mCeh1rrM3NTMhtD8N8nZhbxOq7XDZwboowyA5JGtdv1u3QyWAQaRnb143vxK0sograyTbEaBzkf54Fa8VO9u_9YJE1-QDJTIPQzpMVcM0l/s1600/7.jpeg" imageanchor="1" style="color: #7d181e; margin-left: 1em; margin-right: 1em; text-decoration: initial;"&gt;&lt;span style="background-color: white;"&gt;&lt;img border="0" height="66" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs-8T1XCQ_U3a8sskW0yfUZ3O4kbPaJvYlN1mCeh1rrM3NTMhtD8N8nZhbxOq7XDZwboowyA5JGtdv1u3QyWAQaRnb143vxK0sograyTbEaBzkf54Fa8VO9u_9YJE1-QDJTIPQzpMVcM0l/s400/7.jpeg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; padding: 8px; position: relative;" width="400" /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: center;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;&lt;span style="background-color: white;"&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;13. Paste the&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;URL address of your new &lt;b&gt;Feedburner&lt;/b&gt; feed&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;in the feed address box provided. This is the URL address that you copied into Notepad previously&lt;/span&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;14. If you don't already have a&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;copyright no&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;tice in the&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;Post Feed Footer&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;it is a good idea to enter one. I tend to use something like the following:&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;blockquote style="border-color: rgb(187, 187, 187); border-style: dotted; border-width: 1px 0px; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 1.3em; margin: 0.75em 0px; padding: 5px 15px;"&gt;
&lt;span style="background-color: white;"&gt;&lt;b&gt;&lt;span style="color: blue;"&gt;Copyright Your Blog Name 2012 at yourblogname.blogspot.com&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;span style="color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;&lt;span style="background-color: white;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;15. Click on the &lt;b&gt;Save button&lt;/b&gt;&lt;/span&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;16. Return to&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;Feedburner&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;&amp;nbsp;and click on the&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;&lt;b&gt;Publicize tab&lt;/b&gt;&lt;/span&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;17. Follow the&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;&lt;b&gt;friendly graphic&lt;/b&gt; link&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;to&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;chickletize&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;&amp;nbsp;your feed. This will provide you with the code to place an RSS icon on your blog with a link to your new burned Feedburner feed&amp;nbsp;&lt;/span&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;18. Choose the&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;large orange icon&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;entitled "&lt;b&gt;Subscribe in a Reader&lt;/b&gt;" as we will be placing it in the sidebar of your blog.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;&lt;/span&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0BtGvcJL05keAQoXe0xxy6Rviuk6SMPzsucSlCX1ISyBUDyPLIKh8TTVCVRaS_QqJvi_LnPLe2nxStSEzWYzI6Ovd7IW3TeKEVZxIRhTVj07_mDirFxnXC2FjA2BdbBND3xW0RgCvG1LL/s1600/feedburner_chickletize-feed.JPG" imageanchor="1" style="color: #7d181e; margin-left: 1em; margin-right: 1em; text-decoration: initial;"&gt;&lt;span style="background-color: white;"&gt;&lt;img border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0BtGvcJL05keAQoXe0xxy6Rviuk6SMPzsucSlCX1ISyBUDyPLIKh8TTVCVRaS_QqJvi_LnPLe2nxStSEzWYzI6Ovd7IW3TeKEVZxIRhTVj07_mDirFxnXC2FjA2BdbBND3xW0RgCvG1LL/s400/feedburner_chickletize-feed.JPG" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; padding: 8px; position: relative;" width="400" /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;&lt;span style="background-color: white;"&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;19. Copy the code at the bottom of the page by right clicking the mouse and then select all from the menu followed by right click the mouse and then select copy&lt;/span&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;20. Return to your blog and navigate to&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;&lt;b&gt;Layout&lt;/b&gt;&lt;/span&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;21. In the sidebar select&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;&lt;b&gt;Add a Gadget&lt;/b&gt; and then &lt;b&gt;HTML/Javascript&lt;/b&gt;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;. Paste the code into the content box by right clicking the mouse and selecting paste&lt;/span&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;22. Enter a&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;&lt;b&gt;title&lt;/b&gt;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;&amp;nbsp;if you wish. I like to use&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;Subscribe for Free&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;myself as for a lot of people subscriptions often mean there is a cost involved.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;&lt;/span&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRwFVFy3JgTlWFS5hY1Y5vMUX-wrVrwsQeAPTyu326Q3SjEk4dZphPdgYWGkk4Dp27kWy6N5OnoL1XTQehcWjrNBVxhUhy_vsPL2GcPaNkubgBkF_tND9of8fR9zGJ26Psh_mM-qTW5xzq/s1600/8.jpeg" imageanchor="1" style="color: #7d181e; margin-left: 1em; margin-right: 1em; text-decoration: initial;"&gt;&lt;span style="background-color: white;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRwFVFy3JgTlWFS5hY1Y5vMUX-wrVrwsQeAPTyu326Q3SjEk4dZphPdgYWGkk4Dp27kWy6N5OnoL1XTQehcWjrNBVxhUhy_vsPL2GcPaNkubgBkF_tND9of8fR9zGJ26Psh_mM-qTW5xzq/s1600/8.jpeg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; padding: 8px; position: relative;" /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: center;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;23. &lt;b&gt;Save&lt;/b&gt; your new widget&lt;/span&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;24. Use the drag and drop feature in the sidebar to position the widget in your desired location. Click on Save&lt;/span&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;25. Click on&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;View your Blog&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;to see your new RSS icon in the sidebar. If you now click on the RSS icon you will see your new Feedburner post feed in action&lt;/span&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3uIw_juPhNdA7FcxqX_nyazKKDPbEwfZiON6VcEfQa9VsP5QcljS-ZbJK3Vy7xCUi9keF8HoJg8JfY4BW4tIWb1TUdCaTYtfgcs5XnUJLbu3EALmSe57vAbh_qMTIWomgm3Qq6fb0HyY/s1600-h/blogger_chicklet-feed-icon-sidebar.JPG" style="color: #223344; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px; text-decoration: initial;"&gt;&lt;img alt="Feedburner Chickletize your RSS Feed - RSS Icon" border="0" id="BLOGGER_PHOTO_ID_5323225016570521986" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3uIw_juPhNdA7FcxqX_nyazKKDPbEwfZiON6VcEfQa9VsP5QcljS-ZbJK3Vy7xCUi9keF8HoJg8JfY4BW4tIWb1TUdCaTYtfgcs5XnUJLbu3EALmSe57vAbh_qMTIWomgm3Qq6fb0HyY/s320/blogger_chicklet-feed-icon-sidebar.JPG" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 0px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; cursor: pointer; display: block; height: 108px; margin: 0px auto 10px; padding: 4px; position: relative; text-align: center; width: 180px;" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;&lt;span style="background-color: white;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;This tutorial has shown you how to&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;burn your Blogger Blogspot Feed at Feedburner&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;, update your Blogger settings to take account of the new feed URL address and&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;add a RSS icon link&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;to your blog's sidebar which points to your Feedburner post feed.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
</description><link>http://howstartblogging.blogspot.com/2012/12/burn-blogger-rss-feeds-at-feedburner.html</link><author>noreply@blogger.com (Anonymous)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgez_iSSwmCADSbQ8eP0PZHx0UeB6YAZWShpezQWMnkZIROaDB47PACXibViXoVE34s4Zzc9Wie44UhGa7c3ZDPM3W6Zlp4lNMe6nCC4-5mbQiQ-rveaH2c7pUQoPN85HE0TomNRhppwcY/s72-c/feedburner.JPG" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5974335734164880281.post-6003589136604566299</guid><pubDate>Wed, 12 Dec 2012 18:24:00 +0000</pubDate><atom:updated>2012-12-14T11:12:22.264-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Blog Feeds</category><title>Blogger RSS Feeds and Feedburner</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;span style="color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: medium;"&gt;&lt;span style="background-color: white;"&gt;Blogger RSS Feeds and Feedburner&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: medium;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;&lt;/span&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;div style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;
&lt;span style="background-color: white;"&gt;In this article you will learn about Blogger Blogspot RSS feeds and about the benefits of burning your Blogger feeds at Feedburner.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;What are RSS Feeds?&lt;/b&gt;&lt;br /&gt;Your Blogger feeds are a means of distributing your blog content to the world. Feeds make it possible to maximise exposure of your blog's content beyond a few visitors browsing your blog. Feeds can be subscribed to via a web portal, news reader, or email. Feeds allow your blog content to be packaged into all sorts of widgets and gadgets and mobile devices that can be displayed just about anywhere.&lt;br /&gt;&lt;br /&gt;RSS stands for&amp;nbsp;Really Simple Syndication. RSS is a standardized web format used to create a document containing your blog posts, blog comments or any other content on your blog you choose including images, music and video. As Blogger has built in RSS feeds, everytime you publish a post Blogger automatically adds your post to the default feeds. How much of your Blogger post that is displayed in your feed depends on whether you have chosen your feed in full or short format. To check this setting in Blogger navigate to&amp;nbsp;Settings &amp;gt; Site Feeds&amp;nbsp;of your blog.&lt;br /&gt;&lt;br /&gt;Blogger automatically produces your blog's feed in both Atom and RSS. RSS is becoming increasingly popular as the preferred format for feeds. Both Atom and RSS were developed to enable people to receive automatic updates of their favorite blogs and websites. While the format of each is different they do pretty much the same job which is to output updated content from your blog in a format that can be easily read in a feed reader.&lt;br /&gt;&lt;br /&gt;The URL of Default Blogger Feeds&lt;/span&gt;&lt;/div&gt;
&lt;blockquote style="border-color: rgb(187, 187, 187); border-style: dotted; border-width: 1px 0px; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 1.3em; margin: 0.75em 0px; padding: 5px 15px;"&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: blue;"&gt;Default Blogger Post Feeds&lt;br /&gt;&lt;br /&gt;Atom 1.0:&lt;br /&gt;http://yourblogname.blogspot.com/feeds/posts/default&lt;br /&gt;&lt;br /&gt;RSS 2.0:&lt;br /&gt;http://yourblogname.blogspot.com/feeds/posts/default?alt=rss&lt;br /&gt;&lt;br /&gt;Default Blogger Comments Feeds&lt;br /&gt;&lt;br /&gt;Atom 1.0:&lt;br /&gt;http://yourblogname.blogspot.com/feeds/comments/default&lt;br /&gt;&lt;br /&gt;RSS 2.0:&lt;br /&gt;http://yourblogname.blogspot.com/feeds/comments/default?alt=rss&lt;br /&gt;&lt;br /&gt;Default Blogger Label-Specific Feeds&lt;br /&gt;&lt;br /&gt;Atom 1.0:&lt;br /&gt;http://blogname.blogspot.com/feeds/comments/default/-/labelname&lt;br /&gt;&lt;br /&gt;RSS 2.0:&lt;br /&gt;http://blogname.blogspot.com/feeds/comments/default?alt=rss/-/labelname&lt;/span&gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;span style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"&gt;&lt;span style="background-color: white;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;&lt;b&gt;Encourage Visitors to Subscribe to Your Feeds&lt;/b&gt;&lt;span style="color: #333333;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQz69MnbV2wrNSJESuG-d8qZnr1xJJmJ_TWlHm5iydRv_FhyxiItgvjo1zd7T0oE3J1DqiO92mncgog5rlWPzURbi1z-TLidUFYMbZvA21udXK2kv82mCljnrSIXCea5NKs10GVTARnLE/s1600-h/blogger_subscription-widget.JPG" style="color: #223344; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px; text-decoration: initial;"&gt;&lt;img alt="blogger Subscription Links Widget enabled" border="0" id="BLOGGER_PHOTO_ID_5322974541964791682" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQz69MnbV2wrNSJESuG-d8qZnr1xJJmJ_TWlHm5iydRv_FhyxiItgvjo1zd7T0oE3J1DqiO92mncgog5rlWPzURbi1z-TLidUFYMbZvA21udXK2kv82mCljnrSIXCea5NKs10GVTARnLE/s200/blogger_subscription-widget.JPG" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 0px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; cursor: pointer; float: right; height: 100px; margin: 0px 10px 10px 0px; padding: 4px; position: relative; width: 180px;" /&gt;&lt;/a&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;Whenever you see the familiar orange icon&amp;nbsp;&lt;/span&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;&amp;nbsp;on a website that denotes a RSS feed. By adding this&lt;/span&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;RSS icon&amp;nbsp;&lt;/span&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;to your Blogger blog and setting up a link to your posts feed or other content visitors will be able to view your feed on click. If you have enabled the&amp;nbsp;&lt;/span&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;Subscription Links&lt;/span&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;&amp;nbsp;widget in&amp;nbsp;&lt;/span&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;Layout &amp;gt; Page Elements &amp;gt; Add a Gadget&lt;/span&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;&amp;nbsp;visitors are given the option to subscribe to both your posts and comments feeds in a reader such as&amp;nbsp;&lt;/span&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;Google Reader, My Yahoo or Bloglines&lt;/span&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;. Alternatively you can burn your blog feeds with a free feedburning service like&amp;nbsp;&lt;/span&gt;&lt;a href="http://feedburner.com/" style="color: #223344; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px; text-decoration: initial;"&gt;Feedburner&lt;/a&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;.&lt;/span&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;Feed Readers Make it Easy for Readers to Keep Up-to-date&lt;/span&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;Your readers don't have to worry about manually saving your blog to their browser favorites anymore as Atom and RSS feeds make it easy to subscribe to a feed reader instead. Rather than visitors manually checking back on your site and trying to manage a bunch of bookmarks they can choose to subscribe to a reader. Subscribing in a reader means they will get up-to-the-minute content automatically without fear of missing any new entries.&lt;/span&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;&lt;b&gt;Burn Your Blog Feeds with Feedburner&lt;/b&gt;&lt;/span&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;To make it even easier to get subscriptions to your blog it pays to burn your feeds with a feed burning service like&amp;nbsp;&lt;/span&gt;&lt;a href="http://feedburner.com/" style="color: #7d181e; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px; text-decoration: initial;"&gt;&lt;span style="color: blue;"&gt;Feedburner&lt;/span&gt;&lt;/a&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;. The Feedburner service is now owned by Google and can accessed from your Google account. If you do intend to include Google Adsense on your feeds it is a good idea to burn your feeds. Please refer to my article Adding Google Adsense to Blogger RSS Feeds for help in setting up Google Adsense for your Blogger feeds. For assistance with burning your feed at Feedburner please see my article Burn Blogger RSS Feeds at Feedburner.&lt;/span&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-6hx8b38kHtmYBx8BupeaBTB96KalFZC1qjNw9cZzzFTPIzvYHzI7fRSzsRQmFQjwzbPnnw_SoYpX1KyAbGS7ZMx76oGqz8GRlPg4FXsykWZJYEf6qSE3NY2dguBdU3ZadAukOh_qT_U/s1600-h/feedburner_home-page.JPG" style="color: #223344; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px; text-decoration: initial;"&gt;&lt;img alt="feedburner.com Home Page" border="0" id="BLOGGER_PHOTO_ID_5322971483052473266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-6hx8b38kHtmYBx8BupeaBTB96KalFZC1qjNw9cZzzFTPIzvYHzI7fRSzsRQmFQjwzbPnnw_SoYpX1KyAbGS7ZMx76oGqz8GRlPg4FXsykWZJYEf6qSE3NY2dguBdU3ZadAukOh_qT_U/s320/feedburner_home-page.JPG" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 0px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; cursor: pointer; display: block; height: 121px; margin: 0px auto 10px; padding: 4px; position: relative; text-align: center; width: 320px;" /&gt;&lt;/a&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;By burning your blog's feeds at Feedburner you will be&amp;nbsp;&lt;/span&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;redirecting the Blogger default feeds&lt;/span&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;&amp;nbsp;to the new Feedburner feeds. When placing a link to your blog's feed visitors will have instant access to your feed. If, for example, there are 15 posts in your posts feed they will be able to browse all of these in chronological order complete with images.&amp;nbsp;&lt;/span&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;You can choose to burn label feeds too if you find you have a lot of articles in one particular group. For instance if you blog is about fishing you might choose to have separate feeds for deep sea fishing and freshwater fishing.&lt;/span&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;Visitors also have the option to subscribe to any of your burned feeds in a large number of feed reader applications such as&amp;nbsp;&lt;/span&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;Google Reader, My Yahoo, Bloglines, Net Vibes, Newsgator&amp;nbsp;&lt;/span&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;to name a few. The advantage to the visitor of subscribing in a reader is that they do not have to keep visiting your blog to keep up with your latest posts. Instead they can read the most recent posts of all their favourite blogs from their reader which collects all their feed subscriptions into one central place.&lt;/span&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhCV-F_grfNAuc_SbL4RBneaMec5JT8Jw8YzCWHD9zOV15LN1DZwNy8Svw8YDbTTCHIkMEEwYNBOWJTUNyCLkrjZHH3PAQf2pkfyQanURN9Yter1prBbuYvSRWUIKL-LWrqAvlSQZDIwA/s1600-h/feed-readers.JPG" style="color: #223344; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px; text-decoration: initial;"&gt;&lt;img alt="Burned Feed at Feedburner - Feed Reader Choices " border="0" id="BLOGGER_PHOTO_ID_5322996903515798722" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhCV-F_grfNAuc_SbL4RBneaMec5JT8Jw8YzCWHD9zOV15LN1DZwNy8Svw8YDbTTCHIkMEEwYNBOWJTUNyCLkrjZHH3PAQf2pkfyQanURN9Yter1prBbuYvSRWUIKL-LWrqAvlSQZDIwA/s320/feed-readers.JPG" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 0px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; cursor: pointer; display: block; height: 217px; margin: 0px auto 10px; padding: 4px; position: relative; text-align: center; width: 320px;" /&gt;&lt;/a&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;The option to get updates via a web-based feed reader is becoming increasingly popular with visitors. Even though the visitor may not be returning to your blog your feeds extend your blog's reach.&amp;nbsp;&lt;/span&gt;&lt;a href="http://feedburner.com/" style="color: #223344; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px; text-decoration: initial;"&gt;Feedburner&lt;/a&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;can provide accurate statistics about the number of subscribers to your feed and what type of reader they are using.&amp;nbsp;&lt;/span&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_hEqhg_Po5JY1OS59xl81vCl1OlFpl7a9yHifbZpr61P23-F-pQ42HBPmskT2eS_lPS6BsI1j6RBo7maqoYoEwUXf5qQMY0vj3lMxiJ-MtrBU0sX0HkwVZV8ID6arvhWqUFgQOnva0_w/s1600-h/feedcount_static.gif" style="color: #223344; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px; text-decoration: initial;"&gt;&lt;img alt="Feedburner Feed Count Button" border="0" id="BLOGGER_PHOTO_ID_5322969208677620722" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_hEqhg_Po5JY1OS59xl81vCl1OlFpl7a9yHifbZpr61P23-F-pQ42HBPmskT2eS_lPS6BsI1j6RBo7maqoYoEwUXf5qQMY0vj3lMxiJ-MtrBU0sX0HkwVZV8ID6arvhWqUFgQOnva0_w/s200/feedcount_static.gif" style="-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 0px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px; cursor: pointer; float: right; height: 26px; margin: 0px 10px 10px 0px; padding: 4px; position: relative; width: 88px;" /&gt;&lt;/a&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;You can also place a&amp;nbsp;&lt;/span&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;Feedburner Feed Count&lt;/span&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;button on your blog which displays the number of these subscribers. Adding a&amp;nbsp;&lt;/span&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;Feedburner Feed Count button&amp;nbsp;&lt;/span&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;isn't a bad idea if your blog is attracting a decent readership. The purpose of adding such a button isn't so much to brag about it (although it is gratifying to see your readership climbing) but to lend some added credibility to your blog.&amp;nbsp;&lt;/span&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;&lt;b&gt;Why Burn a Blogger Feed at Feedburner?&lt;/b&gt;&lt;/span&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;em style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;&lt;b&gt;Feedburner Provides Tracking Statistics of Subscribers&lt;/b&gt;&lt;/em&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;There are many reasons to burn your blog feeds at Feedburner but the main one is the facility to track your feeds to gain a better understanding of your blog's audience. Blog publishers who redirect their feed can monitor their growing readership.&amp;nbsp;&lt;/span&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;It is useful to know how many people are opening and reading your feeds and how they're being used. Feedburner provides an easy method of tracking feeds that would be difficult to track otherwise. By redirecting your Blogger default feed to FeedBurner, important feed statistics such as the total number of subscribers, feed reader (aggregators) used, live hits, items used, uncommon uses, item views, item link clicks and item enclosure downloads for podcast can be recorded and analysed.&amp;nbsp;&lt;/span&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;em style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;&lt;b&gt;Feedburner Encourages Greater Reach&lt;/b&gt;&lt;/em&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;Attracting more readers to your blog and plugging into a wider network of eyeballs than you might have on your own account makes Feedburner an attractive option.&amp;nbsp;&lt;/span&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;em style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;&lt;b&gt;Feedburner Offers Improved Presentation of Your Blog Feed&lt;/b&gt;&lt;/em&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;Another advantage of Feedburner is that it allows for clean visual foramtting of your RSS feed for improved browser friendliness and presentation. Once burned your feed will be far more visually pleasing to readers. Improved presentation of your RSS feed is a powerful reason to begin redirecting your blog feed through Feedburner. Plus your readers can select their reader directly from the feed.&lt;/span&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;em style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;&lt;b&gt;Feedburner Provides a Range of Services&lt;/b&gt;&lt;/em&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;By burning your blog feeds at Feedburner you get access to a range of services like Podcasting and the choice and flexibility of participating in the Feedburner Ad Network. Feedburner allows you to easily analyse, publicize, optimize and monetize your feed. Feed burning allows readers to subscribe regardless of what feed reader they happen to be using,&lt;/span&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;" /&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;This article has discussed Blogger RSS feeds. It has outlined some of the benefits of burning your Blogger feeds at Feedburner. For instructions on burning your Blogger RSS feed at Feedburner please read my tutorial entitled&amp;nbsp;&lt;/span&gt;&lt;a href="http://howstartblogging.blogspot.com/2012/12/burn-blogger-rss-feeds-at-feedburner.html"&gt;&lt;span style="color: red;"&gt;&lt;b&gt;Burn Blogger RSS Feeds at Feedburner&lt;/b&gt;&lt;/span&gt;&lt;/a&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; line-height: 18.899999618530273px;"&gt;.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
</description><link>http://howstartblogging.blogspot.com/2012/12/blogger-rss-feeds-and-feedburner.html</link><author>noreply@blogger.com (Anonymous)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQz69MnbV2wrNSJESuG-d8qZnr1xJJmJ_TWlHm5iydRv_FhyxiItgvjo1zd7T0oE3J1DqiO92mncgog5rlWPzURbi1z-TLidUFYMbZvA21udXK2kv82mCljnrSIXCea5NKs10GVTARnLE/s72-c/blogger_subscription-widget.JPG" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5974335734164880281.post-2274155922096779259</guid><pubDate>Wed, 12 Dec 2012 18:22:00 +0000</pubDate><atom:updated>2012-12-14T23:22:04.140-08:00</atom:updated><title>Hide Remove Navbar from a Blogger Blog</title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;span style="color: red;"&gt;&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;div style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;
&lt;span style="background-color: white; color: red;"&gt;The more professional you want your site to look the more you are likely to want to remove the navbar from showing above the header of your Blogger Blogspot blog. Removing or actually hiding the navbar is very easy to do as it only requires a small tweak to your template. This tutorial is suitable for bloggers at all levels but is written with new bloggers and the beginner blogger in mind and provides step by step instructions to guide you through the process of hiding the navbar from your Blogger blog.&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: red;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;strong&gt;&lt;span style="background-color: white; color: blue;"&gt;How Useful is the Navbar of a Blogger Blog?&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: red;"&gt;Blogger provides the facility to search your blog by entering keywords or a search phrase into the Search Blog box. This is a useful feature and if you remove the Blogger navbar you will lose the search facility from your blog. If you are using a custom template with a search box already built in this won't be a problem but if you are using one of the Blogger templates deleting the navbar will leave your blog without a search function. Another useful feature of the navbar is the follow button which encourages bloggers to start following your blog.&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red;"&gt;&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;The random blog feature is not particularly useful unless you have a lot of time on your hands and just feel like a browse. For most serious bloggers looking to create a professional look and feel to their blog the navbar can be a distraction. And let's face it you've worked hard enough getting the traffic to your site right? without encouraging them to leave it too quickly.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red;"&gt;&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy5PJZvROpts0tZT4ZlEXyMNVuqZZI0oB7lP02UChyphenhyphen59UdKMnLvpvV87726yC7XKfqMZpCEuDVycvmn7IHRN1KrBKzUDWWeE23rv7wITYYML3MIZTI4DVuUPSWFQfJ8hadYLTMWmOxynQ/s1600-h/blogger_navbar.JPG"&gt;&lt;span style="background-color: white;"&gt;&lt;img alt="Blogger Navbar" border="0" id="BLOGGER_PHOTO_ID_5320039206749333490" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy5PJZvROpts0tZT4ZlEXyMNVuqZZI0oB7lP02UChyphenhyphen59UdKMnLvpvV87726yC7XKfqMZpCEuDVycvmn7IHRN1KrBKzUDWWeE23rv7wITYYML3MIZTI4DVuUPSWFQfJ8hadYLTMWmOxynQ/s320/blogger_navbar.JPG" style="border-width: 0px; cursor: pointer; display: block; height: 128px; margin: 0px auto 10px; padding: 4px; text-align: center; width: 320px;" /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: red;"&gt;The other main feature of the navbar is the ability to navigate back to your layout menu or posts quickly no matter where you are in your blog when signed in. Personally I like this feature and use it a lot. Its particularly good if you are on a page other than your homepage and want to quickly go to another of your blogs as you can get there in 2 clicks. The same goes if you want to visit some other area of your Google account such as Google Analytics or Google Webmaster Tools. You can get there in 2 clicks too when the navbar is enabled.&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red;"&gt;&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="background-color: white; color: red; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;To navigate with the navbar disabled you simply have to double click the back button in your browser to navigate away from the home page of your blog. If you are in another part of your blog then it can be annoying not to have the navbar functionality. The way I have gotten around it is to usually disable the navbar and click on blogger.com in the google search box on the toolbar of my browser. Provided I am signed in to Blogger this will take me straight to the dashboard.&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red;"&gt;&lt;span style="background-color: white;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Overall my view is that what you lose on convenience you gain on professionalism. Losing the navbar is a sacrifice but it is a small price to pay for a much improved look to your blog.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: red;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="color: blue;"&gt;&lt;span style="background-color: white;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;strong style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;span style="background-color: white;"&gt;How to Get Rid of the Navbar on your Blogger Blog&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: red;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;span style="color: red;"&gt;1. &lt;/span&gt;&lt;span style="color: blue;"&gt;Login&lt;/span&gt;&lt;span style="color: red;"&gt; to Blogger and navigate to&lt;/span&gt;&lt;span style="color: blue;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;strong style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;span style="color: blue;"&gt;Layout &amp;gt; Edit HTML&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: red;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;span style="color: red;"&gt;2. Find the&lt;b&gt; &lt;/b&gt;&lt;/span&gt;&lt;span style="color: blue;"&gt;&lt;b&gt;Template Credit Section&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: red;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: red; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;3.&amp;nbsp;&lt;/span&gt;&lt;strong style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;span style="color: blue;"&gt;Insert the following code&lt;/span&gt;&lt;span style="color: red;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/strong&gt;&lt;span style="color: red; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;directly below the template credit section. Select the code and right click to copy to the clipboard of your computer. Right click to paste into your template:&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red;"&gt;&lt;span style="background-color: white;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;/span&gt;&lt;br /&gt;
&lt;blockquote style="border-color: rgb(187, 187, 187); border-style: dotted; border-width: 1px 0px; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 1.3em; margin: 0.75em 0px; padding: 5px 15px;"&gt;
&lt;span style="background-color: white; color: blue;"&gt;#navbar {&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: blue;"&gt;height: 0px;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: blue;"&gt;visibility: hidden;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: blue;"&gt;display: none;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: blue;"&gt;}&lt;/span&gt;&lt;/blockquote&gt;
&lt;span style="color: red;"&gt;&lt;span style="background-color: white;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8JFJkfxPR5sXBzKKs-v7bIMAH6LOBYO0E4mmJZzlGYjj4BONG0zOmB3_ZyHnBIufzHox1VyVR23pIv8SUxe7NFnzksYBqQcKmbBwPkZ_HRjn-7-ASSM8qWR1ZVvfoXZoy9L8FChqcnAE/s1600-h/blogger_hide-navbar.JPG" style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;span style="background-color: white;"&gt;&lt;img alt="Edit Template to Disable Blogger Navbar" border="0" id="BLOGGER_PHOTO_ID_5320037542141888226" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8JFJkfxPR5sXBzKKs-v7bIMAH6LOBYO0E4mmJZzlGYjj4BONG0zOmB3_ZyHnBIufzHox1VyVR23pIv8SUxe7NFnzksYBqQcKmbBwPkZ_HRjn-7-ASSM8qWR1ZVvfoXZoy9L8FChqcnAE/s320/blogger_hide-navbar.JPG" style="border-width: 0px; cursor: pointer; display: block; height: 178px; margin: 0px auto 10px; padding: 4px; text-align: center; width: 320px;" /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: red;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;span style="color: red;"&gt;4. Click on the&lt;/span&gt;&lt;span style="color: blue;"&gt; &lt;b&gt;Save&lt;/b&gt;&lt;/span&gt;&lt;span style="color: red;"&gt; Template button&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red;"&gt;&lt;span style="background-color: white;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;5. Click on View Blog to view you blog without the navbar&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red;"&gt;&lt;span style="background-color: white;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-DIXuuxWTXNY_EVqqN3w6yCet4Jl-mJ5UVxHc-WhrmRRoJ3psg8KF97UPuZmtNr4MHBnEZL1ZYAs7zhyphenhyphensVy1KyANs4LXlqYK8eA0jEx8I2JsCXt8Z2Y4RP7HMaLOk3L9dnhXBTUwqPsM/s1600-h/blogger_blog-know-how-navbar-disabled.JPG" style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;span style="background-color: white;"&gt;&lt;img alt="Blog Know How with Navbar disabled" border="0" id="BLOGGER_PHOTO_ID_5320046331072653426" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-DIXuuxWTXNY_EVqqN3w6yCet4Jl-mJ5UVxHc-WhrmRRoJ3psg8KF97UPuZmtNr4MHBnEZL1ZYAs7zhyphenhyphensVy1KyANs4LXlqYK8eA0jEx8I2JsCXt8Z2Y4RP7HMaLOk3L9dnhXBTUwqPsM/s320/blogger_blog-know-how-navbar-disabled.JPG" style="border-width: 0px; cursor: pointer; display: block; height: 114px; margin: 0px auto 10px; padding: 4px; text-align: center; width: 320px;" /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: red;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;strong style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;span style="background-color: white; color: blue;"&gt;Troubleshooting&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: red; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;If you later decide that you are not happy with the missing navbar all you need do to reinstate it is to remove the code you inserted. This works as the code you inserted actually only masks the navbar rather than deletes it.&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: red;"&gt;&lt;span style="background-color: white;"&gt;&lt;br style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;In this tutorial you have learned about some of the advantages and disadvantages of the Blogger navbar and how to hide, disable, remove or delete the navbar in order to promote a more professional looking blog.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
</description><link>http://howstartblogging.blogspot.com/2012/12/hide-remove-navbar-from-blogger-blog.html</link><author>noreply@blogger.com (Anonymous)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy5PJZvROpts0tZT4ZlEXyMNVuqZZI0oB7lP02UChyphenhyphen59UdKMnLvpvV87726yC7XKfqMZpCEuDVycvmn7IHRN1KrBKzUDWWeE23rv7wITYYML3MIZTI4DVuUPSWFQfJ8hadYLTMWmOxynQ/s72-c/blogger_navbar.JPG" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-5974335734164880281.post-8250256467929147664</guid><pubDate>Wed, 12 Dec 2012 18:17:00 +0000</pubDate><atom:updated>2012-12-14T11:21:25.371-08:00</atom:updated><title>Add a Categories Section to a Blogger Blog </title><description>&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;
&lt;div style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;
&lt;div style="color: #333333;"&gt;
&lt;span style="background-color: white;"&gt;Blogspot blogs at Blogger.com have no categories only labels. This Blogger tutorial will show you how to&amp;nbsp;&lt;strong&gt;manually create categories in Blogger&lt;/strong&gt;&amp;nbsp;from your existing labels so that all the articles listed under a particular label will be displayed.&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #333333;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #333333;"&gt;
&lt;span style="background-color: white;"&gt;While this way to add categories to Blogger is not an ideal solution it will mean that you can display a logical grouping of your most popular articles under the one heading.&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #333333;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #333333;"&gt;
&lt;span style="background-color: white;"&gt;This article is aimed at new bloggers and beginner bloggers although it is suitable for all Blogger bloggers (Blogspot bloggers). No changes to the template are required to add these categories to your Blogger blog (Blogspot blog).&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #333333;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #333333;"&gt;
&lt;strong style="background-color: white;"&gt;How to Create Categories from Labels in Blogger&lt;/strong&gt;&lt;/div&gt;
&lt;div style="color: #333333;"&gt;
&lt;span style="background-color: white;"&gt;One easy way to create a categories section in Blogger is to simply rename the title of the labels widget as categories. This solution does not work for me because on this blog I have a huge number of labels and I don't want to show this widget at the top of my sidebar.&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #333333;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #333333;"&gt;
&lt;span style="background-color: white;"&gt;An easy way round this problem is create a separate categories section. If you look at the sidebar of this blog you will notice that I have several major categories at the top so that a new visitor will find what they are looking for quickly under these broad headings.&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #333333;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #333333;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8wH7RW_MNW3fJk5yxfCEbxxH402WigZIBCo-w2ORO7p6vsEIjXujSPmtYlO_3Nrm4EcCD9cacRWdniooAG0MZbnC0yepxzPMe80K8F7Zvrk4PNdR9FuVxVT3Qhyphenhyphen2snjRuAoVFdzToyls/s1600-h/blogknowhow-categores.JPG" style="background-color: white; color: #223344;"&gt;&lt;img alt="Example of Categories Section from Blog Know How sidebar" border="0" id="BLOGGER_PHOTO_ID_5314910804675272818" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8wH7RW_MNW3fJk5yxfCEbxxH402WigZIBCo-w2ORO7p6vsEIjXujSPmtYlO_3Nrm4EcCD9cacRWdniooAG0MZbnC0yepxzPMe80K8F7Zvrk4PNdR9FuVxVT3Qhyphenhyphen2snjRuAoVFdzToyls/s320/blogknowhow-categores.JPG" style="border-width: 0px; display: block; height: 320px; margin: 0px auto 10px; padding: 4px; text-align: center; width: 248px;" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style="color: #333333;"&gt;
&lt;span style="background-color: white;"&gt;To add a categories section to a Blogger blog (Blogspot blog) follow these simple steps:&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #333333;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #333333;"&gt;
&lt;span style="background-color: white;"&gt;1. Decide how you want to group your articles according to the labels applied and what group heading you want to give to each grouping of articles.&lt;/span&gt;&lt;/div&gt;
&lt;div style="color: #333333;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333;"&gt;2. For the first category navigate to the individual page of the label you wish to use by clicking on the label in your sidebar.&amp;nbsp;&lt;/span&gt;&lt;b&gt;Copy the URL address&lt;/b&gt;&lt;span style="color: #333333;"&gt;&amp;nbsp;of this page from the address bar in your browser (right click and select copy). For example the URL address of the label of Blogger Tutorials on this site is:&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;blockquote style="border-color: rgb(187, 187, 187); border-style: dotted; border-width: 1px 0px; margin: 0.75em 0px; padding: 5px 15px;"&gt;
&lt;span style="font-family: monospace;"&gt;&lt;span style="line-height: 16.883333206176758px;"&gt;&lt;b&gt;http://howstartblogging.blogspot.com/search/label/Get%20Visitors&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;3. From the Blogger Dashboard go to&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;b&gt;Layout&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;4. Click&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;b&gt;Add a Gadget&lt;/b&gt;&lt;/span&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&amp;nbsp;in the sidebar and select&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;b&gt;Links List&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;5. In the Configure Link List dialog box that appears paste the link to your label into the New Site URL box&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqyJ-DhyKvTuAAr3F3cZSBqDPcEVXN51WXJ74qiOvhjv4XZ0mKMB_2PldYsMbBEotfywRP8xebrwti23sNLNqtT08guY8WTnoQ-WRcLr18-VFOWzQsqBTmXeKPE-WIfZWRS4Ftfp4Cm2o/s1600-h/blogger_configure-link-list.JPG" style="background-color: white; color: #223344; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;img alt="blogger Configure Link List to Add New Categories Section to Your Blogger Blog" border="0" id="BLOGGER_PHOTO_ID_5314905608154159186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqyJ-DhyKvTuAAr3F3cZSBqDPcEVXN51WXJ74qiOvhjv4XZ0mKMB_2PldYsMbBEotfywRP8xebrwti23sNLNqtT08guY8WTnoQ-WRcLr18-VFOWzQsqBTmXeKPE-WIfZWRS4Ftfp4Cm2o/s320/blogger_configure-link-list.JPG" style="border-width: 0px; cursor: pointer; display: block; height: 295px; margin: 0px auto 10px; padding: 4px; text-align: center; width: 320px;" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;6. Enter the name of your label or some alternative text if you wish into the New Site Name text box.&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;7. Enter&amp;nbsp;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;b&gt;Categories&lt;/b&gt;&lt;/span&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&amp;nbsp;as the title&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;8. Choose between sort alphabetically, reverse alphabetically or don't sort&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;span style="color: #333333;"&gt;9. Click on&lt;/span&gt;&lt;b&gt;&amp;nbsp;&lt;/b&gt;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;b&gt;Add Link&lt;/b&gt;&lt;/span&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&amp;nbsp;to add the link to your new categories list&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;span style="color: #333333;"&gt;10. Click on&lt;/span&gt;&lt;b&gt;&amp;nbsp;&lt;/b&gt;&lt;/span&gt;&lt;span style="font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;b&gt;Save&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;11. For every label you wish to put into the Categories Section copy the link and add it to the Configure Links List. By the end you will end up with two or more categories in your list&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;12. Use the up and down arrows for each link to shuffle them around until you find the desired order&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_W42DWZOcCS2HG1yjFm39tUTudapejlhlKdwXbmIZyJngEqd_JZz9W9O9FQUq3xaz_SEGxpi_FUhd2bQmR7M_qkKkXkZeHnqXxjapT1TeWhaAzbRVzRRALhcbik17Ofl8wccDXpF1EME/s1600-h/blogger_configure-link-list_added-links.JPG" style="background-color: white; color: #223344; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;&lt;img alt="Blogger Configure Link List - Added Links to Create Categories in Blogger" border="0" id="BLOGGER_PHOTO_ID_5314904877211284482" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_W42DWZOcCS2HG1yjFm39tUTudapejlhlKdwXbmIZyJngEqd_JZz9W9O9FQUq3xaz_SEGxpi_FUhd2bQmR7M_qkKkXkZeHnqXxjapT1TeWhaAzbRVzRRALhcbik17Ofl8wccDXpF1EME/s320/blogger_configure-link-list_added-links.JPG" style="border-width: 0px; cursor: pointer; display: block; height: 320px; margin: 0px auto 10px; padding: 4px; text-align: center; width: 282px;" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;strong style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;Limit the Number of Posts Displayed in the Categories Section&lt;/strong&gt;&lt;br /&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;To put a limitation on the number of posts displayed in the new categories section you will need to adjust the URL's of each label as follows:&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;From:&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;blockquote style="border-color: rgb(187, 187, 187); border-style: dotted; border-width: 1px 0px; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 1.3em; margin: 0.75em 0px; padding: 5px 15px;"&gt;
&lt;code style="background-color: white;"&gt;&lt;b&gt;http://yoursite.blogspot.com/search/label/CategoryName&lt;/b&gt;&lt;/code&gt;&lt;/blockquote&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white; color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;To:&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;blockquote style="border-color: rgb(187, 187, 187); border-style: dotted; border-width: 1px 0px; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 1.3em; margin: 0.75em 0px; padding: 5px 15px;"&gt;
&lt;code style="background-color: white;"&gt;&lt;b&gt;http://yoursite.blogspot.com/search/label/CategoryName?max-results=max&lt;/b&gt;&lt;span style="color: #558866;"&gt; &lt;/span&gt;number of posts to display&lt;/code&gt;&lt;/blockquote&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;" /&gt;&lt;/span&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;So for the category Blogger Tutorials on this site for example I would enter the following to have only 25 posts dis&lt;/span&gt;&lt;span style="color: #333333; font-family: 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18.899999618530273px;"&gt;This Blogger tutorial has shown you how to manually add a categories section to the sidebar of your Blogger Blog (Blogspot blog) using the Link List widget.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
</description><link>http://howstartblogging.blogspot.com/2012/12/add-categories-section-to-blogger-blog.html</link><author>noreply@blogger.com (Anonymous)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8wH7RW_MNW3fJk5yxfCEbxxH402WigZIBCo-w2ORO7p6vsEIjXujSPmtYlO_3Nrm4EcCD9cacRWdniooAG0MZbnC0yepxzPMe80K8F7Zvrk4PNdR9FuVxVT3Qhyphenhyphen2snjRuAoVFdzToyls/s72-c/blogknowhow-categores.JPG" width="72"/><thr:total>0</thr:total></item></channel></rss>