showrecentposts({"version":"1.0","encoding":"UTF-8","feed":{"xmlns":"http://www.w3.org/2005/Atom","xmlns$openSearch":"http://a9.com/-/spec/opensearchrss/1.0/","xmlns$georss":"http://www.georss.org/georss","xmlns$thr":"http://purl.org/syndication/thread/1.0","id":{"$t":"tag:blogger.com,1999:blog-707079334502450236"},"updated":{"$t":"2010-09-02T20:19:09.428+05:30"},"title":{"type":"text","$t":"Blogger Widgets"},"subtitle":{"type":"html","$t":""},"link":[{"rel":"http://schemas.google.com/g/2005#feed","type":"application/atom+xml","href":"http://www.bloggerplugins.org/feeds/posts/default"},{"rel":"self","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default?alt\u003djson-in-script\u0026orderby\u003dpublished"},{"rel":"alternate","type":"text/html","href":"http://www.bloggerplugins.org/"},{"rel":"hub","href":"http://pubsubhubbub.appspot.com/"},{"rel":"next","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default?alt\u003djson-in-script\u0026start-index\u003d26\u0026max-results\u003d25\u0026orderby\u003dpublished"}],"author":[{"name":{"$t":"Aneesh"},"uri":{"$t":"http://www.blogger.com/profile/04518363055297434057"},"email":{"$t":"noreply@blogger.com"}}],"generator":{"version":"7.00","uri":"http://www.blogger.com","$t":"Blogger"},"openSearch$totalResults":{"$t":"117"},"openSearch$startIndex":{"$t":"1"},"openSearch$itemsPerPage":{"$t":"25"},"entry":[{"id":{"$t":"tag:blogger.com,1999:blog-707079334502450236.post-4861275017624402817"},"published":{"$t":"2010-09-01T22:46:00.001+05:30"},"updated":{"$t":"2010-09-01T22:51:39.702+05:30"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger Widgets"}],"title":{"type":"text","$t":"Popular Posts \u0026 Blog's Stats widgets for Blogger"},"content":{"type":"html","$t":"\u003cp\u003e\u003cimg class\u003d\"postthumb\" title\u003d\"popular\" height\u003d\"250\" alt\u003d\"popular\" src\u003d\"http://lh6.ggpht.com/_u4gySN2ZgqE/TH6KeiYVFZI/AAAAAAAABm0/cHw0wnnmhgg/popular%5B15%5D.png?imgmax\u003d800\" width\u003d\"250\" align\u003d\"left\" border\u003d\"0\" /\u003e\u003c/p\u003e  \u003cp\u003eIt has been almost 2 months since Blogger introduced the \u003ca style\u003d\"text-decoration: underline\" href\u003d\"http://www.bloggerplugins.org/2010/07/blogger-stats-on-your-blogger-dashboard.html\"\u003e“Stats” feature\u003c/a\u003e. Now they have gone a step further by introducing 2 Gadgets related to the “Stats”. Blogger has now got a “Popular Posts” Gadget and a “Blog’s Stats” Gadget.(These are currently available only on Blogger in Draft). \u003c/p\u003e \u003ca name\u003d'more'\u003e\u003c/a\u003e  \u003ch3\u003ePopular Posts Gadget\u003c/h3\u003e Blogger has always lacked such a gadget. There used to be some Yahoo Pipe based widgets, which list out the most commented posts. But these were pretty slow and inefficient. Now Blogger has got this Official Popular Posts Gadget.As the name indicates, the Gadget displays a list of popular posts on your blog.\u0026#160; Here is a Screen Shot of the Gadget Options   \u003cp\u003e\u003c/p\u003e \u003cimg title\u003d\"image\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"288\" alt\u003d\"image\" src\u003d\"http://lh6.ggpht.com/_u4gySN2ZgqE/TH6KfamGIlI/AAAAAAAABm4/A3_vDRoM8fI/image%5B16%5D.png?imgmax\u003d800\" width\u003d\"570\" border\u003d\"0\" /\u003e   \u003ch3\u003e\u0026#160;\u003c/h3\u003e  \u003ch3\u003eBlog’s Stats Gadget \u003c/h3\u003e  \u003cp\u003eThe Blog’s Stats Gadget displays your Blog’s stats in one of the different graphical(or textual) formats. The Gadget Options will give you a better idea\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"image\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"471\" alt\u003d\"image\" src\u003d\"http://lh3.ggpht.com/_u4gySN2ZgqE/TH6KgbcXRfI/AAAAAAAABm8/fNXgE3zqobE/image%5B24%5D.png?imgmax\u003d800\" width\u003d\"570\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003e\u0026#160;\u003c/p\u003e  \u003ch3\u003eHow to add these Gadgets to your blog?\u003c/h3\u003e  \u003cp\u003eThese Gadgets are not available in your regular Dashboard. So login to Blogger in Draft at \u003ca style\u003d\"text-decoration: underline\" href\u003d\"http://draft.blogger.com\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003ehttp://draft.blogger.com\u003c/a\u003e . Now Go to \u003cstrong\u003eDesign\u003c/strong\u003e \u0026gt; \u003cstrong\u003ePage Elements\u003c/strong\u003e and Click on the “\u003cstrong\u003eAdd a Gadget Link\u003c/strong\u003e” and you will see the 2 new Gadgets\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"image\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"408\" alt\u003d\"image\" src\u003d\"http://lh6.ggpht.com/_u4gySN2ZgqE/TH6KiaMGDsI/AAAAAAAABnA/scEygv6gC90/image%5B32%5D.png?imgmax\u003d800\" width\u003d\"575\" border\u003d\"0\" /\u003e\u003c/p\u003e  \u003cp\u003eWhat do you think of the ne Gadgets? \u003c/p\u003e  \u003cdiv class\u003d\"blogger-post-footer\"\u003e\u003cbr/\u003e\u003chr/\u003e\u003cfont color\u003d\"#333333\"\u003e\u003ci\u003eYou can use this article on your blog,but make sure that you link back to the original post page @ bloggerplugins.org. Article Licensed Under the Creative Commons Licensing Read - \u003ca rel\u003d\"nofollow\" href\u003d\"http://creativecommons.org/licenses/by-sa/2.5/in/\" target\u003d\"_blank\" title\u003d\"Creative Commons Licenses Attribution-SA 2.5\"\u003e\u003cfont color\u003d\"#333333\"\u003e[CC Licenses Attribution-SA 2.5]\u003c/font\u003e\u003c/a\u003e.\u003c/i\u003e\u003c/font\u003e\u003chr/\u003e\u003cimg width\u003d'1' height\u003d'1' src\u003d'https://blogger.googleusercontent.com/tracker/707079334502450236-4861275017624402817?l\u003dwww.bloggerplugins.org' alt\u003d'' /\u003e\u003c/div\u003e"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http://www.bloggerplugins.org/feeds/4861275017624402817/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http://www.bloggerplugins.org/2010/09/popular-posts-blog-stats-widgets.html#comment-form","title":"11 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/4861275017624402817"},{"rel":"self","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/4861275017624402817"},{"rel":"alternate","type":"text/html","href":"http://www.bloggerplugins.org/2010/09/popular-posts-blog-stats-widgets.html","title":"Popular Posts \u0026amp; Blog\u0026#39;s Stats widgets for Blogger"}],"author":[{"name":{"$t":"Aneesh"},"uri":{"$t":"http://www.blogger.com/profile/04518363055297434057"},"email":{"$t":"noreply@blogger.com"},"gd$extendedProperty":{"xmlns$gd":"http://schemas.google.com/g/2005","name":"OpenSocialUserId","value":"13961627232497682952"}}],"thr$total":{"$t":"11"}},{"id":{"$t":"tag:blogger.com,1999:blog-707079334502450236.post-8879658993038768912"},"published":{"$t":"2010-08-19T10:51:00.001+05:30"},"updated":{"$t":"2010-08-19T10:56:05.699+05:30"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Template Hacks"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Twitter"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogging Tips"}],"title":{"type":"text","$t":"How to Add Tweet Box to Blogger"},"content":{"type":"html","$t":"\u003cp\u003e\u003cimg class\u003d\"postthumb\" title\u003d\"Add Tweet Box to Blogger\" height\u003d\"250\" alt\u003d\"image\" src\u003d\"http://lh5.ggpht.com/_u4gySN2ZgqE/TGy_T5-RCNI/AAAAAAAABms/IVH-Ea6czrk/image%5B27%5D.png?imgmax\u003d800\" width\u003d\"250\" align\u003d\"left\" border\u003d\"0\" /\u003e It has been a long time since @Twitter released the @AnyWhere Developer Tool. AnyWhere allows you to seamlessly integrate Twitter into your site using a few lines of JavaScript. You can read more about it at\u0026#160; \u003ca title\u003d\"@AnyWhere Developer Page\" href\u003d\"http://dev.twitter.com/anywhere/\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003e@AnyWhere Developer Page\u003c/a\u003e. Tweet Box is one such @AnyWhere Application, which allows you to add a 140 char Tweet Box onto your blog.\u003c/p\u003e  \u003cp\u003eHere is a screen shot of how the Tweet box appear on my Previous Post.\u003c/p\u003e \u003ca name\u003d'more'\u003e\u003c/a\u003e  \u003cp\u003e\u003cimg title\u003d\"image\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"175\" alt\u003d\"image\" src\u003d\"http://lh3.ggpht.com/_u4gySN2ZgqE/TGy_VDeSszI/AAAAAAAABmg/v0BBPA0hw2s/image%5B13%5D.png?imgmax\u003d800\" width\u003d\"570\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003eHope that now you got a good idea of how this works, If not scroll down to the bottom of the post and see it in live action :)\u003c/p\u003e  \u003cp\u003e\u003c/p\u003e  \u003ch3\u003eHow to add the Tweet Box on a Blogger Blog?\u003c/h3\u003e  \u003cp\u003e1. Go to the \u003ca href\u003d\"http://dev.twitter.com/anywhere/apps/new\" target\u003d\"_blank\"\u003e@AnyWhere Developers Page\u003c/a\u003e and create an Application there with your blog details.\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"image\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"401\" alt\u003d\"image\" src\u003d\"http://lh5.ggpht.com/_u4gySN2ZgqE/TGy_WDVsnVI/AAAAAAAABmk/8aHFFF1gJ4w/image%5B17%5D.png?imgmax\u003d800\" width\u003d\"504\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003eMake Sure that you have checked the Read \u0026amp; Write Option when you Register your Application\u003c/p\u003e  \u003cp\u003e2.When you complete the signup process, you will get some JavaScript codes, with a unique\u0026#160; API Key \u003c/p\u003e  \u003cp\u003eCopy out the JavaScript from there(the code in the red box) as shown in this Screenshot.\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"image\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"175\" alt\u003d\"image\" src\u003d\"http://lh4.ggpht.com/_u4gySN2ZgqE/TGy_XDRv3KI/AAAAAAAABmo/XA1nTKbotAU/image%5B26%5D.png?imgmax\u003d800\" width\u003d\"570\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003e3.Now Login to your Blogger Dashboard and navigate to the \u003cstrong\u003eEdit HTML\u003c/strong\u003e Tab under \u003cstrong\u003eDesign\u003c/strong\u003e and “\u003cem\u003eExpand your Widget Templates\u003c/em\u003e”\u003c/p\u003e  \u003cp\u003e4.Look for \u003c/p\u003e  \u003cpre class\u003d\"code\"\u003e\u0026lt;/head\u0026gt;\u003c/pre\u003e\nand paste the copied Twitter JavaScript just above that line and save the template. \n\n\u003cp\u003e\u003c/p\u003e\n\n\u003cp\u003e5.Now look for \u003c/p\u003e\n\n\u003cpre class\u003d\"code\"\u003e\u0026lt;data:post.body/\u0026gt;\u003c/pre\u003e\nand immediately below that paste the following JavaScript Code and save your template. (Editable parts are shown in red) \n\n\u003cp\u003e\u003c/p\u003e\n\n\u003cpre class\u003d\"code\"\u003e\u0026lt;b:if cond\u003d'data:blog.pageType \u003d\u003d \u0026amp;quot;item\u0026amp;quot;'\u0026gt;\n\u0026lt;div id\u003d'bp_tweetBox'/\u0026gt;\n\u0026lt;script type\u003d'text/javascript'\u0026gt;\nbp_tweet_link\u003d\u0026amp;quot;\u0026lt;data:post.url/\u0026gt;\u0026amp;quot;;\ntwttr.anywhere(function (T) {\nT(\u0026amp;quot;#bp_tweetBox\u0026amp;quot;).tweetBox({\nwidth: 560,\nlabel: \u0026amp;quot;\u003cfont color\u003d\"#ff0000\"\u003eShare the L\u0026amp;#10084;ve\u0026#160; \u0026amp;amp; Retweet\u003c/font\u003e\u0026amp;quot;,\ndefaultContent: \u0026amp;quot;\u003cfont color\u003d\"#ff0000\"\u003eRT @bloggerplugins\u003c/font\u003e \u0026lt;data:post.title/\u0026gt;\u0026amp;quot;+\u0026amp;quot; \u0026amp;quot;+bp_tweet_link\n});\n});\n\u0026lt;/script\u0026gt;\n\u0026lt;/b:if\u0026gt;\u003c/pre\u003e\n\n\u003cp\u003eNow you should see the Tweet Box on all of your post pages\u003c/p\u003e\n\n\u003cp\u003eCurrently, this doesn’t do any URL shortening . You can expect that it my next post. I will\u0026#160; also try to post about the other @AnyWhere features soon :)\u003c/p\u003e\n\n\u003cp\u003eShare your opinions and if you have any questions about the tweet button, feel free to ask :)\u003c/p\u003e  \u003cdiv class\u003d\"blogger-post-footer\"\u003e\u003cbr/\u003e\u003chr/\u003e\u003cfont color\u003d\"#333333\"\u003e\u003ci\u003eYou can use this article on your blog,but make sure that you link back to the original post page @ bloggerplugins.org. Article Licensed Under the Creative Commons Licensing Read - \u003ca rel\u003d\"nofollow\" href\u003d\"http://creativecommons.org/licenses/by-sa/2.5/in/\" target\u003d\"_blank\" title\u003d\"Creative Commons Licenses Attribution-SA 2.5\"\u003e\u003cfont color\u003d\"#333333\"\u003e[CC Licenses Attribution-SA 2.5]\u003c/font\u003e\u003c/a\u003e.\u003c/i\u003e\u003c/font\u003e\u003chr/\u003e\u003cimg width\u003d'1' height\u003d'1' src\u003d'https://blogger.googleusercontent.com/tracker/707079334502450236-8879658993038768912?l\u003dwww.bloggerplugins.org' alt\u003d'' /\u003e\u003c/div\u003e"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http://www.bloggerplugins.org/feeds/8879658993038768912/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http://www.bloggerplugins.org/2010/08/add-tweet-box-to-blogger.html#comment-form","title":"12 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/8879658993038768912"},{"rel":"self","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/8879658993038768912"},{"rel":"alternate","type":"text/html","href":"http://www.bloggerplugins.org/2010/08/add-tweet-box-to-blogger.html","title":"How to Add Tweet Box to Blogger"}],"author":[{"name":{"$t":"Aneesh"},"uri":{"$t":"http://www.blogger.com/profile/04518363055297434057"},"email":{"$t":"noreply@blogger.com"},"gd$extendedProperty":{"xmlns$gd":"http://schemas.google.com/g/2005","name":"OpenSocialUserId","value":"13961627232497682952"}}],"thr$total":{"$t":"12"}},{"id":{"$t":"tag:blogger.com,1999:blog-707079334502450236.post-2344495689411772568"},"published":{"$t":"2010-08-19T00:07:00.001+05:30"},"updated":{"$t":"2010-08-19T01:24:51.146+05:30"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"facebook"}],"title":{"type":"text","$t":"New Facebook Like button for blogger"},"content":{"type":"html","$t":"\u003cp\u003e\u003cimg class\u003d\"postthumb\" title\u003d\"New Facebook Like button for blogger\" alt\u003d\"Facebook Like Button For Blogger\" src\u003d\"http://lh6.ggpht.com/_u4gySN2ZgqE/TGwyCLsV_9I/AAAAAAAABmM/sp9GCeAJbZ0/facebook-like%5B4%5D.jpg?imgmax\u003d800\" align\u003d\"left\" border\u003d\"0\" /\u003e Facebook has now released an improved version of its like Button. The new Facebook like button looks like\u0026#160; the horizontal version of the \u003ca style\u003d\"text-decoration: underline\" href\u003d\"http://www.bloggerplugins.org/2010/08/twitter-share-buttons-for-blogger-tweet.html\"\u003eOfficial Tweet Button\u003c/a\u003e. The Facebook Like button will show the no of likes just like the tweet button does.The like button has some changes from the older version in the way the user is allowed to \u003ci\u003elike\u003c/i\u003e and \u003ci\u003eunlike.\u003c/i\u003e \u003c/p\u003e  \u003cbr /\u003e\u003ca name\u003d'more'\u003e\u003c/a\u003e\u003cb\u003eA Screen Shot of the New Like Button\u003c/b\u003e   \u003cp\u003e\u003cimg title\u003d\"image\" style\u003d\"border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px\" height\u003d\"187\" alt\u003d\"image\" src\u003d\"http://lh6.ggpht.com/_u4gySN2ZgqE/TGw27yECBeI/AAAAAAAABmU/3y8yv6Lv8sA/image%5B7%5D.png?imgmax\u003d800\" width\u003d\"552\" border\u003d\"0\" /\u003e\u003c/p\u003e  \u003ch3\u003eIntegrating the New\u0026#160; Like Button into your Blog\u003c/h3\u003e  \u003cp\u003e\u003cstrong\u003e1. Blogger\u003c/strong\u003e – Login to\u0026#160; your Blogger Dashboard, Navigate to the \u003cstrong\u003eEdit HTML\u003c/strong\u003e tab under \u003cstrong\u003eDesign\u003c/strong\u003e and follow the instructions at \u003ca style\u003d\"text-decoration: underline\" href\u003d\"http://www.bloggerplugins.org/2010/04/facebook-like-button-for-blogger.html\"\u003ethis page\u003c/a\u003e (It also has instructions to upgrade your old like button to the new one)     \u003cbr /\u003e\u003cstrong\u003e\u003c/strong\u003e\u003c/p\u003e  \u003cp\u003e\u003cstrong\u003e2.Wordpress\u003c/strong\u003e – Edit your\u0026#160; Wordpress theme and insert the following code into your Wordpress Post Loop(If you want it to appear on Post pages only, then edit single.php.Otherwise you will have to edit multiple theme\u0026#160; files)     \u003cbr /\u003e\u003c/p\u003e  \u003cpre class\u003d\"code\"\u003e\u0026lt;iframe src\u003d\u0026quot;http://www.facebook.com/plugins/like.php?href\u003d\u0026lt;?php echo urlencode(get_permalink($post-\u0026gt;ID)); ?\u0026gt;\u0026amp;amp;layout\u003d\u003cspan style\u003d\"color: red\"\u003ebutton_count\u003c/span\u003e\u0026amp;amp;show_faces\u003d\u003cspan style\u003d\"color: red\"\u003efalse\u003c/span\u003e\u0026amp;amp;width\u003d\u003cspan style\u003d\"color: red\"\u003e450\u003c/span\u003e\u0026amp;amp;action\u003d\u003cspan style\u003d\"color: red\"\u003elike\u003c/span\u003e\u0026amp;amp;colorscheme\u003d\u003cspan style\u003d\"color: red\"\u003elight\u003c/span\u003e\u0026amp;amp;font\u003d\u003cspan style\u003d\"color: red\"\u003earial\u003c/span\u003e\u0026quot; scrolling\u003d\u0026quot;no\u0026quot; frameborder\u003d\u0026quot;0\u0026quot; allowTransparency\u003d\u0026quot;true\u0026quot; style\u003d\u0026quot;border:none; overflow:hidden; width:450px; height:40px;\u0026quot;\u0026gt;\u0026lt;/iframe\u0026gt;\u003c/pre\u003e\n\n\u003ch3\u003e\u003cb\u003eParameters\u003c/b\u003e\u003c/h3\u003e\n1.\u003cb\u003elayout\u003dbutton_count\u003c/b\u003e will provide you with the new like button.If you change it to \u003cb\u003elayout\u003dstandard\u003c/b\u003e , then you will get the older version of the like button \n\n\u003cbr /\u003e2. \u003cb\u003eshow_faces\u003dfalse \u003c/b\u003eIf you set this parameter to true(\u003cb\u003eshow_faces\u003dtrue\u003c/b\u003e), then it will show faces of those who like your post \n\n\u003cbr /\u003e3.There are three different color schemes available . The code has the light color scheme. To use the other two color schemes change \u003cb\u003ecolorscheme\u003dlight\u003c/b\u003e to \u003cb\u003ecolorscheme\u003ddark\u003c/b\u003e or \u003cb\u003ecolorscheme\u003devil\u003c/b\u003e \n\n\u003cbr /\u003e4.you can also change the font used by changing the font parameter \n\n\u003cbr /\u003eYou can change \u003cb\u003e\u003ci\u003efont\u003darial\u003c/i\u003e\u003c/b\u003e to any of \n\n\u003cbr /\u003e\n\n\u003col\u003e\n  \u003cli\u003e\u003cb\u003e\u003ci\u003e\u003cb\u003efont\u003d\u003c/b\u003elucida+grande \u003c/i\u003e\u003c/b\u003e\u003c/li\u003e\n\n  \u003cli\u003e\u003cb\u003e\u003ci\u003efont\u003dsegoe+ui \u003c/i\u003e\u003c/b\u003e\u003c/li\u003e\n\n  \u003cli\u003e\u003cb\u003e\u003ci\u003efont\u003dtahoma \u003c/i\u003e\u003c/b\u003e\u003c/li\u003e\n\n  \u003cli\u003e\u003cb\u003e\u003ci\u003efont\u003d\u003c/i\u003e\u003c/b\u003e\u003cb\u003e\u003ci\u003etrebuchet+ms \u003c/i\u003e\u003c/b\u003e\u003c/li\u003e\n\n  \u003cli\u003e\u003cb\u003e\u003ci\u003efont\u003dverdana\u003c/i\u003e\u003c/b\u003e \u003c/li\u003e\n\u003c/ol\u003e\n5.To change the text that appears on the button, you can change \u003cb\u003eaction\u003dlike\u003c/b\u003e to \u003cb\u003eaction\u003drecommend\u003c/b\u003e \n\n\u003cbr /\u003eDo you like the new version of the Like Button? Let me know! \n\n  \u003cdiv class\u003d\"blogger-post-footer\"\u003e\u003cbr/\u003e\u003chr/\u003e\u003cfont color\u003d\"#333333\"\u003e\u003ci\u003eYou can use this article on your blog,but make sure that you link back to the original post page @ bloggerplugins.org. Article Licensed Under the Creative Commons Licensing Read - \u003ca rel\u003d\"nofollow\" href\u003d\"http://creativecommons.org/licenses/by-sa/2.5/in/\" target\u003d\"_blank\" title\u003d\"Creative Commons Licenses Attribution-SA 2.5\"\u003e\u003cfont color\u003d\"#333333\"\u003e[CC Licenses Attribution-SA 2.5]\u003c/font\u003e\u003c/a\u003e.\u003c/i\u003e\u003c/font\u003e\u003chr/\u003e\u003cimg width\u003d'1' height\u003d'1' src\u003d'https://blogger.googleusercontent.com/tracker/707079334502450236-2344495689411772568?l\u003dwww.bloggerplugins.org' alt\u003d'' /\u003e\u003c/div\u003e"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http://www.bloggerplugins.org/feeds/2344495689411772568/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http://www.bloggerplugins.org/2010/08/new-facebook-like-button-for-blogger.html#comment-form","title":"14 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/2344495689411772568"},{"rel":"self","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/2344495689411772568"},{"rel":"alternate","type":"text/html","href":"http://www.bloggerplugins.org/2010/08/new-facebook-like-button-for-blogger.html","title":"New Facebook Like button for blogger"}],"author":[{"name":{"$t":"Aneesh"},"uri":{"$t":"http://www.blogger.com/profile/04518363055297434057"},"email":{"$t":"noreply@blogger.com"},"gd$extendedProperty":{"xmlns$gd":"http://schemas.google.com/g/2005","name":"OpenSocialUserId","value":"13961627232497682952"}}],"thr$total":{"$t":"14"}},{"id":{"$t":"tag:blogger.com,1999:blog-707079334502450236.post-8751403218678036778"},"published":{"$t":"2010-08-15T12:04:00.001+05:30"},"updated":{"$t":"2010-08-15T12:09:53.727+05:30"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Template Hacks"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Twitter"}],"title":{"type":"text","$t":"\"Tweet This\" Text Link for Blogger"},"content":{"type":"html","$t":"\u003cimg class\u003d\"postthumb\" height\u003d\"250\" alt\u003d\"Tweet This Text Link for Blogger\" src\u003d\"http://lh3.ggpht.com/_u4gySN2ZgqE/TGQ1QN_OpRI/AAAAAAAABlw/Wcgic_v9Gmo/Official-Twitter-Share-Buttons-for-Blogger[3].jpg\" width\u003d\"250\" align\u003d\"left\" /\u003e   \u003cp\u003eThe Official Twitter Tweet Button has 3 default styles(2 of them with a counter and one without) . The Button works with JavaScript and is not fully Customizable.This post is for all those who want to customize, the tweet button and change it into a simple Text link. The output will be a simple HTML link with all the features if the Tweet Button(excluding the count)\u003c/p\u003e \u003ca name\u003d'more'\u003e\u003c/a\u003e \u003ch3\u003eHow to add the Tweet This Text Link to Blogger?\u003c/h3\u003e 1. Login to your Blogger Dashboard and Navigate to \u003cb\u003eDesign\u003c/b\u003e \u0026gt; \u003cb\u003eEdit HTML\u003c/b\u003e   \u003cbr /\u003e2. Click on the Check box which says “\u003ci\u003eExpand Widget Templates”\u003c/i\u003e   \u003cbr /\u003e3. Now Look for   \u003cbr /\u003e  \u003cp\u003e\u003c/p\u003e  \u003cpre class\u003d\"code\"\u003e\u0026lt;data:post.body/\u0026gt;\u003c/pre\u003e\n\n\u003cp\u003eand immediately after that line paste the following code(Edit the code if needed)\u003c/p\u003e\n\n\u003cpre class\u003d\"code\"\u003e\u0026lt;a expr:href\u003d'\u0026amp;quot;http://twitter.com/share?text\u003d\u0026amp;quot; +data:post.title+ \u0026amp;quot;\u0026amp;amp;url\u003d\u0026amp;quot; + data:post.url + \u0026amp;quot;\u0026amp;amp;\u003cfont color\u003d\"#ff0000\"\u003evia\u003dtwitter\u003c/font\u003e\u0026amp;amp;\u003cfont color\u003d\"#ff0000\"\u003erelated\u003dbloggerplugins:Widgets and Tutorials for Blogger\u003c/font\u003e\u0026amp;quot;' style\u003d'float: left; background: url(http://lh5.ggpht.com/_u4gySN2ZgqE/TGeItpz_KFI/AAAAAAAABmE/HrzGzh8nvTk/tweetbutton[3].png) left no-repeat; padding-left: 20px;' title\u003d'Share on Twitter' rel\u003d'nofollow' target\u003d'_blank' \u0026gt;\u003cfont color\u003d\"#ff0000\"\u003eTweet This\u003c/font\u003e\u0026lt;/a\u0026gt;\u003c/pre\u003e\n\n\u003cp\u003eSave the Template and you should see a Tweet This link below each of your posts like this\u003c/p\u003e\n\n\u003cp\u003e\u003ca style\u003d\"padding-left: 20px; background: url(http://lh5.ggpht.com/_u4gySN2ZgqE/TGeItpz_KFI/AAAAAAAABmE/HrzGzh8nvTk/tweetbutton[3].png) no-repeat left 50%\" href\u003d\"http://twitter.com/share?text\u003dTweet This Text Link for Blogger\u0026amp;url\u003dhttp://www.bloggerplugins.org/2010/08/tweet-this-text-link-for-blogger.html\u0026amp;via\u003dbloggerplugins\u0026amp;related\u003dblogger:Official Twitter account of Blogger\" title\u003d\"Share on Twitter\" rel\u003d\"nofollow\" target\u003d\"_blank\"\u003eTweet This\u003c/a\u003e \u003c/p\u003e\n\n\u003ch3\u003eOptional Edits\u003c/h3\u003e\n\n\u003cp\u003e1. You can edit \u003cstrong\u003evia\u003dtwitter\u003c/strong\u003e with your twitter user name. So if your twitter username is john, then change \u003cstrong\u003evia\u003dtwitter\u003c/strong\u003e to \u003cstrong\u003evia\u003djohn\u003c/strong\u003e\u003c/p\u003e\n\n\u003cp\u003e2. You can also edit related\u003d\u003cstrong\u003ebloggerplugins\u003c/strong\u003e:\u003cstrong\u003eWidgets and Tutorials for Blogger\u003c/strong\u003e .You can replace \u003cstrong\u003ebloggerplugins \u003c/strong\u003ewith a twitter handle that you would like to recommend. You can replace \u003cstrong\u003eWidgets and Tutorials for Blogger\u003c/strong\u003e with a description of the recommended account\u003c/p\u003e\n\n\u003cp\u003e3. You can also edit \u003cstrong\u003eTweet This\u003c/strong\u003e with the text you want\u0026#160; to see on the link\u003c/p\u003e  \u003cdiv class\u003d\"blogger-post-footer\"\u003e\u003cbr/\u003e\u003chr/\u003e\u003cfont color\u003d\"#333333\"\u003e\u003ci\u003eYou can use this article on your blog,but make sure that you link back to the original post page @ bloggerplugins.org. Article Licensed Under the Creative Commons Licensing Read - \u003ca rel\u003d\"nofollow\" href\u003d\"http://creativecommons.org/licenses/by-sa/2.5/in/\" target\u003d\"_blank\" title\u003d\"Creative Commons Licenses Attribution-SA 2.5\"\u003e\u003cfont color\u003d\"#333333\"\u003e[CC Licenses Attribution-SA 2.5]\u003c/font\u003e\u003c/a\u003e.\u003c/i\u003e\u003c/font\u003e\u003chr/\u003e\u003cimg width\u003d'1' height\u003d'1' src\u003d'https://blogger.googleusercontent.com/tracker/707079334502450236-8751403218678036778?l\u003dwww.bloggerplugins.org' alt\u003d'' /\u003e\u003c/div\u003e"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http://www.bloggerplugins.org/feeds/8751403218678036778/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http://www.bloggerplugins.org/2010/08/tweet-this-text-link-for-blogger.html#comment-form","title":"9 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/8751403218678036778"},{"rel":"self","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/8751403218678036778"},{"rel":"alternate","type":"text/html","href":"http://www.bloggerplugins.org/2010/08/tweet-this-text-link-for-blogger.html","title":"\u0026quot;Tweet This\u0026quot; Text Link for Blogger"}],"author":[{"name":{"$t":"Aneesh"},"uri":{"$t":"http://www.blogger.com/profile/04518363055297434057"},"email":{"$t":"noreply@blogger.com"},"gd$extendedProperty":{"xmlns$gd":"http://schemas.google.com/g/2005","name":"OpenSocialUserId","value":"13961627232497682952"}}],"thr$total":{"$t":"9"}},{"id":{"$t":"tag:blogger.com,1999:blog-707079334502450236.post-8039456269928343834"},"published":{"$t":"2010-08-13T02:43:00.001+05:30"},"updated":{"$t":"2010-08-13T02:46:27.442+05:30"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogging Tips"}],"title":{"type":"text","$t":"Comment Spam Filtering and Comment Inbox in Blogger"},"content":{"type":"html","$t":"\u003cp\u003e\u003cimg class\u003d\"postthumb\" title\u003d\"Comment Spam Filtering Comment Inbox Blogger\" height\u003d\"250\" alt\u003d\"blogger-comment-inbox\" src\u003d\"http://lh5.ggpht.com/_u4gySN2ZgqE/TGRj-2rlixI/AAAAAAAABl0/j6lvksOVm2Y/blogger-comment-inbox%5B5%5D.png?imgmax\u003d800\" width\u003d\"250\" align\u003d\"left\" border\u003d\"0\" /\u003e Many of you might have noticed that Blogger has made some Cool Improvements to its Commenting System. Blogger has introduced an improved Spam Filter and a Comment Inbox. Most of you must have noticed the new “Comment” tab in your Dashboard (This may not be present on all blogs. Blogger is in the process of rolling out this feature to all users)\u003c/p\u003e \u003ca name\u003d'more'\u003e\u003c/a\u003e  \u003ch3\u003eComment Inbox\u003c/h3\u003e  \u003cp\u003eBlogger has introduced the “Comment Inbox” where you can view all the Comments published on your blog.The Comment Inbox has Sub tabs namely \u003cstrong\u003ePublished\u003c/strong\u003e , \u003cstrong\u003eAwaiting Moderation\u003c/strong\u003e and \u003cstrong\u003eSpam \u003c/strong\u003e\u003c/p\u003e  \u003ch3\u003e\u003cimg title\u003d\"image\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"306\" alt\u003d\"image\" src\u003d\"http://lh4.ggpht.com/_u4gySN2ZgqE/TGRj_9wcjmI/AAAAAAAABl4/K86dWzEE7ho/image%5B3%5D.png?imgmax\u003d800\" width\u003d\"564\" border\u003d\"0\" /\u003e \u003c/h3\u003e  \u003ch3\u003eComment Spam Filtering\u003c/h3\u003e  \u003cp\u003eMost web forms are targeted my spammers and bots. Most Blogging Platforms have their own ways of keeping the bots and spammers away. Wordpress uses Akismet for this process.Blogger has its own filtering mechanism to keep the odd ones\u0026#160; out. Now Blogger improved its spam fighting mechanisms by integrating\u0026#160; Google’s Spam Filtering Technologies into Blogger. Blogger will automatically detect Spam comments and move them to Spam in your Comment Inbox. The comments in the Spam Inbox are not visible in your blog. You can mark Comments as Spam and move them to the Spam Inbox.You can also mark comments as Not Spam that have been incorrectly classified\u0026#160; or marked as spam and the comment will be immediately published on to your blog.\u003cimg title\u003d\"image\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"333\" alt\u003d\"image\" src\u003d\"http://lh4.ggpht.com/_u4gySN2ZgqE/TGRkBIfn5tI/AAAAAAAABl8/PitgLkCxhZw/image%5B7%5D.png?imgmax\u003d800\" width\u003d\"554\" border\u003d\"0\" /\u003e\u003c/p\u003e  \u003cp\u003eWhat do you think of the new additions?\u003c/p\u003e  \u003cdiv class\u003d\"blogger-post-footer\"\u003e\u003cbr/\u003e\u003chr/\u003e\u003cfont color\u003d\"#333333\"\u003e\u003ci\u003eYou can use this article on your blog,but make sure that you link back to the original post page @ bloggerplugins.org. Article Licensed Under the Creative Commons Licensing Read - \u003ca rel\u003d\"nofollow\" href\u003d\"http://creativecommons.org/licenses/by-sa/2.5/in/\" target\u003d\"_blank\" title\u003d\"Creative Commons Licenses Attribution-SA 2.5\"\u003e\u003cfont color\u003d\"#333333\"\u003e[CC Licenses Attribution-SA 2.5]\u003c/font\u003e\u003c/a\u003e.\u003c/i\u003e\u003c/font\u003e\u003chr/\u003e\u003cimg width\u003d'1' height\u003d'1' src\u003d'https://blogger.googleusercontent.com/tracker/707079334502450236-8039456269928343834?l\u003dwww.bloggerplugins.org' alt\u003d'' /\u003e\u003c/div\u003e"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http://www.bloggerplugins.org/feeds/8039456269928343834/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http://www.bloggerplugins.org/2010/08/comment-spam-filtering-comment-inbox.html#comment-form","title":"5 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/8039456269928343834"},{"rel":"self","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/8039456269928343834"},{"rel":"alternate","type":"text/html","href":"http://www.bloggerplugins.org/2010/08/comment-spam-filtering-comment-inbox.html","title":"Comment Spam Filtering and Comment Inbox in Blogger"}],"author":[{"name":{"$t":"Aneesh"},"uri":{"$t":"http://www.blogger.com/profile/04518363055297434057"},"email":{"$t":"noreply@blogger.com"},"gd$extendedProperty":{"xmlns$gd":"http://schemas.google.com/g/2005","name":"OpenSocialUserId","value":"13961627232497682952"}}],"thr$total":{"$t":"5"}},{"id":{"$t":"tag:blogger.com,1999:blog-707079334502450236.post-253895124839585728"},"published":{"$t":"2010-08-12T23:24:00.015+05:30"},"updated":{"$t":"2010-08-19T10:02:07.423+05:30"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Template Hacks"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogging Tips"}],"title":{"type":"text","$t":"Official Twitter Share Button (Tweet Button) for Blogger"},"content":{"type":"html","$t":"\u003cimg align\u003d\"left\" alt\u003d\"Official-Twitter-Share-Buttons-for-Blogger\" class\u003d\"postthumb\" height\u003d\"250\" src\u003d\"http://lh3.ggpht.com/_u4gySN2ZgqE/TGQ1QN_OpRI/AAAAAAAABlw/Wcgic_v9Gmo/Official-Twitter-Share-Buttons-for-Blogger%5B3%5D.jpg?imgmax\u003d800\" title\u003d\"Official-Twitter-Share-Buttons-for-Blogger\" width\u003d\"250\" /\u003e\u003cbr /\u003e\n@Twitter has now officially released new Sharing Buttons with counter(Tweet Button). The button comes in three styles and has a new URL shortener(t.co).\u0026nbsp; The tweet button will show how many times your post has been shared on twitter. \u003cbr /\u003e\n\u003ca name\u003d'more'\u003e\u003c/a\u003e\u003cbr /\u003e\nThe main advantage of the Tweet button is that it will let the reader to follow you(and a related account) after he tweets your post.If you have a wordpress blog, then use the \u003ca href\u003d\"http://wordpress.org/extend/plugins/wp-tweetbutton/\" style\u003d\"text-decoration: underline;\" target\u003d\"_blank\"\u003eWordpress Tweet Button Plugin\u003c/a\u003e\u003cbr /\u003e\n\u003cbr /\u003e\nTo install the new tweet button on blogger, Follow these steps   \u003cbr /\u003e\n\u003cbr /\u003e\n1. Login to your Blogger Dashboard and Navigate to \u003cb\u003eDesign\u003c/b\u003e \u0026gt; \u003cb\u003eEdit HTML\u003c/b\u003e\u0026nbsp; \u003cbr /\u003e\n2. Click on the Check box which says “\u003ci\u003eExpand Widget Templates”\u003c/i\u003e   \u003cbr /\u003e\n3. Now Look for   \u003cbr /\u003e\n\u003cpre class\u003d\"code\"\u003e\u0026lt;data:post.body/\u0026gt;\u003c/pre\u003e\nand immediately above it paste the following code snippet(after proper editing) \n\n\u003cbr /\u003e\n\u003cdiv class\u003d\"code\"\u003e\n\u003cpre class\u003d\"csharpcode\"\u003e\u003cspan class\u003d\"kwrd\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class\u003d\"html\"\u003ediv\u003c/span\u003e \u003cspan class\u003d\"attr\"\u003estyle\u003c/span\u003e\u003cspan class\u003d\"kwrd\"\u003e\u003d\"\u003cspan style\u003d\"color: red;\"\u003efloat:left\u003c/span\u003e;padding:4px;\"\u003c/span\u003e\u003cspan class\u003d\"kwrd\"\u003e\u0026gt;\n\u0026lt;a href\u003d'http://twitter.com/share' rel\u003d'nofollow' class\u003d'twitter-share-button' expr:data-url\u003d'data:post.url' \u003cspan style\u003d\"color: red;\"\u003eexpr:data-text\u003d'data:post.title'\u003c/span\u003e \u003cspan style\u003d\"color: red;\"\u003edata-related\u003d'bloggerplugins:Tutorials and Widgets for Blogger' data-count\u003d'vertical'\u003c/span\u003e \u003cspan style\u003d\"color: red;\"\u003edata-via\u003d''  data-lang\u003d'en'\u003c/span\u003e\u0026gt;Tweet\u0026lt;/a\u0026gt;\u003c/span\u003e\n\u0026lt;b:if cond\u003d'data:post.isFirstPost'\u0026gt;\n\u003cspan class\u003d\"kwrd\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class\u003d\"html\"\u003escript\u003c/span\u003e \u003cspan class\u003d\"attr\"\u003etype\u003c/span\u003e\u003cspan class\u003d\"kwrd\"\u003e\u003d\"text/javascript\" src\u003d\"http://platform.twitter.com/widgets.js\"\u003c/span\u003e\u003cspan class\u003d\"kwrd\"\u003e\u0026gt;\u003c/span\u003e\n\u003cspan class\u003d\"kwrd\"\u003e\u0026lt;/\u003c/span\u003e\u003cspan class\u003d\"html\"\u003escript\u003c/span\u003e\u003cspan class\u003d\"kwrd\"\u003e\u0026gt;\u003c/span\u003e\n\u0026lt;/b:if\u0026gt;\n\u003cspan class\u003d\"kwrd\"\u003e\u0026lt;/\u003c/span\u003e\u003cspan class\u003d\"html\"\u003ediv\u003c/span\u003e\u003cspan class\u003d\"kwrd\"\u003e\u0026gt;\u003c/span\u003e\u003c/pre\u003e\n\u003c/div\u003e\n4.\u0026nbsp; Save your template. \n\n\u003cbr /\u003e\n5. Now you should see the twitter button near each of your blog posts. \n\n\u003cbr /\u003e\n\u003ch3\u003e\n\nEditable parameters\u003c/h3\u003e\n1.\u003cb\u003e float:left\u003c/b\u003e\u0026nbsp; - you can change this to\u003cb\u003e float:right\u003c/b\u003e if you need the button on the right side of the\u0026nbsp; post instead of on the left \u003cbr /\u003e\n2.\u003cb\u003edata-count\u003d'vertical'\u003c/b\u003e -\u0026nbsp; you can change this to \u003cb\u003edata-count\u003d'horizontal'\u003c/b\u003e or \u003cb\u003edata-count\u003d'none'\u003c/b\u003e \u003cbr /\u003e\n3.\u003cb\u003edata-via\u003d''\u003c/b\u003e\u0026nbsp; -\u0026nbsp; you can edit it with your twitter username. So if your twitter handle is \u003cb\u003ejohn\u003c/b\u003e, then change it to \u003cb\u003edata-via\u003d'john'\u003c/b\u003e \u003cbr /\u003e\n4. \u003cb\u003eAdding some extra text in the tweet\u003c/b\u003e – With the current code, the button will make a tweet with the title of the blog post. If you want to add some extra text to the tweet, change \u003cb\u003eexpr:data-text\u003d'data:post.title'\u003c/b\u003e to \n\n  \u003cbr /\u003e\n\u003cb\u003eexpr:data-text\u003d'\u0026amp;quot;\u003cspan style\u003d\"color: #004080;\"\u003eI am Reading: \u003c/span\u003e\u0026amp;quot;+data:post.title'\u0026nbsp;\u0026nbsp;\u0026nbsp; \u003c/b\u003eThis will append “I am Reading:” to the tweet :) \u003cbr /\u003e\n5.Recommend another twitter user -\u0026nbsp; \u003cb\u003edata-related\u003d'bloggerplugins:Tutorials and Widgets for Blogger'\u0026nbsp; \u003c/b\u003ehere\u003cb\u003e bloggerplugins \u003c/b\u003ecan be replaced with the twitter username that you want to recommend(don't use @)\u0026nbsp; and you can replace \u003cb\u003eTutorials and Widgets for Blogger\u003c/b\u003e with the a short description of the related account.\u003cbr /\u003e\n6.Change language – you can change \u003cb\u003edata-lang\u003d'en'\u003c/b\u003e with \u003cb\u003edata-lang\u003d'fr'\u003c/b\u003e or \u003cb\u003edata-lang\u003d'de'\u003c/b\u003e or \u003cb\u003edata-lang\u003d'es'\u003c/b\u003e or \u003cb\u003edata-lang\u003d'ja'\u003c/b\u003e\u0026nbsp;\u0026nbsp; . en,fr,de,es and ja stand for English,French,German,Spanish and Japanese respectively. \u003cbr /\u003e\nIf you want to display a simple Text link instead of the Button, then refer \u003ca href\u003d\"http://www.bloggerplugins.org/2010/08/tweet-this-text-link-for-blogger.html\" style\u003d\"text-decoration: underline;\" target\u003d\"_self\"\u003e\"Tweet This\" Text Link for Blogger\u003c/a\u003e\u003cbr /\u003e\n\u003ch3\u003e\n\n\u003cb\u003eDisplaying the Tweet Button on the Post Page Only \u003c/b\u003e\u003c/h3\u003e\nIf you want to display the Twitter button on the post page only, then wrap the code with conditional tags like (wrapping tags in green) \n\n\u003cbr /\u003e\n\u003cdiv class\u003d\"code\"\u003e\n\u003cpre class\u003d\"csharpcode\"\u003e\u003cspan style\u003d\"color: green;\"\u003e\u0026lt;b:if cond\u003d'data:blog.pageType \u003d\u003d \u0026amp;quot;item\u0026amp;quot;'\u0026gt;\u003c/span\u003e\n\u003cspan class\u003d\"kwrd\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class\u003d\"html\"\u003ediv\u003c/span\u003e \u003cspan class\u003d\"attr\"\u003estyle\u003c/span\u003e\u003cspan class\u003d\"kwrd\"\u003e\u003d\"\u003cspan style\u003d\"color: red;\"\u003efloat:left\u003c/span\u003e;padding:4px;\"\u003c/span\u003e\u003cspan class\u003d\"kwrd\"\u003e\u0026gt;\n\u0026lt;a href\u003d'http://twitter.com/share' rel\u003d'nofollow' class\u003d'twitter-share-button' expr:data-url\u003d'data:post.url' \u003cspan style\u003d\"color: red;\"\u003eexpr:data-text\u003d'data:post.title' data-related\u003d'bloggerplugins:Tutorials and Widgets for Blogger' data-count\u003d'vertical' data-lang\u003d'en'\u003c/span\u003e \u003cspan style\u003d\"color: red;\"\u003edata-via\u003d''\u003c/span\u003e\u0026gt;Tweet\u0026lt;/a\u0026gt;\u003c/span\u003e\n\u003cspan class\u003d\"kwrd\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class\u003d\"html\"\u003escript\u003c/span\u003e \u003cspan class\u003d\"attr\"\u003etype\u003c/span\u003e\u003cspan class\u003d\"kwrd\"\u003e\u003d\"text/javascript\" src\u003d\"http://platform.twitter.com/widgets.js\"\u003c/span\u003e\u003cspan class\u003d\"kwrd\"\u003e\u0026gt;\u003c/span\u003e\n\u003cspan class\u003d\"kwrd\"\u003e\u0026lt;/\u003c/span\u003e\u003cspan class\u003d\"html\"\u003escript\u003c/span\u003e\u003cspan class\u003d\"kwrd\"\u003e\u0026gt;\u003c/span\u003e\n\u003cspan class\u003d\"kwrd\"\u003e\u0026lt;/\u003c/span\u003e\u003cspan class\u003d\"html\"\u003ediv\u003c/span\u003e\u003cspan class\u003d\"kwrd\"\u003e\u0026gt;\u003c/span\u003e\n\u003cspan style\u003d\"color: green;\"\u003e\u0026lt;/b:if\u0026gt;\u003c/span\u003e\u003c/pre\u003e\n\u003c/div\u003e\n\u003ch3\u003e\n\nDemos\u003c/h3\u003e\n1.\u003cb\u003edata-count\u003d'vertical'\u003c/b\u003e \n\n\u003cbr /\u003e\n\u003ciframe allowtransparency\u003d\"allowtransparency\" class\u003d\"twitter-share-button twitter-count-vertical\" frameborder\u003d\"0\" scrolling\u003d\"no\" src\u003d\"http://platform0.twitter.com/widgets/tweet_button.html?_\u003d1281724725421\u0026amp;count\u003dvertical\u0026amp;lang\u003den\u0026amp;text\u003dOfficial%20Twitter%20Tweet%20Button%20for%20Blogger\u0026amp;url\u003dhttp%3A%2F%2Fwww.bloggerplugins.org%2F2010%2F08%2Ftwitter-share-buttons-for-blogger-tweet.html\u0026amp;via\u003dbloggerplugins\" style\u003d\"height: 62px; width: 55px;\"\u003e\u003c/iframe\u003e\u003cscript src\u003d\"http://platform.twitter.com/widgets.js\" type\u003d\"text/javascript\"\u003e\n\u003c/script\u003e\n\n\u003cbr /\u003e\n2.\u003cb\u003edata-count\u003d'horizontal'\u003c/b\u003e \n\n\u003cbr /\u003e\n\u003ciframe allowtransparency\u003d\"allowtransparency\" class\u003d\"twitter-share-button twitter-count-horizontal\" frameborder\u003d\"0\" scrolling\u003d\"no\" src\u003d\"http://platform0.twitter.com/widgets/tweet_button.html?_\u003d1281724725431\u0026amp;count\u003dhorizontal\u0026amp;lang\u003den\u0026amp;text\u003dOfficial%20Twitter%20Tweet%20Button%20for%20Blogger\u0026amp;url\u003dhttp%3A%2F%2Fwww.bloggerplugins.org%2F2010%2F08%2Ftwitter-share-buttons-for-blogger-tweet.html\u0026amp;via\u003dbloggerplugins\" style\u003d\"height: 20px; width: 110px;\"\u003e\u003c/iframe\u003e\u003cscript src\u003d\"http://platform.twitter.com/widgets.js\" type\u003d\"text/javascript\"\u003e\n\u003c/script\u003e\n\n\u003cbr /\u003e\n3.\u003cb\u003edata-count\u003d'none'\u003c/b\u003e \n\n\u003cbr /\u003e\n\u003ciframe allowtransparency\u003d\"allowtransparency\" class\u003d\"twitter-share-button twitter-count-none\" frameborder\u003d\"0\" scrolling\u003d\"no\" src\u003d\"http://platform0.twitter.com/widgets/tweet_button.html?_\u003d1281724725442\u0026amp;count\u003dnone\u0026amp;lang\u003den\u0026amp;text\u003dOfficial%20Twitter%20Tweet%20Button%20for%20Blogger\u0026amp;url\u003dhttp%3A%2F%2Fwww.bloggerplugins.org%2F2010%2F08%2Ftwitter-share-buttons-for-blogger-tweet.html\u0026amp;via\u003dbloggerplugins\" style\u003d\"height: 20px; width: 55px;\"\u003e\u003c/iframe\u003e\u003cscript src\u003d\"http://platform.twitter.com/widgets.js\" type\u003d\"text/javascript\"\u003e\n\u003c/script\u003e\n\n\u003cbr /\u003e\n\u003ch3\u003e\n\nSomething more about the Tweet Button\u003c/h3\u003e\n\u003cobject height\u003d\"344\" width\u003d\"425\"\u003e\u003cparam name\u003d\"movie\" value\u003d\"http://swf.tubechop.com/tubechop.swf?vurl\u003dLB0hrJ_ZZzc\u0026amp;start\u003d0\u0026amp;end\u003d62\u0026amp;cid\u003d84468\"\u003e\n\n\n\u003c/param\u003e\n\u003cembed src\u003d\"http://swf.tubechop.com/tubechop.swf?vurl\u003dLB0hrJ_ZZzc\u0026amp;start\u003d0\u0026amp;end\u003d62\u0026amp;cid\u003d84468\" type\u003d\"application/x-shockwave-flash\" allowfullscreen\u003d\"true\" width\u003d\"425\" height\u003d\"344\"\u003e\u003c/embed\u003e\u003c/object\u003e\u003cdiv class\u003d\"blogger-post-footer\"\u003e\u003cbr/\u003e\u003chr/\u003e\u003cfont color\u003d\"#333333\"\u003e\u003ci\u003eYou can use this article on your blog,but make sure that you link back to the original post page @ bloggerplugins.org. Article Licensed Under the Creative Commons Licensing Read - \u003ca rel\u003d\"nofollow\" href\u003d\"http://creativecommons.org/licenses/by-sa/2.5/in/\" target\u003d\"_blank\" title\u003d\"Creative Commons Licenses Attribution-SA 2.5\"\u003e\u003cfont color\u003d\"#333333\"\u003e[CC Licenses Attribution-SA 2.5]\u003c/font\u003e\u003c/a\u003e.\u003c/i\u003e\u003c/font\u003e\u003chr/\u003e\u003cimg width\u003d'1' height\u003d'1' src\u003d'https://blogger.googleusercontent.com/tracker/707079334502450236-253895124839585728?l\u003dwww.bloggerplugins.org' alt\u003d'' /\u003e\u003c/div\u003e"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http://www.bloggerplugins.org/feeds/253895124839585728/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http://www.bloggerplugins.org/2010/08/twitter-share-buttons-for-blogger-tweet.html#comment-form","title":"26 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/253895124839585728"},{"rel":"self","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/253895124839585728"},{"rel":"alternate","type":"text/html","href":"http://www.bloggerplugins.org/2010/08/twitter-share-buttons-for-blogger-tweet.html","title":"Official Twitter Share Button (Tweet Button) for Blogger"}],"author":[{"name":{"$t":"Aneesh"},"uri":{"$t":"http://www.blogger.com/profile/04518363055297434057"},"email":{"$t":"noreply@blogger.com"},"gd$extendedProperty":{"xmlns$gd":"http://schemas.google.com/g/2005","name":"OpenSocialUserId","value":"13961627232497682952"}}],"thr$total":{"$t":"26"}},{"id":{"$t":"tag:blogger.com,1999:blog-707079334502450236.post-5382533657982809849"},"published":{"$t":"2010-08-05T17:00:00.008+05:30"},"updated":{"$t":"2010-08-05T17:34:29.215+05:30"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Template Hacks"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogging Tips"}],"title":{"type":"text","$t":"Display Short URLs for Blogger Posts with Bit.ly"},"content":{"type":"html","$t":"\u003cimg class\u003d\"postthumb\" title\u003d\"short-urls-for-blogger-posts-with-bitly\" height\u003d\"250\" alt\u003d\"short-urls-for-blogger-posts-with-bitly\" src\u003d\"http://lh6.ggpht.com/_u4gySN2ZgqE/TFqgaOfzdTI/AAAAAAAABls/AU3zwtRV6eg/short-urls-for-blogger-posts-with-bitly%5B3%5D.jpg?imgmax\u003d800\" width\u003d\"250\" align\u003d\"left\" border\u003d\"0\" /\u003e   \u003cp\u003eHaving a Shorter Version of your Blog Post’s URL is much useful especially when sharing links with others. For example Take a look at this Link \u003ca title\u003d\"http://bit.ly/aJMJNI\" style\u003d\"text-decoration: underline\" href\u003d\"http://bit.ly/aJMJNI\" rel\u003d\"nofollow\"\u003ehttp://bit.ly/aJMJNI\u003c/a\u003e . If you visit that link, you will end up right back here. This URL shortening was done with the Help of the Bit.ly API. Bit.ly is one of the most reliable URL shortening services on the Web. Wordpress has got its own URL shortener namely WP.me. If you are interested in providing Short Sharable URLs of your Blogger Posts to your readers, then read on. Demo is present on the post page.\u003c/p\u003e \u003ca name\u003d'more'\u003e\u003c/a\u003e  \u003ch3\u003eTemplate Tweaking to Add the\u0026#160; Short URLs\u003c/h3\u003e  \u003col\u003e   \u003cli\u003eLogin to your Blogger Dashboard and navigate to Design \u0026gt; Edit HTML \u003c/li\u003e    \u003cli\u003eClick on the Check Box which says “Expand Widget Templates. \u003c/li\u003e    \u003cli\u003eLocate      \u003cbr /\u003e      \u003cpre class\u003d\"code\"\u003e\u0026lt;/head\u0026gt;\u003c/code\u003e\u003c/pre\u003e\nand add the following JavaScript Snippet just above that \n\n    \u003cpre class\u003d\"code\"\u003e\u0026lt;script charset\u003d'utf-8' src\u003d'http://bit.ly/javascript-api.js?version\u003dlatest\u0026amp;amp;login\u003d\u003cfont color\u003d\"#800000\" size\u003d\"3\"\u003e\u003cstrong\u003etweettrackjs\u003c/strong\u003e\u003c/font\u003e\u0026amp;amp;apiKey\u003d\u003cstrong\u003e\u003cfont color\u003d\"#800000\" size\u003d\"3\"\u003eR_7e9987b2fd13d7e4e881f9cbb168f523\u003c/font\u003e\u003c/strong\u003e' type\u003d'text/javascript'/\u0026gt;\n\u0026lt;script src\u003d'http://blogger-plugins.googlecode.com/files/bloggerplugins.org.bit.ly.short.url.generator.js' type\u003d'text/javascript'/\u0026gt;\u003c/pre\u003e\n  \u003c/li\u003e\n\n  \u003cli\u003eNow Locate \n    \u003cbr /\u003e\n\n    \u003cpre class\u003d\"code\"\u003e\u0026lt;p class\u003d'post-footer-line post-footer-line-3'\u0026gt;\u003c/pre\u003e\n\n    \u003cp\u003eOr if that is not there then find \u003c/p\u003e\n\n    \u003cpre class\u003d\"code\"\u003e\u0026lt;div class\u003d'post-footer-line post-footer-line-3'\u0026gt;\u003c/pre\u003e\n\n    \u003cp\u003eOr if that is not there then find \u003c/p\u003e\n\n    \u003cpre class\u003d\"code\"\u003e\u0026lt;data:post.body/\u0026gt;\u003c/pre\u003e\n\n    \u003cp\u003eand place the\u0026#160; following code\u0026#160; just below any of these lines[whichever is present in your template].\u003c/p\u003e\n\n    \u003cpre class\u003d\"code\"\u003e\u0026lt;div id\u003d'bp_shorturl'\u0026gt;\n\u0026lt;form expr:id\u003d'\u0026quot;bp_short_holder_\u0026quot; + data:post.id'/\u0026gt;\u0026lt;/div\u0026gt;\n\u0026lt;script type\u003d'text/javascript'\u0026gt;\nBloggerplugins_shortener.init(\u0026amp;quot;bp_short_holder_\u0026lt;data:post.id/\u0026gt;\u0026amp;quot;,\u0026amp;quot;\u0026lt;data:post.url/\u0026gt;\u0026amp;quot;)\n\u0026lt;/script\u0026gt;\u003c/pre\u003e\n  \u003c/li\u003e\n\u003c/ol\u003e\n\n\u003cp\u003eSave the changes and now you should See a Sharable Short URL below each of your posts .If you want to tweak further, then read on. \u003c/p\u003e\n\n\u003ch3\u003eOptional Tweaks\u003c/h3\u003e\n\n\u003cp\u003e\u003cstrong\u003e\u003cu\u003e1.Styling the Share Link\u003c/u\u003e\u003c/strong\u003e\u003c/p\u003e\n\n\u003cp\u003eLocate the following line in your template\u003c/p\u003e\n\n\u003cpre class\u003d\"code\"\u003e]]\u0026gt;\u0026lt;/b:skin\u0026gt; \u003c/pre\u003e\n\n\u003cp\u003eand just above that line add\u003c/p\u003e\n\n\u003cpre class\u003d\"code\"\u003e#bp_shorturl {\ncolor:#666;\nfont-size:11px\n}\n#bp_shorturl input {\ncolor:#999;\nborder:inset 1px #CDCDCD;\npadding:1px 5px;\n}\u003c/pre\u003e\n\n\u003cp\u003eand save.\u003c/p\u003e\n\n\u003cp\u003e\u003cstrong\u003e\u003cu\u003e2. Display the Short Link on Post Pages Only\u003c/u\u003e\u003c/strong\u003e\u003c/p\u003e\n\n\u003cp\u003eIf you want to restrict the Short URLs to your post pages, then wrap the codes mentioned in Steps 1 and 4 within Conditional tags like :\u003c/p\u003e\n\n\u003cpre class\u003d\"code\"\u003e\u003cfont color\u003d\"#ff0000\"\u003e\u0026lt;b:if cond\u003d'data:blog.pageType \u003d\u003d \u0026amp;quot;item\u0026amp;quot;'\u0026gt;\u003c/font\u003e\n\u0026lt;script charset\u003d'utf-8' src\u003d'http://bit.ly/javascript-api.js?version\u003dlatest\u0026amp;amp;login\u003d\u003cfont color\u003d\"#800000\" size\u003d\"3\"\u003e\u003cstrong\u003etweettrackjs\u003c/strong\u003e\u003c/font\u003e\u0026amp;amp;apiKey\u003d\u003cstrong\u003e\u003cfont color\u003d\"#800000\" size\u003d\"3\"\u003eR_7e9987b2fd13d7e4e881f9cbb168f523\u003c/font\u003e\u003c/strong\u003e' type\u003d'text/javascript'/\u0026gt;\n\u0026lt;script src\u003d'http://blogger-plugins.googlecode.com/files/bloggerplugins.org.bit.ly.short.url.generator.js' type\u003d'text/javascript'/\u0026gt;\n\u003cfont color\u003d\"#ff0000\"\u003e\u0026lt;/b:if\u0026gt;\u003c/font\u003e\u003c/pre\u003e\nand \n\n\u003cpre class\u003d\"code\"\u003e\u003cfont color\u003d\"#ff0000\"\u003e\u0026lt;b:if cond\u003d'data:blog.pageType \u003d\u003d \u0026amp;quot;item\u0026amp;quot;'\u0026gt;\u003c/font\u003e\n\u0026lt;div id\u003d'bp_shorturl'\u0026gt;\n\u0026lt;form expr:id\u003d'\u0026quot;bp_short_holder_\u0026quot; + data:post.id'/\u0026gt;\u0026lt;/div\u0026gt;\n\u0026lt;script type\u003d'text/javascript'\u0026gt;\nBloggerplugins_shortener.init(\u0026amp;quot;bp_short_holder_\u0026lt;data:post.id/\u0026gt;\u0026amp;quot;,\u0026amp;quot;\u0026lt;data:post.url/\u0026gt;\u0026amp;quot;)\n\u0026lt;/script\u0026gt;\n\u003cfont color\u003d\"#ff0000\"\u003e\u0026lt;/b:if\u0026gt;\u003c/font\u003e\u003c/pre\u003e\n\n\u003cp\u003e3. If you have your own Bit.Ly Login and API key, then you can replace them in the code of Step 1(\u003cfont color\u003d\"#800000\"\u003e\u003cstrong\u003etweettrackjs\u003c/strong\u003e\u003c/font\u003e and \u003cstrong\u003e\u003cfont color\u003d\"#800000\"\u003eR_7e9987b2fd13d7e4e881f9cbb168f523\u003c/font\u003e\u003c/strong\u003e). Its free to signup and it is advised to use your own login and API because too many API calls on the same login can create an \u003cstrong\u003eundefined\u003c/strong\u003e error\u003c/p\u003e\n\u003c!--INFOLINKS_OFF--\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cfont size\u003d\"4\"\u003eDemo: \u003c/font\u003e\u003c/strong\u003e(wont appear if you are reading this in a a feed reader or else where)\u003c/p\u003e\n\u003cscript charset\u003d\"utf-8\" src\u003d\"http://bit.ly/javascript-api.js?version\u003dlatest\u0026amp;login\u003dtweettrackjs\u0026amp;apiKey\u003dR_7e9987b2fd13d7e4e881f9cbb168f523\" type\u003d\"text/javascript\"\u003e\u003c/script\u003e\u003cscript src\u003d\"http://blogger-plugins.googlecode.com/files/bloggerplugins.org.bit.ly.short.url.generator.js\" type\u003d\"text/javascript\"\u003e\u003c/script\u003e\n\n\u003cdiv id\u003d\"bp_shorturl\"\u003e\u003cform id\u003d\"bp_short_holder_aneesh\"\u003eShare this: \u003cinput /\u003e\u003c/form\u003e\u003cscript type\u003d'text/javascript'\u003e\nBloggerplugins_shortener.init(\"bp_short_holder_aneesh\",\"http://www.bloggerplugins.org/2010/08/short-urls-for-blogger-posts-with-bitly.html\");\n\u003c/script\u003e\u003c/div\u003e\n\u003cp\u003e\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\n\u003c!--INFOLINKS_ON--\u003e\u003cdiv class\u003d\"blogger-post-footer\"\u003e\u003cbr/\u003e\u003chr/\u003e\u003cfont color\u003d\"#333333\"\u003e\u003ci\u003eYou can use this article on your blog,but make sure that you link back to the original post page @ bloggerplugins.org. Article Licensed Under the Creative Commons Licensing Read - \u003ca rel\u003d\"nofollow\" href\u003d\"http://creativecommons.org/licenses/by-sa/2.5/in/\" target\u003d\"_blank\" title\u003d\"Creative Commons Licenses Attribution-SA 2.5\"\u003e\u003cfont color\u003d\"#333333\"\u003e[CC Licenses Attribution-SA 2.5]\u003c/font\u003e\u003c/a\u003e.\u003c/i\u003e\u003c/font\u003e\u003chr/\u003e\u003cimg width\u003d'1' height\u003d'1' src\u003d'https://blogger.googleusercontent.com/tracker/707079334502450236-5382533657982809849?l\u003dwww.bloggerplugins.org' alt\u003d'' /\u003e\u003c/div\u003e"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http://www.bloggerplugins.org/feeds/5382533657982809849/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http://www.bloggerplugins.org/2010/08/short-urls-for-blogger-posts-with-bitly.html#comment-form","title":"11 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/5382533657982809849"},{"rel":"self","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/5382533657982809849"},{"rel":"alternate","type":"text/html","href":"http://www.bloggerplugins.org/2010/08/short-urls-for-blogger-posts-with-bitly.html","title":"Display Short URLs for Blogger Posts with Bit.ly"}],"author":[{"name":{"$t":"Aneesh"},"uri":{"$t":"http://www.blogger.com/profile/04518363055297434057"},"email":{"$t":"noreply@blogger.com"},"gd$extendedProperty":{"xmlns$gd":"http://schemas.google.com/g/2005","name":"OpenSocialUserId","value":"13961627232497682952"}}],"thr$total":{"$t":"11"}},{"id":{"$t":"tag:blogger.com,1999:blog-707079334502450236.post-3979856154849109407"},"published":{"$t":"2010-08-01T02:18:00.009+05:30"},"updated":{"$t":"2010-08-01T02:29:50.745+05:30"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogging Tips"}],"title":{"type":"text","$t":"Set  your photo as  background image of Blog"},"content":{"type":"html","$t":"\u003cimg class\u003d\"postthumb\" align\u003d\"left\" src\u003d\"http://4.bp.blogspot.com/_u4gySN2ZgqE/TFSNa5CW0KI/AAAAAAAABlk/abzBF2M_vdk/s320/background.jpg\" /\u003e\nIt has been almost 5 months since blogger released the Template Design Tool. Blogger is working on adding more and more features to this innovative Design Tool. The design Tool allows you to change the Blog Background in a few Clicks.Blogger has got a huge collection of images from iStockPhotos which you can use on your blog. Blogger has now gone a step further by allowing users to Upload their on photos and use it as the Blog Background. This feature is not available on your Regular Dashboard..\u003cbr /\u003e\n\u003ca name\u003d'more'\u003e\u003c/a\u003e\u003ch3\u003e\n\n\n\n\nHow to use your Photo for the Blog Background?\u003c/h3\u003e\n\u003cb\u003e\u003cu\u003e\u003cspan style\u003d\"font-size: medium;\"\u003eRequirement\u003c/span\u003e\u003c/u\u003e\u003c/b\u003e\u003cbr /\u003e\n\u003col\u003e\n\u003cli\u003eYou should be using a Template Designed using the \u003ca href\u003d\"http://www.bloggerplugins.org/2010/03/blogger-launches-new-template-designer.html\" style\u003d\"text-decoration: underline;\" target\u003d\"_blank\"\u003eBlogger Template Designer\u003c/a\u003e \u003c/li\u003e\n\u003c/ol\u003e\nThe Background may not look good on all of the Templates in the Template Designer\u003cbr /\u003e\n\u003cu\u003e\u003cb\u003e\u003cspan style\u003d\"font-size: small;\"\u003eSteps\u003c/span\u003e\u003c/b\u003e\u003c/u\u003e\u003cbr /\u003e\n1.Login to your Blogger in Draft Dashboard at \u003ca href\u003d\"http://draft.blogger.com/\" rel\u003d\"license\" style\u003d\"text-decoration: underline;\" target\u003d\"_blank\"\u003ehttp://draft.blogger .com\u003c/a\u003e \u003cbr /\u003e\n2. Go to the Design Link\u0026nbsp; and Click on the Template Designer\u003cbr /\u003e\n\u003cimg alt\u003d\"image\" border\u003d\"0\" height\u003d\"161\" src\u003d\"http://lh5.ggpht.com/_u4gySN2ZgqE/TFSKsLKA-tI/AAAAAAAABlQ/b3JBZa47ovU/image%5B5%5D.png?imgmax\u003d800\" style\u003d\"border-width: 0px; display: inline;\" title\u003d\"image\" width\u003d\"464\" /\u003e \u003cbr /\u003e\n3. Click on \u003cb\u003eBackground Image\u003c/b\u003e under the\u003cb\u003e Background\u003c/b\u003e Tab\u003cbr /\u003e\n\u003cimg alt\u003d\"image\" border\u003d\"0\" height\u003d\"276\" src\u003d\"http://lh3.ggpht.com/_u4gySN2ZgqE/TFSKs_Hf38I/AAAAAAAABlU/s3Cc3vlRKAQ/image%5B8%5D.png?imgmax\u003d800\" style\u003d\"border-width: 0px; display: inline;\" title\u003d\"image\" width\u003d\"517\" /\u003e \u003cbr /\u003e\n3. In the Overlay Window you can upload your own Image\u003cbr /\u003e\n\u003cimg alt\u003d\"image\" border\u003d\"0\" height\u003d\"460\" src\u003d\"http://lh4.ggpht.com/_u4gySN2ZgqE/TFSKt7qw5-I/AAAAAAAABlY/lESEAFJfmuo/image%5B11%5D.png?imgmax\u003d800\" style\u003d\"border-width: 0px; display: inline;\" title\u003d\"image\" width\u003d\"559\" height\u003d\"400\"/\u003e \u003cbr /\u003e\n4. Once the upload completes, click on the uploaded image and you will be able to see a live preview\u003cimg alt\u003d\"image\" border\u003d\"0\" height\u003d\"457\" src\u003d\"http://lh3.ggpht.com/_u4gySN2ZgqE/TFSKu0lzRMI/AAAAAAAABlc/dKbGsOI4iY0/image%5B17%5D.png?imgmax\u003d800\" style\u003d\"border-width: 0px; display: inline;\" title\u003d\"image\" width\u003d\"563\"  height\u003d\"400\"/\u003e \u003cbr /\u003e\n5. Click Done and Apply these Changes to the blog.\u003cbr /\u003e\n\u003cimg alt\u003d\"image\" border\u003d\"0\" height\u003d\"71\" src\u003d\"http://lh6.ggpht.com/_u4gySN2ZgqE/TFSKvWhcHNI/AAAAAAAABlg/Yw5zUnEEaVs/image%5B23%5D.png?imgmax\u003d800\" style\u003d\"border: 0px none; display: inline;\" title\u003d\"image\" width\u003d\"388\" /\u003e\u003cdiv class\u003d\"blogger-post-footer\"\u003e\u003cbr/\u003e\u003chr/\u003e\u003cfont color\u003d\"#333333\"\u003e\u003ci\u003eYou can use this article on your blog,but make sure that you link back to the original post page @ bloggerplugins.org. Article Licensed Under the Creative Commons Licensing Read - \u003ca rel\u003d\"nofollow\" href\u003d\"http://creativecommons.org/licenses/by-sa/2.5/in/\" target\u003d\"_blank\" title\u003d\"Creative Commons Licenses Attribution-SA 2.5\"\u003e\u003cfont color\u003d\"#333333\"\u003e[CC Licenses Attribution-SA 2.5]\u003c/font\u003e\u003c/a\u003e.\u003c/i\u003e\u003c/font\u003e\u003chr/\u003e\u003cimg width\u003d'1' height\u003d'1' src\u003d'https://blogger.googleusercontent.com/tracker/707079334502450236-3979856154849109407?l\u003dwww.bloggerplugins.org' alt\u003d'' /\u003e\u003c/div\u003e"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http://www.bloggerplugins.org/feeds/3979856154849109407/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http://www.bloggerplugins.org/2010/08/set-photo-as-background-image-of-blog.html#comment-form","title":"22 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/3979856154849109407"},{"rel":"self","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/3979856154849109407"},{"rel":"alternate","type":"text/html","href":"http://www.bloggerplugins.org/2010/08/set-photo-as-background-image-of-blog.html","title":"Set  your photo as  background image of Blog"}],"author":[{"name":{"$t":"Aneesh"},"uri":{"$t":"http://www.blogger.com/profile/04518363055297434057"},"email":{"$t":"noreply@blogger.com"},"gd$extendedProperty":{"xmlns$gd":"http://schemas.google.com/g/2005","name":"OpenSocialUserId","value":"13961627232497682952"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http://4.bp.blogspot.com/_u4gySN2ZgqE/TFSNa5CW0KI/AAAAAAAABlk/abzBF2M_vdk/s72-c/background.jpg","height":"72","width":"72"},"thr$total":{"$t":"22"}},{"id":{"$t":"tag:blogger.com,1999:blog-707079334502450236.post-2176908805690672502"},"published":{"$t":"2010-07-04T11:25:00.001+05:30"},"updated":{"$t":"2010-07-04T11:25:07.606+05:30"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogging Tips"}],"title":{"type":"text","$t":"Blogger Stats on your Blogger Dashboard"},"content":{"type":"html","$t":"\u003cp\u003e\u003cimg class\u003d\"postthumb\" title\u003d\"blogger-statistics\" height\u003d\"250\" alt\u003d\"Blogger Stats\" src\u003d\"http://lh6.ggpht.com/_u4gySN2ZgqE/TDAiIkTfxFI/AAAAAAAABjM/VW66goNIdB8/blogger-statistics%5B3%5D.jpg?imgmax\u003d800\" width\u003d\"250\" align\u003d\"left\" border\u003d\"0\" /\u003e Many of you might have been using Google analytics or some third party tracking scripts for monitoring your blog statistics. Now blogger has made it much easier for you. You can now get the stats right in your dashboard without adding any extra widgets or codes to your template. This feature is not yet available on your regular dashboard. This is only available on the Blogger in Draft Dashboard.\u003c/p\u003e \u003ca name\u003d'more'\u003e\u003c/a\u003e  \u003cblockquote\u003e   \u003cp\u003e“The coolest thing about the new Blogger Stats is that it monitors and analyzes your visitor traffic in near-real-time. You can see which posts are getting the most visits and which sites are sending traffic to your blog right now. For example, if a reader shares one of your blog posts on Twitter and the post is getting lots of clicks, you will see a traffic increase in Blogger Stats almost instantly, with the particular Tweet mentioning your post being identified as the traffic source. Of course, traffic data across longer time periods (day/week/month) and all-time historical data are available as well.”\u003c/p\u003e    \u003cp\u003eSource : (Official blogger in Draft Blog)\u003c/p\u003e \u003c/blockquote\u003e  \u003cp\u003eThe stats will keep track of the popular keywords,countries where the visitors come from,web browsers used by the visitors and lots more. \u003c/p\u003e  \u003cblockquote\u003e   \u003cp\u003e“Note that the page view data in Blogger Stats and in Google Analytics may not be identical, due to different collection mechanisms used. Also, Blogger Stats do not support private blogs for now.”\u003c/p\u003e    \u003cp\u003eSource : (Official blogger in Draft Blog)\u003c/p\u003e \u003c/blockquote\u003e  \u003ch3\u003eHow to See My Blog Stats?\u003c/h3\u003e  \u003col\u003e   \u003cli\u003eBlogger Stats is Currently available on the Blogger in Draft Dashboard only. So login at \u003ca style\u003d\"text-decoration: underline\" href\u003d\"http://draft.blogger.com\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003ehttp://draft.blogger.com\u003c/a\u003e \u003c/li\u003e    \u003cli\u003eNow Click on the Stats Link Next to your Blog      \u003cdiv\u003e\u003cimg title\u003d\"image\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"187\" alt\u003d\"image\" src\u003d\"http://lh4.ggpht.com/_u4gySN2ZgqE/TDAiJzk4sxI/AAAAAAAABjQ/PqMEO8laBAk/image%5B9%5D.png?imgmax\u003d800\" width\u003d\"554\" border\u003d\"0\" /\u003e\u003c/div\u003e   \u003c/li\u003e \u003c/ol\u003e  \u003cp\u003eHere are the Screen shots of the different Tabs of Blogger Stats For the “Last Day” with the figures shaded out :)\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"blogger-stats-1\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"424\" alt\u003d\"blogger-stats-1\" src\u003d\"http://lh3.ggpht.com/_u4gySN2ZgqE/TDAiKwaj-nI/AAAAAAAABjU/cleVbi9xOtU/blogger-stats-1%5B7%5D.jpg?imgmax\u003d800\" width\u003d\"554\" border\u003d\"0\" /\u003e\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"blogger-stats-2\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"252\" alt\u003d\"blogger-stats-2\" src\u003d\"http://lh3.ggpht.com/_u4gySN2ZgqE/TDAiL1mDpsI/AAAAAAAABjY/nZhXZBtSU8k/blogger-stats-2%5B6%5D.jpg?imgmax\u003d800\" width\u003d\"554\" border\u003d\"0\" /\u003e\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"blogger-stats-3\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"308\" alt\u003d\"blogger-stats-3\" src\u003d\"http://lh3.ggpht.com/_u4gySN2ZgqE/TDAiNiOcUUI/AAAAAAAABjc/rJQ1rdPxe3M/blogger-stats-3%5B6%5D.jpg?imgmax\u003d800\" width\u003d\"554\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"blogger-stats-4\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"358\" alt\u003d\"blogger-stats-4\" src\u003d\"http://lh6.ggpht.com/_u4gySN2ZgqE/TDAiOcv0uBI/AAAAAAAABjg/-qrIW3d1z7M/blogger-stats-4%5B5%5D.jpg?imgmax\u003d800\" width\u003d\"554\" border\u003d\"0\" /\u003e\u003c/p\u003e  \u003cdiv class\u003d\"blogger-post-footer\"\u003e\u003cbr/\u003e\u003chr/\u003e\u003cfont color\u003d\"#333333\"\u003e\u003ci\u003eYou can use this article on your blog,but make sure that you link back to the original post page @ bloggerplugins.org. Article Licensed Under the Creative Commons Licensing Read - \u003ca rel\u003d\"nofollow\" href\u003d\"http://creativecommons.org/licenses/by-sa/2.5/in/\" target\u003d\"_blank\" title\u003d\"Creative Commons Licenses Attribution-SA 2.5\"\u003e\u003cfont color\u003d\"#333333\"\u003e[CC Licenses Attribution-SA 2.5]\u003c/font\u003e\u003c/a\u003e.\u003c/i\u003e\u003c/font\u003e\u003chr/\u003e\u003cimg width\u003d'1' height\u003d'1' src\u003d'https://blogger.googleusercontent.com/tracker/707079334502450236-2176908805690672502?l\u003dwww.bloggerplugins.org' alt\u003d'' /\u003e\u003c/div\u003e"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http://www.bloggerplugins.org/feeds/2176908805690672502/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http://www.bloggerplugins.org/2010/07/blogger-stats-on-your-blogger-dashboard.html#comment-form","title":"52 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/2176908805690672502"},{"rel":"self","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/2176908805690672502"},{"rel":"alternate","type":"text/html","href":"http://www.bloggerplugins.org/2010/07/blogger-stats-on-your-blogger-dashboard.html","title":"Blogger Stats on your Blogger Dashboard"}],"author":[{"name":{"$t":"Aneesh"},"uri":{"$t":"http://www.blogger.com/profile/04518363055297434057"},"email":{"$t":"noreply@blogger.com"},"gd$extendedProperty":{"xmlns$gd":"http://schemas.google.com/g/2005","name":"OpenSocialUserId","value":"13961627232497682952"}}],"thr$total":{"$t":"52"}},{"id":{"$t":"tag:blogger.com,1999:blog-707079334502450236.post-8477696338422191833"},"published":{"$t":"2010-06-19T13:31:00.001+05:30"},"updated":{"$t":"2010-08-07T09:57:24.701+05:30"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Template Hacks"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogging Tips"}],"title":{"type":"text","$t":"Official Sharing Buttons on Blogger"},"content":{"type":"html","$t":"\u003cimg class\u003d\"postthumb\" title\u003d\"image\" alt\u003d\"image\" src\u003d\"http://lh4.ggpht.com/_u4gySN2ZgqE/TBx5bV02TMI/AAAAAAAABiM/Ad4mCCEqZFw/image%5B9%5D.png?imgmax\u003d800\" width\u003d\"250\" align\u003d\"left\" border\u003d\"0\" /\u003e   \u003cp\u003eBlogger has been rolling out new features to improve the looks and usability of the blogs. Blogger is now testing out a new Social Sharing icon set consisting of Email, Blogger,Twitter(with \u003cstrong\u003egoo.gl\u003c/strong\u003e shortener),Facebook and Google buzz buttons. The set looks simple and elegant with some cool mouse over effects. These Sharing buttons are now available in your regular dashboard.If you need to take a peek at these new sharing icons, then take a look at my post page(and try sharing it :P ).\u003c/p\u003e \u003ca name\u003d'more'\u003e\u003c/a\u003e  \u003cp\u003eYou are still reading. So\u0026#160; i guess that you are really interested in implementing these Sharing buttons on your Blogger Blog.\u003c/p\u003e  \u003cp\u003eThen don’t wait. Just follow these simple steps\u003c/p\u003e  \u003col\u003e   \u003cli\u003eLogin to Your Blogger Dashboard \u003c/li\u003e    \u003cli\u003eGo to \u003cstrong\u003eDesign\u003c/strong\u003e \u0026gt; \u003cstrong\u003ePage Elements\u003c/strong\u003e and Click on the\u003cstrong\u003e Edit\u003c/strong\u003e Button near the Blog Posts Gadget and check the “Show Share Buttons” Option\u003cimg style\u003d\"margin: 5px 0px 15px\" src\u003d\"http://4.bp.blogspot.com/_pEySW06zZgc/TCRCjBphUjI/AAAAAAAAAFw/gSySbf67xl0/s400/Screen+shot+2010-06-24+at+4.37.05+PM.png\" /\u003e \u003cimg title\u003d\"image\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"226\" alt\u003d\"image\" src\u003d\"http://lh5.ggpht.com/_u4gySN2ZgqE/TBx5cfULlgI/AAAAAAAABiQ/qzEg0zu9au8/image%5B2%5D.png?imgmax\u003d800\" width\u003d\"360\" border\u003d\"0\" /\u003e \u003c/li\u003e    \u003cli\u003eYou can Drag and Drop the Share buttons and place it where you want.\u003cimg title\u003d\"image\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"317\" alt\u003d\"image\" src\u003d\"http://lh3.ggpht.com/_u4gySN2ZgqE/TBx5dI9yM_I/AAAAAAAABiU/9M-yE47ZeL8/image%5B5%5D.png?imgmax\u003d800\" width\u003d\"489\" border\u003d\"0\" /\u003e \u003c/li\u003e    \u003cli\u003eNow if everything went right, then you should be able to see the Share buttons on your Blog. If not then read on. :) \u003c/li\u003e    \u003cli\u003eIf it didn’t appear then don’t worry, That is because you are having a modded template. Just Go to the \u003cstrong\u003eEdit HTML\u003c/strong\u003e page under the \u003cstrong\u003eDesign\u003c/strong\u003e Tab , Check the “\u003cem\u003eExpand Widget Templates\u003c/em\u003e”\u0026#160; Option and locate \u003c!--INFOLINKS_OFF--\u003e      \u003cpre class\u003d\"code\"\u003e\u0026lt;p class\u003d'post-footer-line post-footer-line-3'\u0026gt;\u003c/pre\u003e\n\u003c!--INFOLINKS_ON--\u003e\n\n    \u003cp\u003eOr if that is not there then find \u003c/p\u003e\n\u003c!--INFOLINKS_OFF--\u003e\n\n    \u003cpre class\u003d\"code\"\u003e\u0026lt;div class\u003d'post-footer-line post-footer-line-3'\u0026gt;\u003c/pre\u003e\n\u003c!--INFOLINKS_ON--\u003e\n\n    \u003cp\u003eOr if that is not there then find \u003c/p\u003e\n\u003c!--INFOLINKS_OFF--\u003e\n\n    \u003cpre class\u003d\"code\"\u003e\u0026lt;data:post.body/\u0026gt;\u003c/pre\u003e\n\u003c!--INFOLINKS_ON--\u003e\n\n    \u003cp\u003eand place the\u0026#160; following code\u0026#160; just below any of these lines[whichever is present in your template].\u003c/p\u003e\n\u003c!--INFOLINKS_OFF--\u003e\n\n    \u003cpre class\u003d\"code\"\u003e\u0026lt;div class\u003d'post-share-buttons'\u0026gt;\n   \u0026lt;b:include data\u003d'post' name\u003d'shareButtons'/\u0026gt;\n\u0026lt;/div\u0026gt;\u003c/pre\u003e\n\u003c!--INFOLINKS_ON--\u003eand \u003cstrong\u003eSave\u003c/strong\u003e your template. \u003c/li\u003e\n\u003c/ol\u003e\n\n\u003cp\u003e\u0026#160;\u003c/p\u003e\n\n\u003ch3\u003eOptional Tweaks\u003c/h3\u003e\n\n\u003col\u003e\n  \u003cli\u003e\u003cstrong\u003eShow the Sharing Buttons on Post pages only\u003c/strong\u003e - Find the Following Code in your template \n\n    \u003cp\u003e\u003c/p\u003e\n\u003c!--INFOLINKS_OFF--\u003e\n\n    \u003cpre class\u003d\"code\"\u003e\u0026lt;div class\u003d'post-share-buttons'\u0026gt;\n   \u0026lt;b:include data\u003d'post' name\u003d'shareButtons'/\u0026gt;\n\u0026lt;/div\u0026gt;\u003c/pre\u003e\n\u003c!--INFOLINKS_ON--\u003eand wrap it within conditional tags as \u003c!--INFOLINKS_OFF--\u003e\n\n    \u003cpre class\u003d\"code\"\u003e\u003cfont color\u003d\"#ff0000\"\u003e\u0026lt;b:if cond\u003d'data:blog.pageType \u003d\u003d \u0026amp;quot;item\u0026amp;quot;'\u0026gt;\u003c/font\u003e\n\u0026lt;div class\u003d'post-share-buttons'\u0026gt;\n   \u0026lt;b:include data\u003d'post' name\u003d'shareButtons'/\u0026gt;\n\u0026lt;/div\u0026gt;\n\u003cfont color\u003d\"#ff0000\"\u003e\u0026lt;/b:if\u0026gt;\u003c/font\u003e\u003c/pre\u003e\n\u003c!--INFOLINKS_ON--\u003e\u003c/li\u003e\n\n  \u003cli\u003e\u003cstrong\u003eHide Some of the Sharing Buttons\u003c/strong\u003e – If you want you can hide some of these buttons using CSS. For example to hide the Blogger sharing button, add the following code above\u0026#160; \u003cstrong\u003e]]\u0026gt;\u0026lt;/b:skin\u0026gt;\u003c/strong\u003e\u0026#160; in your template \u003c!--INFOLINKS_OFF--\u003e\n\n    \u003cpre class\u003d\"code\"\u003e.sb-blog{display:none}\u003c/pre\u003e\n\u003c!--INFOLINKS_ON--\u003e\n\n    \u003cp\u003esb-email , sb-twitter, sb-facebook, sb-buzz and sb-blog are the different Button Classes. If you hide the mail or\u0026#160; buzz buttons, then it might look a little bad as these have rounded edges,\u003c/p\u003e\n  \u003c/li\u003e\n\n  \u003cli\u003e\n    \u003cp\u003eHow to add the text “\u003cstrong\u003eShare this:\u003c/strong\u003e” before the Share Buttons? – This was one of the questions asked in the comments.So here is how to do it.Go to \u003cstrong\u003eDesign\u003c/strong\u003e \u0026gt; \u003cstrong\u003eEdit HTML\u003c/strong\u003e and “Expand Widget Templates”.Look for \n\n      \u003cbr /\u003e\u003c/p\u003e\n\u003c!--INFOLINKS_OFF--\u003e\n\n    \u003cpre class\u003d\"code\"\u003e\u0026lt;b:if cond\u003d'data:post.sharePostUrl'\u0026gt;\u003c/pre\u003e\n\u003c!--INFOLINKS_ON--\u003eJust below that add \n\n    \u003cbr /\u003e\u003c!--INFOLINKS_OFF--\u003e\n\n    \u003cpre class\u003d\"code\"\u003e\u0026lt;table border\u003d'0'\u0026gt;\u0026lt;tr\u0026gt;\u0026lt;td\u0026gt;\u0026lt;b\u0026gt;\u003cstrong\u003e\u003cfont face\u003d\"Microsoft Sans Serif\" color\u003d\"#ff0000\" size\u003d\"2\"\u003eShare this :\u003c/font\u003e\u003c/strong\u003e \u0026lt;/b\u0026gt;\u0026lt;/td\u0026gt;\u0026lt;td\u0026gt;\u003c/pre\u003e\n\u003c!--INFOLINKS_ON--\u003eNow Look for the first occurrence of\u0026#160;\u0026#160; \u003c!--INFOLINKS_OFF--\u003e\n\n    \u003cpre class\u003d\"code\"\u003e\u0026lt;/b:if\u0026gt;\u003c/pre\u003e\n\u003c!--INFOLINKS_ON--\u003ethat comes after that. Just above that add \u003c!--INFOLINKS_OFF--\u003e\n\n    \u003cpre class\u003d\"code\"\u003e\u0026lt;/td\u0026gt;\u0026lt;/tr\u0026gt;\u0026lt;/table\u0026gt;\u003c/pre\u003e\n\u003c!--INFOLINKS_ON--\u003e\u003c/li\u003e\n\u003c/ol\u003e\n\n\u003cp\u003eGot into Trouble with implementing the sharing buttons? Ok leave a comment here and i will try to help you out. :)\u003c/p\u003e  \u003cdiv class\u003d\"blogger-post-footer\"\u003e\u003cbr/\u003e\u003chr/\u003e\u003cfont color\u003d\"#333333\"\u003e\u003ci\u003eYou can use this article on your blog,but make sure that you link back to the original post page @ bloggerplugins.org. Article Licensed Under the Creative Commons Licensing Read - \u003ca rel\u003d\"nofollow\" href\u003d\"http://creativecommons.org/licenses/by-sa/2.5/in/\" target\u003d\"_blank\" title\u003d\"Creative Commons Licenses Attribution-SA 2.5\"\u003e\u003cfont color\u003d\"#333333\"\u003e[CC Licenses Attribution-SA 2.5]\u003c/font\u003e\u003c/a\u003e.\u003c/i\u003e\u003c/font\u003e\u003chr/\u003e\u003cimg width\u003d'1' height\u003d'1' src\u003d'https://blogger.googleusercontent.com/tracker/707079334502450236-8477696338422191833?l\u003dwww.bloggerplugins.org' alt\u003d'' /\u003e\u003c/div\u003e"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http://www.bloggerplugins.org/feeds/8477696338422191833/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http://www.bloggerplugins.org/2010/06/official-sharing-buttons-on-blogger.html#comment-form","title":"165 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/8477696338422191833"},{"rel":"self","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/8477696338422191833"},{"rel":"alternate","type":"text/html","href":"http://www.bloggerplugins.org/2010/06/official-sharing-buttons-on-blogger.html","title":"Official Sharing Buttons on Blogger"}],"author":[{"name":{"$t":"Aneesh"},"uri":{"$t":"http://www.blogger.com/profile/04518363055297434057"},"email":{"$t":"noreply@blogger.com"},"gd$extendedProperty":{"xmlns$gd":"http://schemas.google.com/g/2005","name":"OpenSocialUserId","value":"13961627232497682952"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http://4.bp.blogspot.com/_pEySW06zZgc/TCRCjBphUjI/AAAAAAAAAFw/gSySbf67xl0/s72-c/Screen+shot+2010-06-24+at+4.37.05+PM.png","height":"72","width":"72"},"thr$total":{"$t":"165"}},{"id":{"$t":"tag:blogger.com,1999:blog-707079334502450236.post-1987788901522971533"},"published":{"$t":"2010-05-22T11:23:00.001+05:30"},"updated":{"$t":"2010-06-19T13:38:50.525+05:30"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogging Tips"}],"title":{"type":"text","$t":"How to Add Custom Fonts to Blogger"},"content":{"type":"html","$t":"\u003cimg class\u003d\"postthumb\" title\u003d\"image\" alt\u003d\"image\" src\u003d\"http://lh4.ggpht.com/_u4gySN2ZgqE/S_dxJ88tGYI/AAAAAAAABhk/TvnS0HwzHdA/image%5B39%5D.png?imgmax\u003d800\" align\u003d\"left\" /\u003e   \u003cp\u003eAdding Custom Fonts to Blogger can improve the look and feel of your blog. Before getting into font embedding lets know how this works. \u003c/p\u003e  \u003cp\u003eIn your templates you can use any font you want, but these would be properly displayed only if the viewer has those fonts installed on his/her System. \u003c/p\u003e  \u003cp\u003eFont embedding Techniques allows you to use any font on your Blog and these fonts will be viewable to the viewers even if they don’t have the font installed on their Systems.\u003c/p\u003e \u003ca name\u003d'more'\u003e\u003c/a\u003e  \u003cp\u003e@font-face is the\u0026#160; best Font Embedding technique in my opinion but it wont\u0026#160; easily work with\u0026#160; externally uploaded fonts unless the server has special Access Control Headers for your blog .(blogger wont allow you to upload the font to it’s servers :P ) So here are certain simple alternative\u0026#160; methods to add custom fonts to your blog. These are listed out in an order of my preference \u003c/p\u003e  \u003col\u003e   \u003cli\u003e\u003ca style\u003d\"text-decoration: underline\" href\u003d\"#google\"\u003eGoogle Font API\u003c/a\u003e \u003c/li\u003e    \u003cli\u003e\u003ca style\u003d\"text-decoration: underline\" href\u003d\"#kernest\"\u003eKernest Font API\u003c/a\u003e \u003c/li\u003e    \u003cli\u003e\u003ca style\u003d\"text-decoration: underline\" href\u003d\"#cufon\"\u003eCufon JavaScript Font Embedding\u003c/a\u003e \u003c/li\u003e \u003c/ol\u003e \u003ca name\u003d\"google\"\u003e\u003c/a\u003e  \u003ch3\u003e1. Google Fonts API.\u003c/h3\u003e  \u003cp\u003eThis is the best and robust method to add custom fonts to your blogger blog. It uses the @font-face technique but you needn’t worry about the backend things. You can see a list of available Fonts at the \u003ca style\u003d\"text-decoration: underline\" href\u003d\"http://code.google.com/webfonts\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003eGoogle Font Directory\u003c/a\u003e . \u003c/p\u003e  \u003cp\u003eWhen you select a particular Font, Google will provide you with the Embed Code which looks like\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"image\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"230\" alt\u003d\"image\" src\u003d\"http://lh6.ggpht.com/_u4gySN2ZgqE/S_dxLXPhiiI/AAAAAAAABho/M9Yr6-SetHk/image%5B3%5D.png?imgmax\u003d800\" width\u003d\"594\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cpre class\u003d\"code\"\u003e\u0026lt;link href\u003d'http://fonts.googleapis.com/css?family\u003d\u003cstrong\u003eFontName\u003c/strong\u003e' rel\u003d'stylesheet' type\u003d'text/css'\u0026gt;\u003c/pre\u003e\n\n\u003cp\u003eCopy out this code and you have to modify it by changing \u003cstrong\u003e\u0026gt;\u003c/strong\u003e at the end of the code\u003cstrong\u003e \u003c/strong\u003eto \u003cstrong\u003e/\u0026gt;\u003c/strong\u003e\u003c/p\u003e\n\n\u003cp\u003eThat is you have to change the code to something like\u003c/p\u003e\n\n\u003cpre class\u003d\"code\"\u003e\u0026lt;link href\u003d'http://fonts.googleapis.com/css?family\u003d\u003cstrong\u003eFontName\u003c/strong\u003e' rel\u003d'stylesheet' type\u003d'text/css'\u003cfont color\u003d\"#800000\"\u003e/\u003c/font\u003e\u0026gt;\u003c/pre\u003e\n\n\u003ch3\u003eAdding the Google CSS Embed Code\u003c/h3\u003e\n\n\u003cp\u003eNow Go to your\u003cstrong\u003e Blogger \u003c/strong\u003e\u0026gt;\u003cstrong\u003e\u0026#160; Design\u0026#160; \u003c/strong\u003e\u0026gt;\u003cstrong\u003e Edit HTML\u003c/strong\u003e page\u003c/p\u003e\n\n\u003cp\u003eFind\u003cstrong\u003e \u0026lt;head\u0026gt;\u003c/strong\u003e and immediately below that line paste the edited Embed Code and save your template.\u003c/p\u003e\n\n\u003cp\u003e\u003cimg title\u003d\"image\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"253\" alt\u003d\"image\" src\u003d\"http://lh5.ggpht.com/_u4gySN2ZgqE/S_dxNTAQSsI/AAAAAAAABhs/faaUfjfVg30/image%5B7%5D.png?imgmax\u003d800\" width\u003d\"594\" border\u003d\"0\" /\u003e \u003c/p\u003e\n\n\u003ch3\u003e\u003cstrong\u003eUsing This Custom Font on your Template\u003c/strong\u003e\u003c/h3\u003e\n\n\u003cp\u003eYou use this Custom Font in any of your CSS Font Definitions. For example if you want to change the Post Title Font to this one, then you can use the following CSS code\u003c/p\u003e\n\n\u003cpre class\u003d\"code\"\u003eh3.post-title {font-family: \u003cstrong\u003e'CustomFontName'\u003c/strong\u003e, serif;}\u003c/pre\u003e\n\n\u003cp\u003eIn This definition serif is a fallback font which will be used in case the something bad happened when loading the custom font. (It is a safe practice to include at least one Fallback font and it\u0026#160; will help in tackling unexpected behaviours) After editing the above CSS with the proper Custom Font name,add the code above the closing \u003cstrong\u003e]]\u0026gt;\u0026lt;/b:skin\u0026gt;\u003c/strong\u003e tag in your template.\u003c/p\u003e\n\n\u003cp\u003e\u003cimg title\u003d\"image\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"122\" alt\u003d\"image\" src\u003d\"http://lh4.ggpht.com/_u4gySN2ZgqE/S_dxOiUGU7I/AAAAAAAABiE/xRXSBjv8opo/image%5B40%5D.png?imgmax\u003d800\" width\u003d\"594\" border\u003d\"0\" /\u003e \u003c/p\u003e\n\n\u003cp\u003eYou can alter other fonts in your Template by modifying the font-family definitions in your template.\u003c/p\u003e\n\n\u003ch3\u003e\u003cstrong\u003eHow to use Multiple Custom Fonts in your Blogger Template\u003c/strong\u003e\u003c/h3\u003e\n\n\u003cp\u003eWhen you use multiple Custom Fonts, then there is no need to add the Google CSS embed codes multiple times.You can load multiple fonts using a single line of code.\u003c/p\u003e\n\n\u003cp\u003eFor example if you are planning to use\u0026#160; 3 custom Fonts\u003cstrong\u003e Tangerine\u003c/strong\u003e,\u003cstrong\u003eInconsolata\u003c/strong\u003e, \u003cstrong\u003eDroid Sans, \u003c/strong\u003ethen you can load all these three fonts using a single embed code \u003c/p\u003e\n\n\u003cpre class\u003d\"code\"\u003e\u0026lt;link rel\u003d\u0026quot;stylesheet\u0026quot; type\u003d\u0026quot;text/css\u0026quot; href\u003d\u0026quot;http://fonts.googleapis.com/css?family\u003dTangerine|Inconsolata|Droid+Sans\u0026quot;/\u0026gt;\u003c/pre\u003e\n\n\u003cp\u003eie, just separate the multiple fonts by a\u003cstrong\u003e |\u003c/strong\u003e\u003c/p\u003e\n\n\u003cp\u003eNow to apply these fonts on your template, you can use these in your template CSS\u003c/p\u003e\n\n\u003cp\u003eFor example you may use something like \u003c/p\u003e\n\n\u003cp\u003e\u003c/p\u003e\n\n\u003cpre class\u003d\"code\"\u003eh3.post-title {font-family: \u003cstrong\u003e'Tangerine'\u003c/strong\u003e, serif;}\n#header h1 {font-family: \u003cstrong\u003e'Inconsolata'\u003c/strong\u003e, serif;}\n.sidebar h2 {font-family: \u003cstrong\u003e'Droid Sans'\u003c/strong\u003e, serif;}\u003c/pre\u003e\n\n\u003cp\u003e\u003cstrong\u003e\u003c/strong\u003e\u003c/p\u003e\n\n\u003cp\u003e\u0026#160;\u003c/p\u003e\n\n\u003ch3\u003eExtra Settings\u003c/h3\u003e\n\n\u003cp\u003eBy Default the Google API provides the Regular version of the Font. If you need specialised versions like\u0026#160; bold, italic or bold and italic, then you have to append \u003cstrong\u003e:b\u003c/strong\u003e\u0026#160; , \u003cstrong\u003e:i\u003c/strong\u003e or\u003cstrong\u003e :bi\u003c/strong\u003e to the font name in the\u0026#160; google font embed code.\u003c/p\u003e\n\n\u003cp\u003eFor example, if you need the blold + italic version of the Tangerine font, then you should have used the following embed code\u003c/p\u003e\n\n\u003cp\u003e\u003c/p\u003e\n\n\u003cpre class\u003d\"code\"\u003e\u0026lt;link href\u003d'http://fonts.googleapis.com/css?family\u003dTangerine\u003cstrong\u003e\u003cfont color\u003d\"#804040\"\u003e:bi\u003c/font\u003e\u003c/strong\u003e' rel\u003d'stylesheet' type\u003d'text/css'\u003cfont color\u003d\"#800000\"\u003e/\u003c/font\u003e\u0026gt;\u003c/pre\u003e\n\n\u003cp\u003eIf you like to play around with codes , then refer the \u003ca style\u003d\"text-decoration: underline\" href\u003d\"http://code.google.com/apis/webfonts/docs/getting_started.html\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003eGoogle Font API Documentation\u003c/a\u003e\u003c/p\u003e\n\n\u003cp\u003eYou might also want to refer the \u003ca style\u003d\"text-decoration: underline\" href\u003d\"http://code.google.com/apis/webfonts/docs/webfont_loader.html\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003eGoogle JavaScript Web Font Loader\u003c/a\u003e, which provides you with more Fonts and Font Providers. \u003c/p\u003e\n\n\u003cp\u003eThese Web Fonts would be much useful for Non-English Blogs, if the other language Fonts get added to the\u0026#160; Font Directory\u003c/p\u003e\n\u003ca name\u003d\"kernest\"\u003e\u003c/a\u003e\n\n\u003ch3\u003e2. Kernest Font API \u003c/h3\u003e\n\n\u003cp\u003e1.Create an Account and signup at Kernest\u003c/p\u003e\n\n\u003cp\u003e2.Browse through the Fonts at Kernest.\u003c/p\u003e\n\n\u003cp\u003e3. Add your\u0026#160; domain url by clicking on the \u003cstrong\u003eDomain Embed Url\u003c/strong\u003e\u003c/p\u003e\n\n\u003cp\u003e\u003cimg title\u003d\"image\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"437\" alt\u003d\"image\" src\u003d\"http://lh6.ggpht.com/_u4gySN2ZgqE/S_dxQQdNt-I/AAAAAAAABh0/uaOoYH7bz9E/image%5B22%5D.png?imgmax\u003d800\" width\u003d\"594\" border\u003d\"0\" /\u003e \u003c/p\u003e\n\n\u003cp\u003e\u003c/p\u003e\n\n\u003cp\u003e4.If the Font is free you will find the embed code below the font demo. \u003c/p\u003e\n\n\u003cp\u003e\u003cimg title\u003d\"image\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"229\" alt\u003d\"image\" src\u003d\"http://lh6.ggpht.com/_u4gySN2ZgqE/S_dxSGLyHII/AAAAAAAABh4/WOLYhkew-8k/image%5B26%5D.png?imgmax\u003d800\" width\u003d\"594\" border\u003d\"0\" /\u003e \u003c/p\u003e\n\n\u003cp\u003eCopy the Style Sheet code from there(as shown in the image above)\u003c/p\u003e\n\n\u003cp\u003e5.Login to your blogger Template and Go to \u003cstrong\u003eDesign\u003c/strong\u003e \u0026gt; \u003cstrong\u003eEdit HTML\u003c/strong\u003e and paste this code just below the \u003cstrong\u003e\u0026lt;head\u0026gt;\u003c/strong\u003e tag in your blogger template and save it.\u003c/p\u003e\n\n\u003cp\u003e\u003cimg title\u003d\"image\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"242\" alt\u003d\"image\" src\u003d\"http://lh4.ggpht.com/_u4gySN2ZgqE/S_dxUM_M01I/AAAAAAAABh8/vc-NyKaNV5s/image%5B30%5D.png?imgmax\u003d800\" width\u003d\"594\" border\u003d\"0\" /\u003e \u003c/p\u003e\n\n\u003cp\u003e6. Now you can use this Custom Font name inside your CSS style Definitions. \u003c/p\u003e\n\n\u003cp\u003eFor example , if you need to change the font style of the post title, add the following code\u003c/p\u003e\n\n\u003cpre class\u003d\"code\"\u003e.post-title h3 {font-family: '\u003cb\u003eNAME_OF_THE_FONT_U_ADDED\u003c/b\u003e' , serif;}\u003c/pre\u003e\n\n\u003cp\u003ejust\u0026#160; above the closing \u003cstrong\u003e]]\u0026gt;\u0026lt;/b:skin\u0026gt;\u003c/strong\u003e tag after editing the code with the custom font name that you added.(serif is the fallback font which will be used if some misbehaviours prevented your custom font from loading)\u003c/p\u003e\n\n\u003cp\u003e\u003cimg title\u003d\"image\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"158\" alt\u003d\"image\" src\u003d\"http://lh3.ggpht.com/_u4gySN2ZgqE/S_dxVTFOTJI/AAAAAAAABiA/4rDRLEZZz9A/image%5B34%5D.png?imgmax\u003d800\" width\u003d\"594\" border\u003d\"0\" /\u003e \u003c/p\u003e\n\n\u003cp\u003eYou can use this Custom Font name in any font style definitions in your template\u003c/p\u003e\n\n\u003cp\u003e\u0026#160;\u003c/p\u003e\n\u003ca name\u003d\"cufon\"\u003e\u003c/a\u003e\n\n\u003ch3\u003e3. Cufon Font Embedding\u003c/h3\u003e\n\n\u003cp\u003e1.You should have the font with you in TTF , OTF or PFB formats.\u003c/p\u003e\n\n\u003cp\u003e2.Now Goto the Cufon Generator Page and browse for your Font in the \u003cstrong\u003eRegular Type Face section\u003c/strong\u003e \u003c/p\u003e\n\n\u003cp\u003eMake\u0026#160; sure that “The EULAs of these fonts allow Web Embedding” .\u003c/p\u003e\n\n\u003cp\u003eAccept the terms and click the “Lets do it” Button\u003c/p\u003e\n\n\u003cp\u003e3. You will be prompted to download a JavaScript file. Save it to your computer.\u003c/p\u003e\n\n\u003cp\u003e4.Right Click on this \u003ca style\u003d\"text-decoration: underline\" href\u003d\"http://cufon.shoqolate.com/js/cufon-yui.js\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003elink\u003c/a\u003e and Click on the Save Link as option and save this JavaScript File to your PC.\u003c/p\u003e\n\n\u003cp\u003e5.Upload these 2 JavaScript files somewhere and note down their urls.\u003c/p\u003e\n\n\u003cp\u003e6. Now Goto Blogger \u003cstrong\u003eDesign\u003c/strong\u003e \u0026gt; \u003cstrong\u003eEdit HTML\u003c/strong\u003e and just below the \u003cstrong\u003e\u0026lt;head\u0026gt;\u003c/strong\u003e in your template , add the following code after editing the code with the proper urls of the two script files\u003c/p\u003e\n\n\u003cpre class\u003d\"code\"\u003e\u0026lt;script src\u003d\u0026quot;url_of_cufon-yui.js\u0026quot; type\u003d\u0026quot;text/javascript\u0026quot;\u0026gt;\u0026lt;/script\u0026gt; \n\u0026lt;script src\u003d\u0026quot;url_of_the_font.js\u0026quot; type\u003d\u0026quot;text/javascript\u0026quot;\u0026gt;\u0026lt;/script\u0026gt; \u003cbr /\u003e\n\n\u0026lt;script type\u003d\u0026quot;text/javascript\u0026quot;\u0026gt; \n Cufon.replace('.post h3'); \n\u0026lt;/script\u0026gt;\u003c/pre\u003e\n\n\u003cp\u003e7. Now just before the closing body tag\u003cstrong\u003e \u0026lt;/body\u0026gt;\u003c/strong\u003e , add the following code(IE fix)\u003c/p\u003e\n\n\u003cpre class\u003d\"code\"\u003e\u0026lt;script type\u003d\u0026quot;text/javascript\u0026quot;\u0026gt; Cufon.now(); \u0026lt;/script\u0026gt;\u003c/pre\u003e\n\n\u003cp\u003eI would advice you to use the Google Font Embedding API , but the Fonts available on them are now limited. Kernest also has a good Collection of Fonts. If you use Cufon make sure that you have the rights to use the font. Cufon will allow you to use virtually any font but its not as robust as the other two methods. \u003c/p\u003e\n\n\u003cp\u003e\u0026#160;\u003c/p\u003e\n\n\u003cp\u003eIf you have any doubts regarding Font Embedding, please let me know via the comments and i will try to help you out.\u003c/p\u003e  \u003cdiv class\u003d\"blogger-post-footer\"\u003e\u003cbr/\u003e\u003chr/\u003e\u003cfont color\u003d\"#333333\"\u003e\u003ci\u003eYou can use this article on your blog,but make sure that you link back to the original post page @ bloggerplugins.org. Article Licensed Under the Creative Commons Licensing Read - \u003ca rel\u003d\"nofollow\" href\u003d\"http://creativecommons.org/licenses/by-sa/2.5/in/\" target\u003d\"_blank\" title\u003d\"Creative Commons Licenses Attribution-SA 2.5\"\u003e\u003cfont color\u003d\"#333333\"\u003e[CC Licenses Attribution-SA 2.5]\u003c/font\u003e\u003c/a\u003e.\u003c/i\u003e\u003c/font\u003e\u003chr/\u003e\u003cimg width\u003d'1' height\u003d'1' src\u003d'https://blogger.googleusercontent.com/tracker/707079334502450236-1987788901522971533?l\u003dwww.bloggerplugins.org' alt\u003d'' /\u003e\u003c/div\u003e"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http://www.bloggerplugins.org/feeds/1987788901522971533/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http://www.bloggerplugins.org/2010/05/how-to-add-custom-fonts-to-blogger.html#comment-form","title":"35 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/1987788901522971533"},{"rel":"self","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/1987788901522971533"},{"rel":"alternate","type":"text/html","href":"http://www.bloggerplugins.org/2010/05/how-to-add-custom-fonts-to-blogger.html","title":"How to Add Custom Fonts to Blogger"}],"author":[{"name":{"$t":"Aneesh"},"uri":{"$t":"http://www.blogger.com/profile/04518363055297434057"},"email":{"$t":"noreply@blogger.com"},"gd$extendedProperty":{"xmlns$gd":"http://schemas.google.com/g/2005","name":"OpenSocialUserId","value":"13961627232497682952"}}],"thr$total":{"$t":"35"}},{"id":{"$t":"tag:blogger.com,1999:blog-707079334502450236.post-3238851129824065426"},"published":{"$t":"2010-05-17T21:27:00.001+05:30"},"updated":{"$t":"2010-07-24T17:44:48.713+05:30"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogging Tips"}],"title":{"type":"text","$t":"Better Post Preview in Blogger"},"content":{"type":"html","$t":"\u003cimg align\u003d\"left\" alt\u003d\"image\" class\u003d\"postthumb\" src\u003d\"http://3.bp.blogspot.com/_u4gySN2ZgqE/S_FmoTfnvTI/AAAAAAAABhg/jsb_ske73vk/s1600/post-preview-in-blogger-in-draft.png\" title\u003d\"image\" /\u003e   \u003cbr /\u003e\nBlogger has now added a better Post Preview\u0026nbsp; and a \u003cb\u003ePreview \u003c/b\u003eButton on the \u003cb\u003e\u003ci\u003eBlogger  Post Editor \u003c/i\u003e\u003c/b\u003e. The new \u003cb\u003ePreview\u003c/b\u003e button opens up a new window showing a templated preview(the old preview function just showed a miniature preview without the actual templating) of the post that you are currently editing. This will let you see a complete preview of your post page even before hitting the \u003cb\u003ePublish\u003c/b\u003e button.\u003cbr /\u003e\nIn order to see the Preview Button, you should\u0026nbsp; \u003cb\u003eEdit \u003c/b\u003e/ \u003cb\u003eCreate\u003c/b\u003e your post from your \u003cbr /\u003e\n\u003ca name\u003d'more'\u003e\u003c/a\u003eBlogger  Dashboard  and hit the \u003cb\u003ePreview\u003c/b\u003e button on your post Editor.   \u003cbr /\u003e\n\u003cimg alt\u003d\"image\" border\u003d\"0\" height\u003d\"68\" src\u003d\"http://lh5.ggpht.com/_u4gySN2ZgqE/S_Fd4KUrECI/AAAAAAAABhY/LsKKBnFV130/image%5B7%5D.png?imgmax\u003d800\" style\u003d\"border-width: 0px; display: inline;\" title\u003d\"image\" width\u003d\"594\" /\u003e   \u003cbr /\u003e\nThis is a screenshot of the preview page, which came up when i was editing this post. [Click the image below for a larger image.] \u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\n\u003ca href\u003d\"http://3.bp.blogspot.com/_u4gySN2ZgqE/S_FZl-7HXWI/AAAAAAAABhU/4JodVtPk0bY/s1600/post-preview-in-blogger-in-draft.jpg\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\" target\u003d\"_blank\"\u003e\u003cimg border\u003d\"0\" height\u003d\"256\" src\u003d\"http://3.bp.blogspot.com/_u4gySN2ZgqE/S_FZl-7HXWI/AAAAAAAABhU/4JodVtPk0bY/s320/post-preview-in-blogger-in-draft.jpg\" width\u003d\"320\" /\u003e\u003c/a\u003e\u003c/div\u003e\nThe Preview Window won’t automatically update as you edit your posts(as the content of your post changes). You have to Hit the Preview button once again(or refresh the preview page)\u0026nbsp; to see the\u0026nbsp; changes in the preview\u003cdiv class\u003d\"blogger-post-footer\"\u003e\u003cbr/\u003e\u003chr/\u003e\u003cfont color\u003d\"#333333\"\u003e\u003ci\u003eYou can use this article on your blog,but make sure that you link back to the original post page @ bloggerplugins.org. Article Licensed Under the Creative Commons Licensing Read - \u003ca rel\u003d\"nofollow\" href\u003d\"http://creativecommons.org/licenses/by-sa/2.5/in/\" target\u003d\"_blank\" title\u003d\"Creative Commons Licenses Attribution-SA 2.5\"\u003e\u003cfont color\u003d\"#333333\"\u003e[CC Licenses Attribution-SA 2.5]\u003c/font\u003e\u003c/a\u003e.\u003c/i\u003e\u003c/font\u003e\u003chr/\u003e\u003cimg width\u003d'1' height\u003d'1' src\u003d'https://blogger.googleusercontent.com/tracker/707079334502450236-3238851129824065426?l\u003dwww.bloggerplugins.org' alt\u003d'' /\u003e\u003c/div\u003e"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http://www.bloggerplugins.org/feeds/3238851129824065426/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http://www.bloggerplugins.org/2010/05/better-post-preview-in-blogger-in-draft.html#comment-form","title":"19 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/3238851129824065426"},{"rel":"self","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/3238851129824065426"},{"rel":"alternate","type":"text/html","href":"http://www.bloggerplugins.org/2010/05/better-post-preview-in-blogger-in-draft.html","title":"Better Post Preview in Blogger"}],"author":[{"name":{"$t":"Aneesh"},"uri":{"$t":"http://www.blogger.com/profile/04518363055297434057"},"email":{"$t":"noreply@blogger.com"},"gd$extendedProperty":{"xmlns$gd":"http://schemas.google.com/g/2005","name":"OpenSocialUserId","value":"13961627232497682952"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http://3.bp.blogspot.com/_u4gySN2ZgqE/S_FmoTfnvTI/AAAAAAAABhg/jsb_ske73vk/s72-c/post-preview-in-blogger-in-draft.png","height":"72","width":"72"},"thr$total":{"$t":"19"}},{"id":{"$t":"tag:blogger.com,1999:blog-707079334502450236.post-7024250987429984528"},"published":{"$t":"2010-04-24T00:24:00.007+05:30"},"updated":{"$t":"2010-08-19T00:44:29.601+05:30"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"facebook"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Template Hacks"}],"title":{"type":"text","$t":"Facebook Like / Recommend Button For Blogger"},"content":{"type":"html","$t":"\u003cimg align\u003d\"left\" alt\u003d\"Facebook Like Button For Blogger\" border\u003d\"0\" class\u003d\"postthumb\" src\u003d\"http://lh4.ggpht.com/_u4gySN2ZgqE/S9Hs8wb7UTI/AAAAAAAABhM/4cj5oWbP0pI/image%5B4%5D.png?imgmax\u003d800\" title\u003d\"image\" /\u003e Facebook has come up with\u0026nbsp; a new set of Social plugins which\u003ci\u003e enable you to provide engaging social experiences to your users with just a line of HTML. \u003c/i\u003eThe Facebook Like Button is One of them. You can see a demo of the like button\u0026nbsp; on this page. The Facebook like button will allow your readers to quickly share your posts with their Facebook Friends. You can also get to know how many people liked your Blog Post . Here is a little Demo of what you will see \n\n\u003cbr /\u003e\n\u003ca name\u003d'more'\u003e\u003c/a\u003e\u003ciframe allowtransparency\u003d\"allowtransparency\" frameborder\u003d\"0\" scrolling\u003d\"no\" src\u003d\"http://www.facebook.com/plugins/like.php?href\u003dhttp://www.bloggerplugins.org/2010/04/facebook-like-button-for-blogger.html\u0026amp;layout\u003dbutton_count\u0026amp;show_faces\u003dfalse\u0026amp;width\u003d100\u0026amp;action\u003dlike\u0026amp;font\u003darial\u0026amp;colorscheme\u003dlight\" style\u003d\"border-bottom-style: none; border-left-style: none; border-right-style: none; height: 40px; overflow: hidden; width: 450px;\"\u003e\u003c/iframe\u003e\n\n\u003cbr /\u003e\nIf you are already having the like button on your blog, and wish to upgrade to the newer design of the like button, the read the \u003ca href\u003d\"#fbupgrade\" style\u003d\"text-decoration: underline;\"\u003eUpgrade Instructions\u003c/a\u003e \n\n\u003cbr /\u003e\n\u003ch3\u003e\n\n\n\nHow to Add the Facebook Like Button Below every Post\u003c/h3\u003e\n1. Login to your Blogger Account and go to \u003cb\u003eDesign\u003c/b\u003e \u0026gt; \u003cb\u003eEdit HTML\u003c/b\u003e and click on the check box which says “\u003cb\u003eExpand Widget Templates\u003c/b\u003e” \n\n\u003cbr /\u003e\n2. Look for \u003cb\u003e\u003ci\u003e\u0026lt;data:post.body/\u0026gt;\u003c/i\u003e\u003c/b\u003e and immediately after that place the following code. \n\n\u003cbr /\u003e\n\u003cpre class\u003d\"code\"\u003e\u003cspan style\u003d\"color: red;\"\u003e\u0026lt;b:if cond\u003d'data:blog.pageType \u003d\u003d \u0026amp;quot;item\u0026amp;quot;'\u0026gt;\u003c/span\u003e\n\u0026lt;iframe allowTransparency\u003d'true' expr:src\u003d'\u0026amp;quot;http://www.facebook.com/plugins/like.php?href\u003d\u0026amp;quot; + data:post.url + \u0026amp;quot;\u0026amp;amp;layout\u003dbutton_count\u0026amp;amp;show_faces\u003dfalse\u0026amp;amp;width\u003d100\u0026amp;amp;action\u003d\u003cspan style\u003d\"color: #008040;\"\u003e\u003cb\u003elike\u003c/b\u003e\u003c/span\u003e\u0026amp;amp;font\u003darial\u0026amp;amp;colorscheme\u003dlight\u0026amp;quot;' frameborder\u003d'0' scrolling\u003d'no' style\u003d'border:none; overflow:hidden; width:450px; height:40px;'/\u0026gt;\n\u003cspan style\u003d\"color: red;\"\u003e\u0026lt;/b:if\u0026gt;\u003c/span\u003e\u003c/pre\u003e\nThis code will show the Like Button on Post pages only. \u003cb\u003e\u003ci\u003eIf you want to display it everywhere, then remove the two lines of code in red.\u003c/i\u003e\u003c/b\u003e \n\n\u003cbr /\u003e\n3. Save the template and you should see the Like Button Below each of your posts. \n\n\u003cbr /\u003e\n\u003ch3\u003e\n\n\n\nOptional Customisations\u003c/h3\u003e\na)\u0026nbsp; Now try changing \u003cb\u003e\u003ci\u003eaction\u003dlike\u003c/i\u003e\u003c/b\u003e to \u003cb\u003e\u003ci\u003eaction\u003drecommend\u003c/i\u003e\u003c/b\u003e\u0026nbsp; in the code and you will see something like . \n\n\u003cbr /\u003e\n\u003ciframe allowtransparency\u003d\"allowtransparency\" frameborder\u003d\"0\" scrolling\u003d\"no\" src\u003d\"http://www.facebook.com/plugins/like.php?href\u003dhttp://www.bloggerplugins.org/2010/04/facebook-like-button-for-blogger.html\u0026amp;layout\u003dbutton_count\u0026amp;show_faces\u003dfalse\u0026amp;width\u003d100\u0026amp;action\u003drecommend\u0026amp;font\u003darial\u0026amp;colorscheme\u003dlight\" style\u003d\"border-bottom-style: none; border-left-style: none; border-right-style: none; height: 40px; overflow: hidden; width: 450px;\"\u003e\u003c/iframe\u003e\n\n\u003cbr /\u003e\nb) Try changing \u003cb\u003e\u003ci\u003elayout\u003dbutton_count\u003c/i\u003e\u003c/b\u003e to \u003ci\u003e\u003cb\u003elayout\u003dstandard\u003c/b\u003e\u003c/i\u003e and you will get the older version of the like button \n\n\u003cbr /\u003e\n\u003ciframe allowtransparency\u003d\"allowtransparency\" frameborder\u003d\"0\" scrolling\u003d\"no\" src\u003d\"http://www.facebook.com/plugins/like.php?href\u003dhttp://www.bloggerplugins.org/2010/04/facebook-like-button-for-blogger.html\u0026amp;layout\u003dstandard\u0026amp;show_faces\u003dfalse\u0026amp;width\u003d100\u0026amp;action\u003dlike\u0026amp;font\u003darial\u0026amp;colorscheme\u003dlight\" style\u003d\"border-bottom-style: none; border-left-style: none; border-right-style: none; height: 40px; overflow: hidden; width: 450px;\"\u003e\u003c/iframe\u003e\n\n\u003cbr /\u003e\nc) Try changing \u003cb\u003e\u003ci\u003ecolorscheme\u003dlight\u003c/i\u003e\u003c/b\u003e to \u003ci\u003e\u003cb\u003ecolorscheme\u003ddark\u003c/b\u003e\u003c/i\u003e or \u003cb\u003e\u003ci\u003ecolorscheme\u003devil \u003c/i\u003e\u003c/b\u003e\n\n\u003cbr /\u003e\nd) You can change the font by editing the\u003cb\u003e \u003ci\u003efont\u003darial\u003c/i\u003e\u003c/b\u003e parameter. You can change it to any of \n\n\u003cbr /\u003e\n\u003col\u003e\n\u003cli\u003e\u003cb\u003e\u003ci\u003e\u003cb\u003efont\u003d\u003c/b\u003elucida+grande \u003c/i\u003e\u003c/b\u003e\u003c/li\u003e\n\u003cli\u003e\u003cb\u003e\u003ci\u003efont\u003dsegoe+ui \u003c/i\u003e\u003c/b\u003e\u003c/li\u003e\n\u003cli\u003e\u003cb\u003e\u003ci\u003efont\u003dtahoma \u003c/i\u003e\u003c/b\u003e\u003c/li\u003e\n\u003cli\u003e\u003cb\u003e\u003ci\u003efont\u003d\u003c/i\u003e\u003c/b\u003e\u003cb\u003e\u003ci\u003etrebuchet+ms \u003c/i\u003e\u003c/b\u003e\u003c/li\u003e\n\u003cli\u003e\u003cb\u003e\u003ci\u003efont\u003dverdana\u003c/i\u003e\u003c/b\u003e \u003c/li\u003e\n\u003c/ol\u003e\n\u003ca href\u003d\"http://www.blogger.com/post-edit.g?blogID\u003d707079334502450236\u0026amp;postID\u003d7024250987429984528\" name\u003d\"fbupgrade\"\u003e\u003c/a\u003e\n\n\u003cbr /\u003e\n\u003ch3\u003e\n\n\n\nUpgrading the Old Like Button to the Newer Design?\u003c/h3\u003e\nIf you are trying to upgrade your Facebook Like button to the newer design, then Go to \u003cb\u003eDesign\u003c/b\u003e \u0026gt; \u003cb\u003eEdit HTML\u003c/b\u003e and Expand your Widget Templates. Look for\u003cb\u003e\u003ci\u003e layout\u003dstandard\u003c/i\u003e\u003c/b\u003e in the Facebook iframe code. and change it to \u003cb\u003e\u003ci\u003elayout\u003dbutton_count\u003c/i\u003e\u003c/b\u003e , save the template and you are done :) \u003cbr /\u003e\n\u003cb\u003eAlso Check out :\u003c/b\u003e \n\n  \u003cbr /\u003e\n\u003col\u003e\n\u003cli\u003e\u003ca href\u003d\"http://www.bloggerplugins.org/2009/10/facebook-share-count-button-blogger.html\" style\u003d\"text-decoration: underline;\"\u003eFacebook Share Count Buttons For Blogger\u003c/a\u003e \u003c/li\u003e\n\u003cli\u003e\u003ca href\u003d\"http://www.bloggerplugins.org/2009/10/facebook-fan-page-for-blogger-blogs.html\" style\u003d\"text-decoration: underline;\"\u003eCreate Facebook Fan Page for your Blog\u003c/a\u003e \u003c/li\u003e\n\u003c/ol\u003e\nIf you liked this post, then consider “Like” ing it :) \n\n\u003cbr /\u003e\nPermalink : \u003ca href\u003d\"http://www.bloggerplugins.org/2010/04/facebook-like-button-for-blogger.html\" style\u003d\"text-decoration: underline;\"\u003eFacebook Like / Recommend Button For Blogger\u003c/a\u003e\u003cdiv class\u003d\"blogger-post-footer\"\u003e\u003cbr/\u003e\u003chr/\u003e\u003cfont color\u003d\"#333333\"\u003e\u003ci\u003eYou can use this article on your blog,but make sure that you link back to the original post page @ bloggerplugins.org. Article Licensed Under the Creative Commons Licensing Read - \u003ca rel\u003d\"nofollow\" href\u003d\"http://creativecommons.org/licenses/by-sa/2.5/in/\" target\u003d\"_blank\" title\u003d\"Creative Commons Licenses Attribution-SA 2.5\"\u003e\u003cfont color\u003d\"#333333\"\u003e[CC Licenses Attribution-SA 2.5]\u003c/font\u003e\u003c/a\u003e.\u003c/i\u003e\u003c/font\u003e\u003chr/\u003e\u003cimg width\u003d'1' height\u003d'1' src\u003d'https://blogger.googleusercontent.com/tracker/707079334502450236-7024250987429984528?l\u003dwww.bloggerplugins.org' alt\u003d'' /\u003e\u003c/div\u003e"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http://www.bloggerplugins.org/feeds/7024250987429984528/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http://www.bloggerplugins.org/2010/04/facebook-like-button-for-blogger.html#comment-form","title":"259 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/7024250987429984528"},{"rel":"self","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/7024250987429984528"},{"rel":"alternate","type":"text/html","href":"http://www.bloggerplugins.org/2010/04/facebook-like-button-for-blogger.html","title":"Facebook Like / Recommend Button For Blogger"}],"author":[{"name":{"$t":"Aneesh"},"uri":{"$t":"http://www.blogger.com/profile/04518363055297434057"},"email":{"$t":"noreply@blogger.com"},"gd$extendedProperty":{"xmlns$gd":"http://schemas.google.com/g/2005","name":"OpenSocialUserId","value":"13961627232497682952"}}],"thr$total":{"$t":"259"}},{"id":{"$t":"tag:blogger.com,1999:blog-707079334502450236.post-4991003620118535274"},"published":{"$t":"2010-04-18T10:37:00.001+05:30"},"updated":{"$t":"2010-04-18T10:43:04.724+05:30"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Template Hacks"}],"title":{"type":"text","$t":"Remove Blogger Nav bar Completely"},"content":{"type":"html","$t":"\u003cp\u003e\u003cimg title\u003d\"image\" style\u003d\"border-top-width: 0px; display: block; border-left-width: 0px; float: none; border-bottom-width: 0px; margin-left: auto; margin-right: auto; border-right-width: 0px\" height\u003d\"139\" alt\u003d\"image\" src\u003d\"http://lh3.ggpht.com/_u4gySN2ZgqE/S8qTo09FWTI/AAAAAAAABhA/D99-aN1o_CA/image%5B6%5D.png?imgmax\u003d800\" width\u003d\"404\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003eBlogger has got a default Navigation Bar. This navigation bar is hidden in most of the third party templates. Instead of \u003ca style\u003d\"text-decoration: underline\" href\u003d\"http://www.bloggerplugins.org/2007/07/blogger-tip-remove-nav-bar.html\"\u003ehiding the nav bar using CSS\u003c/a\u003e, we can completely remove it.\u003c/p\u003e  \u003cp\u003eTo do that \u003c/p\u003e  \u003cp\u003e1. Login to your \u003cstrong\u003eBlogger \u003c/strong\u003eaccount and navigate to \u003cstrong\u003eLayout\u003c/strong\u003e \u0026gt;\u003cstrong\u003e Edit HTML\u003c/strong\u003e\u003c/p\u003e  \u003cp\u003e2. In the Template Code find \u003cstrong\u003e\u003cem\u003e\u0026lt;body\u0026gt;\u003c/em\u003e\u003c/strong\u003e and just above that add the following Code.\u003c/p\u003e \u003ca name\u003d'more'\u003e\u003c/a\u003e  \u003cpre class\u003d\"code\"\u003e\u0026lt;script type\u003d'text/javascript'\u0026gt; \n\u0026lt;![CDATA[ \n\u0026lt;!-- \n/*\u0026lt;body\u0026gt;*/ \n--\u0026gt; \n]]\u0026gt; \n\u0026lt;/script\u0026gt;\u003c/pre\u003e\n\n\u003cp\u003e3. Now \u003cstrong\u003eSave \u003c/strong\u003ethe Template and you will see a confirmation about deleting the Navbar Widget. Confirm the Deletion by Clicking on the \u003cstrong\u003eDelete Widgets\u003c/strong\u003e Button \u003c/p\u003e\n\n\u003cp\u003e\u003cimg title\u003d\"image\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"185\" alt\u003d\"image\" src\u003d\"http://lh4.ggpht.com/_u4gySN2ZgqE/S8qTpvm_L_I/AAAAAAAABhE/3peklsOMbkQ/image%5B5%5D.png?imgmax\u003d800\" width\u003d\"478\" border\u003d\"0\" /\u003e \u003c/p\u003e\n\n\u003cp\u003e4.Now your Nav bar is completely removed from your Blog.\u003c/p\u003e\n\n\u003cp\u003e\u0026#160;\u003c/p\u003e\n\n\u003ch3\u003eAdvantages of this Method\u003c/h3\u003e\n\n\u003cp\u003eYou will be completely removing the nav bar and not hiding it. The nav bar iframe codes wont be present in your blog’s HTML source and so the blog\u0026#160; would be more Search Engine Friendly.\u003c/p\u003e\n\n\u003ch3\u003eDisadvantages of this Method\u003c/h3\u003e\n\n\u003cp\u003eYou will no longer see the Quick Edit pencil \u003cimg title\u003d\"image\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"21\" alt\u003d\"image\" src\u003d\"http://lh4.ggpht.com/_u4gySN2ZgqE/S8FUleIN7VI/AAAAAAAABgw/Hw_HngjMJ2w/image%5B22%5D.png?imgmax\u003d800\" width\u003d\"23\" border\u003d\"0\" /\u003e\u0026#160; or wrench links \u003cimg title\u003d\"quick-edit-wrench-blogger\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"21\" alt\u003d\"quick-edit-wrench-blogger\" src\u003d\"http://lh3.ggpht.com/_u4gySN2ZgqE/S8FUmUjgbOI/AAAAAAAABg0/BLu93xL6onM/image%5B18%5D.png?imgmax\u003d800\" width\u003d\"30\" border\u003d\"0\" /\u003e\u0026#160; on your blog even if you are logged in. This is not a a big deal. You can Edit the Widgets from the \u003cstrong\u003eLayout\u003c/strong\u003e \u0026gt; \u003cstrong\u003ePage Elements\u003c/strong\u003e Page. It would also be a good idea to \u003ca style\u003d\"text-decoration: underline\" href\u003d\"http://www.bloggerplugins.org/2010/04/remove-quick-edit-and-wrench-on-blogger.html\"\u003ecompletely remove the Quick Edit and Wrench Links from Blogger\u003c/a\u003e\u003c/p\u003e\n\n\u003ch3\u003eHow to Get back the Nav Bar?\u003c/h3\u003e\n\n\u003cp\u003eIf you followed this method to remove the nav bar and now want to get it back, then\u0026#160; delete the extra code that you added. i.e remove the code from step 2, that you added into your template and \u003cstrong\u003eSave\u003c/strong\u003e the Template.\u003c/p\u003e  \u003cdiv class\u003d\"blogger-post-footer\"\u003e\u003cbr/\u003e\u003chr/\u003e\u003cfont color\u003d\"#333333\"\u003e\u003ci\u003eYou can use this article on your blog,but make sure that you link back to the original post page @ bloggerplugins.org. Article Licensed Under the Creative Commons Licensing Read - \u003ca rel\u003d\"nofollow\" href\u003d\"http://creativecommons.org/licenses/by-sa/2.5/in/\" target\u003d\"_blank\" title\u003d\"Creative Commons Licenses Attribution-SA 2.5\"\u003e\u003cfont color\u003d\"#333333\"\u003e[CC Licenses Attribution-SA 2.5]\u003c/font\u003e\u003c/a\u003e.\u003c/i\u003e\u003c/font\u003e\u003chr/\u003e\u003cimg width\u003d'1' height\u003d'1' src\u003d'https://blogger.googleusercontent.com/tracker/707079334502450236-4991003620118535274?l\u003dwww.bloggerplugins.org' alt\u003d'' /\u003e\u003c/div\u003e"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http://www.bloggerplugins.org/feeds/4991003620118535274/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http://www.bloggerplugins.org/2010/04/remove-blogger-nav-bar-completely.html#comment-form","title":"69 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/4991003620118535274"},{"rel":"self","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/4991003620118535274"},{"rel":"alternate","type":"text/html","href":"http://www.bloggerplugins.org/2010/04/remove-blogger-nav-bar-completely.html","title":"Remove Blogger Nav bar Completely"}],"author":[{"name":{"$t":"Aneesh"},"uri":{"$t":"http://www.blogger.com/profile/04518363055297434057"},"email":{"$t":"noreply@blogger.com"},"gd$extendedProperty":{"xmlns$gd":"http://schemas.google.com/g/2005","name":"OpenSocialUserId","value":"13961627232497682952"}}],"thr$total":{"$t":"69"}},{"id":{"$t":"tag:blogger.com,1999:blog-707079334502450236.post-3319514892843160897"},"published":{"$t":"2010-04-11T10:18:00.001+05:30"},"updated":{"$t":"2010-04-11T13:19:55.994+05:30"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Template Hacks"}],"title":{"type":"text","$t":"How to remove quick edit and wrench icons on Blogger"},"content":{"type":"html","$t":"\u003cp\u003eYou might have seen the Pencil , Screwdriver and Spanner links on blogger. It seems like these icons appear only when you are logged in to your blog. But if you take a look at your Blog's Source From your Browser's View source option, then you will find that there are plenty of quick edit links on your blog even if you are not logged in(Do a Find for blogger.com ). These are the quick edit\u0026#160; links and these will\u0026#160; be hidden using CSS if you are not logged into your blogger account(but still be present in your blog as hidden links).\u003c/p\u003e  \u003ch3\u003eWhat is the use in Removing these Links?\u003c/h3\u003e  \u003cp\u003eYou will be able to reduce the number of external links on your Blog and make it more Search Engine Friendly\u003c/p\u003e  \u003ch3\u003eDo i loose anything if i\u0026#160; remove these Links ? \u003c/h3\u003e  \u003cp\u003eYou will no longer see the Quick Edit pencil \u003cimg title\u003d\"image\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"21\" alt\u003d\"image\" src\u003d\"http://lh4.ggpht.com/_u4gySN2ZgqE/S8FUleIN7VI/AAAAAAAABgw/Hw_HngjMJ2w/image%5B22%5D.png?imgmax\u003d800\" width\u003d\"23\" border\u003d\"0\" /\u003e\u0026#160; or wrench links \u003cimg title\u003d\"quick-edit-wrench-blogger\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"21\" alt\u003d\"quick-edit-wrench-blogger\" src\u003d\"http://lh3.ggpht.com/_u4gySN2ZgqE/S8FUmUjgbOI/AAAAAAAABg0/BLu93xL6onM/image%5B18%5D.png?imgmax\u003d800\" width\u003d\"30\" border\u003d\"0\" /\u003e\u0026#160; on your blog\u0026#160;\u0026#160; . If you want to Edit a Gadget, you will have to go to the \u003cstrong\u003eLayout\u003c/strong\u003e \u0026gt; \u003cstrong\u003ePage Elements\u003c/strong\u003e Page .\u003c/p\u003e \u003ca name\u003d'more'\u003e\u003c/a\u003e  \u003ch3\u003eHow Do i remove the Wrench and Quick Edit?\u003c/h3\u003e  \u003cp\u003e1. Go to \u003cstrong\u003eLayout\u003c/strong\u003e \u0026gt; \u003cstrong\u003ePage Elements\u003c/strong\u003e and Click on the Edit Button on the \u003cstrong\u003eBlog Posts\u003c/strong\u003e Gadget. Uncheck the \u003cstrong\u003eShow Quick Editing\u003c/strong\u003e Option and \u003cstrong\u003eSave\u003c/strong\u003e the Settings \u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"show-quick-editing\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"37\" alt\u003d\"show-quick-editing\" src\u003d\"http://lh4.ggpht.com/_u4gySN2ZgqE/S8FUnqTAhKI/AAAAAAAABg4/Q8WSFuMy-8U/image%5B9%5D.png?imgmax\u003d800\" width\u003d\"193\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003e2. Go to \u003cstrong\u003eLayout \u003c/strong\u003e\u0026gt; \u003cstrong\u003eEdit HTML\u003c/strong\u003e and Click the Check box to Expand your Widget Templates\u003c/p\u003e  \u003cp\u003eReplace all Occurrences of\u003c/p\u003e  \u003cpre class\u003d\"code\"\u003e\u0026lt;b:include name\u003d'quickedit'/\u0026gt;\u003c/pre\u003e\n\n\u003cp\u003ewith \u003c/p\u003e\n\n\u003cpre class\u003d\"code\"\u003e\u0026lt;!--b:include name\u003d'quickedit'/--\u0026gt;\u003c/pre\u003e\n\n\u003cp\u003e3. Save The Template and look at your Page Source Once again. You will find that those links are no longer there. \u003c/p\u003e\n\n\u003cp\u003e4 The Wrench Link of the Followers Gadget Cannot be removed. If you really want to remove that, then remove the Followers Gadget and Add it as a HTML/ JavaScript Gadget with the Code from Google Friend Connect. \u003c/p\u003e\n\n\u003ch3\u003eHow do i get the Quick Edit and Wrenches back\u0026#160; on my blog?\u003c/h3\u003e\n\n\u003cp\u003eIf you ever feel the need to get back these buttons, then just follow the reverse process. \u003c/p\u003e\n\n\u003cp\u003e1. Go to \u003cstrong\u003eLayout\u003c/strong\u003e \u0026gt; \u003cstrong\u003ePage Elements\u003c/strong\u003e and Click on the Edit Button on the \u003cstrong\u003eBlog Posts\u003c/strong\u003e Gadget. Check the \u003cstrong\u003eShow Quick Editing\u003c/strong\u003e Option and \u003cstrong\u003eSave\u003c/strong\u003e the Settings \u003c/p\u003e\n\n\u003cp\u003e\u003cimg title\u003d\"show quick editing\" style\u003d\"border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px\" height\u003d\"31\" alt\u003d\"show quick editing\" src\u003d\"http://lh4.ggpht.com/_u4gySN2ZgqE/S8FV8zL3A8I/AAAAAAAABg8/IfFMdk9OrSk/image%5B25%5D.png?imgmax\u003d800\" width\u003d\"189\" border\u003d\"0\" /\u003e \u003c/p\u003e\n\n\u003cp\u003e2. Go to \u003cstrong\u003eLayout \u003c/strong\u003e\u0026gt; \u003cstrong\u003eEdit HTML\u003c/strong\u003e and Click the Check box to Expand your Widget Templates\u003c/p\u003e\n\n\u003cp\u003eReplace all Occurrences of\u003c/p\u003e\n\n\u003cpre class\u003d\"code\"\u003e\u0026lt;!--b:include name\u003d'quickedit'/--\u0026gt;\u003c/pre\u003e\n\n\u003cp\u003ewith \u003c/p\u003e\n\n\u003cpre class\u003d\"code\"\u003e\u0026lt;b:include name\u003d'quickedit'/\u0026gt;\u003c/pre\u003e\n\n\u003cp\u003eand Save the Template and it will be back to normal.\u003c/p\u003e\n\n\u003cp\u003eBlogger Actually provides an Option in \u003cstrong\u003eSettings\u003c/strong\u003e \u0026gt; \u003cstrong\u003eBasic \u003c/strong\u003eto Hide the Quick Edit Links. But this doesn't actually remove the Quick Edit links. They are just made invisible \u003c/p\u003e\n\n\u003cp\u003e\u003c/p\u003e\n\n\u003cp\u003e\u003c/p\u003e\n\n\u003cp\u003eI hope that the Blogger Team will remove these Quick Edit Links completely(when author is\u0026#160; not logged in) rather than hiding them. \u003c/p\u003e  \u003cdiv class\u003d\"blogger-post-footer\"\u003e\u003cbr/\u003e\u003chr/\u003e\u003cfont color\u003d\"#333333\"\u003e\u003ci\u003eYou can use this article on your blog,but make sure that you link back to the original post page @ bloggerplugins.org. Article Licensed Under the Creative Commons Licensing Read - \u003ca rel\u003d\"nofollow\" href\u003d\"http://creativecommons.org/licenses/by-sa/2.5/in/\" target\u003d\"_blank\" title\u003d\"Creative Commons Licenses Attribution-SA 2.5\"\u003e\u003cfont color\u003d\"#333333\"\u003e[CC Licenses Attribution-SA 2.5]\u003c/font\u003e\u003c/a\u003e.\u003c/i\u003e\u003c/font\u003e\u003chr/\u003e\u003cimg width\u003d'1' height\u003d'1' src\u003d'https://blogger.googleusercontent.com/tracker/707079334502450236-3319514892843160897?l\u003dwww.bloggerplugins.org' alt\u003d'' /\u003e\u003c/div\u003e"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http://www.bloggerplugins.org/feeds/3319514892843160897/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http://www.bloggerplugins.org/2010/04/remove-quick-edit-and-wrench-on-blogger.html#comment-form","title":"28 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/3319514892843160897"},{"rel":"self","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/3319514892843160897"},{"rel":"alternate","type":"text/html","href":"http://www.bloggerplugins.org/2010/04/remove-quick-edit-and-wrench-on-blogger.html","title":"How to remove quick edit and wrench icons on Blogger"}],"author":[{"name":{"$t":"Aneesh"},"uri":{"$t":"http://www.blogger.com/profile/04518363055297434057"},"email":{"$t":"noreply@blogger.com"},"gd$extendedProperty":{"xmlns$gd":"http://schemas.google.com/g/2005","name":"OpenSocialUserId","value":"13961627232497682952"}}],"thr$total":{"$t":"28"}},{"id":{"$t":"tag:blogger.com,1999:blog-707079334502450236.post-1734291048503613915"},"published":{"$t":"2010-03-27T11:29:00.008+05:30"},"updated":{"$t":"2010-04-10T17:16:49.034+05:30"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogging Tips"}],"title":{"type":"text","$t":"Create Newsletter for your Blogger Blog"},"content":{"type":"html","$t":"\u003cimg width\u003d\"250\" height\u003d250\"  class\u003d\"postthumb\"  src\u003d\"http://bloggerplugins.org/images/create-newsletter-for-your-blogger-blog.jpg\" alt\u003d\"Add Sub domain on a Blogger Custom Domain\"/\u003e\u003cp\u003eNewsletter is a good option when you want to send custom mails to your blog readers. It lets you send content rich HTML emails to your readers.Its not like the \u003ca style\u003d\"text-decoration: underline\" href\u003d\"http://www.bloggerplugins.org/2009/08/feedburner-tips-blogger-complete-guide.html\"\u003eFeedburner Email Subscription\u003c/a\u003e(which just sends post updates via email at regular intervals) .You will be able to compose and send the newsletter at any time. Here are the steps to enable and send Newsletters.\u003c/p\u003e \u003ca name\u003d'more'\u003e\u003c/a\u003e  \u003cp\u003e1. Go to \u003ca style\u003d\"text-decoration: underline\" href\u003d\"http://google.com/friendconnect\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003ehttp://google.com/friendconnect\u003c/a\u003e and login there\u003c/p\u003e  \u003cp\u003e2.Click on your Blog Name from the Left Pane.(If your blog is not already there, then add it)\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"create-newsletter-using-google-friend-connect\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"304\" alt\u003d\"create-newsletter-using-google-friend-connect\" src\u003d\"http://lh5.ggpht.com/_u4gySN2ZgqE/S62er8OQ97I/AAAAAAAABe0/tps_FXDdOE8/create-newsletter-using-google-friend-connect%5B2%5D.png?imgmax\u003d800\" width\u003d\"194\" border\u003d\"0\" /\u003e\u003c/p\u003e  \u003cp\u003e3.Click on the \u003cstrong\u003eSend a newsletter\u003c/strong\u003e Option\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"send-newsltter\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"81\" alt\u003d\"send-newsltter\" src\u003d\"http://lh3.ggpht.com/_u4gySN2ZgqE/S62etZdYJfI/AAAAAAAABe4/cug3kmKIguE/send-newsltter%5B3%5D.png?imgmax\u003d800\" width\u003d\"513\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003e4. Click the check box which says “Ask visitors to subscribe immediately after their first sign-in\u0026quot;. After that Click on the \u003cstrong\u003eNewsletter Gadget\u003c/strong\u003e Tab.\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"configure-newsletter\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"138\" alt\u003d\"configure-newsletter\" src\u003d\"http://lh5.ggpht.com/_u4gySN2ZgqE/S62euy_QCPI/AAAAAAAABe8/DE9T7IgzhmI/configure-newsletter%5B7%5D.png?imgmax\u003d800\" width\u003d\"584\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003e\u003c/p\u003e  \u003cp\u003e\u003c/p\u003e  \u003cp\u003e\u003c/p\u003e  \u003cp\u003e\u003c/p\u003e  \u003cp\u003e5.Customize the Colors and other Options and Click on the \u003cstrong\u003eGenerate Code\u003c/strong\u003e Button and Copy the Code from there.\u003c/p\u003e  \u003cp\u003e6.You need to add this Code to your website. If you are using blogger, then Go to the \u003cstrong\u003eLayout \u003c/strong\u003e\u0026gt; \u003cstrong\u003ePage Elements\u003c/strong\u003e and Click on the \u003cstrong\u003eAdd a Gadget\u003c/strong\u003e Link\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"add-gadget\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"145\" alt\u003d\"add-gadget\" src\u003d\"http://lh6.ggpht.com/_u4gySN2ZgqE/S62ewHP8RWI/AAAAAAAABfA/H-_yN5k4F3E/add-gadget%5B2%5D.png?imgmax\u003d800\" width\u003d\"288\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003eOpt for \u003cstrong\u003eHTML/JavaScript\u003c/strong\u003e Gadget\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"add-html-javascript-gadget\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"92\" alt\u003d\"add-html-javascript-gadget\" src\u003d\"http://lh3.ggpht.com/_u4gySN2ZgqE/S62exsXHLqI/AAAAAAAABfE/KAxUf0ET4yo/add-html-javascript-gadget%5B2%5D.png?imgmax\u003d800\" width\u003d\"432\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003eand paste the copied Code into the Box Which appears and \u003cstrong\u003eSave\u003c/strong\u003e the Gadget\u003c/p\u003e  \u003cp\u003e7.Now your blog readers will be able to subscribe to your Newsletters. \u003c/p\u003e  \u003cp\u003eWhen you have enough subscribers, you can Compose the Newsletter from the \u003cstrong\u003eCompose newsletters\u003c/strong\u003e tab ,When you are done with creating the newsletter, Click on the \u003cstrong\u003ePreview and send newsletter button \u003c/strong\u003eand Click on the \u003cstrong\u003eSend newsletter\u003c/strong\u003e button from the popup preview window. you can see how many recipients will receive the newsletter.(In my case it is \u003cstrong\u003eTotal recipients : 539\u003c/strong\u003e as shown in the screenshot)\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"preview-and-send-newsltter\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"490\" alt\u003d\"preview-and-send-newsltter\" src\u003d\"http://lh4.ggpht.com/_u4gySN2ZgqE/S62e0Q2NuSI/AAAAAAAABfI/f9Om_15kvN0/preview-and-send-newsltter%5B7%5D.png?imgmax\u003d800\" width\u003d\"584\" border\u003d\"0\" /\u003e\u003c/p\u003e  \u003cp\u003eNewsletter subscription is just one of the different Friend Connect Gadgets. There are many more on the Friend Connect Website.You can read about them\u0026#160; at \u003ca style\u003d\"text-decoration: underline\" href\u003d\"http://www.bloggerplugins.org/2009/10/some-friend-connect-gadgets-that-you.html\"\u003eSome friend Connect Gadgets that you might not know about\u003c/a\u003e\u003c/p\u003e\u003cdiv class\u003d\"blogger-post-footer\"\u003e\u003cbr/\u003e\u003chr/\u003e\u003cfont color\u003d\"#333333\"\u003e\u003ci\u003eYou can use this article on your blog,but make sure that you link back to the original post page @ bloggerplugins.org. Article Licensed Under the Creative Commons Licensing Read - \u003ca rel\u003d\"nofollow\" href\u003d\"http://creativecommons.org/licenses/by-sa/2.5/in/\" target\u003d\"_blank\" title\u003d\"Creative Commons Licenses Attribution-SA 2.5\"\u003e\u003cfont color\u003d\"#333333\"\u003e[CC Licenses Attribution-SA 2.5]\u003c/font\u003e\u003c/a\u003e.\u003c/i\u003e\u003c/font\u003e\u003chr/\u003e\u003cimg width\u003d'1' height\u003d'1' src\u003d'https://blogger.googleusercontent.com/tracker/707079334502450236-1734291048503613915?l\u003dwww.bloggerplugins.org' alt\u003d'' /\u003e\u003c/div\u003e"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http://www.bloggerplugins.org/feeds/1734291048503613915/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http://www.bloggerplugins.org/2010/03/create-newsletter-for-your-blogger-blog.html#comment-form","title":"38 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/1734291048503613915"},{"rel":"self","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/1734291048503613915"},{"rel":"alternate","type":"text/html","href":"http://www.bloggerplugins.org/2010/03/create-newsletter-for-your-blogger-blog.html","title":"Create Newsletter for your Blogger Blog"}],"author":[{"name":{"$t":"Aneesh"},"uri":{"$t":"http://www.blogger.com/profile/04518363055297434057"},"email":{"$t":"noreply@blogger.com"},"gd$extendedProperty":{"xmlns$gd":"http://schemas.google.com/g/2005","name":"OpenSocialUserId","value":"13961627232497682952"}}],"thr$total":{"$t":"38"}},{"id":{"$t":"tag:blogger.com,1999:blog-707079334502450236.post-6778036710392942511"},"published":{"$t":"2010-03-21T01:45:00.005+05:30"},"updated":{"$t":"2010-04-10T17:16:15.192+05:30"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogging Tips"}],"title":{"type":"text","$t":"How To Setup Google Apps on Your Website"},"content":{"type":"html","$t":"\u003cimg class\u003d\"postthumb\" src\u003d\"http://bloggerplugins.org/images/how-to-setup-google-apps-on-your-website.jpg\" alt\u003d\"How To Setup Google Apps on Your Website\"/\u003e\u003cp\u003eGoogle Apps is a service from Google for using Google products like mail, docs, calendar etc on your domain name.Google Apps has a free version and you can signup for that and get the Google products at your domain name. You will get a GMail interface for email handling on your domain. You will be able to use this custom email addresse(yourname@yourdomain.com) on Google Talk or any other Jabber Client.If you bought a Custom Domain from Blogger,then you have already created the Google Apps account and so you can ignore this tutorial.\u003c/p\u003e \u003ca name\u003d'more'\u003e\u003c/a\u003e  \u003ch3\u003eSigning up for the Free Version Of Google Apps\u003c/h3\u003e  \u003cp\u003e1. Go to this link \u003ca title\u003d\"http://www.google.com/a/cpanel/domain/new\" style\u003d\"text-decoration: underline\" href\u003d\"http://www.google.com/a/cpanel/domain/new\"\u003ehttp://www.google.com/a/cpanel/domain/new\u003c/a\u003e and signup for Google Apps\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"google-apps\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"246\" alt\u003d\"google-apps\" src\u003d\"http://lh4.ggpht.com/_u4gySN2ZgqE/S6UrmtGoToI/AAAAAAAABds/X7s4ahroMMM/google-apps%5B2%5D.png?imgmax\u003d800\" width\u003d\"342\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003e2.When you finish the Signup Process, you will be taken to the Google Apps Dashboard and you will be asked to verify your Domain Ownership.\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"google-apps-verify-domain-ownership\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"201\" alt\u003d\"google-apps-verify-domain-ownership\" src\u003d\"http://lh6.ggpht.com/_u4gySN2ZgqE/S6UroBXUWNI/AAAAAAAABdw/si3w7i_t55Q/google-apps-verify-domain-ownership%5B2%5D.png?imgmax\u003d800\" width\u003d\"378\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003eChoose the method which is appropriate for you. If you are using a Self hosted website, then the \u003cem\u003eHTML File upload method\u003c/em\u003e may be easier for you. If you are using a Blogger Custom domain, then you will have to do the \u003cem\u003eCNAME based verification\u003c/em\u003e\u003c/p\u003e  \u003cp\u003eIf you are on a Blogger Custom Domain, you will have to create the verification CNAME from your Domain Control Panel. If you have a self hosted website and you opted for the CNAME based Verification, then make a support ticket with your webhost asking them to create the CNAME for you(that is why the file upload method might be easier for you). Once they have created the CNAME(or you uploaded the file as per the instructions), you can verify your domain ownership.\u003c/p\u003e  \u003cp\u003e3.If you already using mail accounts on your host, then make the same accounts again on Google APPs. eg: If you are already using an email account (aneesh@yourdomain.com), then make the same user account(\u003cstrong\u003eCreate new Users \u003c/strong\u003elink) on Google Apps\u003c/p\u003e  \u003cp\u003e. \u003cimg title\u003d\"create-accounts\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"138\" alt\u003d\"create-accounts\" src\u003d\"http://lh6.ggpht.com/_u4gySN2ZgqE/S6Urps9eLTI/AAAAAAAABd0/vYxvsINHWAE/create-accounts%5B5%5D.png?imgmax\u003d800\" width\u003d\"350\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"create-user\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"281\" alt\u003d\"create-user\" src\u003d\"http://lh4.ggpht.com/_u4gySN2ZgqE/S6UrrEcOL_I/AAAAAAAABd4/tiDh1s0nN4g/create-user%5B2%5D.png?imgmax\u003d800\" width\u003d\"334\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003eCreate Accounts for each of your existing @domain email addresses.\u003c/p\u003e  \u003cp\u003e4.Now \u003cstrong\u003eActivate email\u003c/strong\u003e from your Google APPs Dashboard. Make sure that you have completed Step 3 before doing this.\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"activate-email\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"128\" alt\u003d\"activate-email\" src\u003d\"http://lh5.ggpht.com/_u4gySN2ZgqE/S6UrsyUshAI/AAAAAAAABd8/BxIxJGkozF4/activate-email%5B2%5D.png?imgmax\u003d800\" width\u003d\"494\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003e5.You will see some instructions to Create MX Records. If you are using a CPanel Hosting, then login to your CPanel and Click on MX Entry under Email\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"cpanel-email\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"172\" alt\u003d\"cpanel-email\" src\u003d\"http://lh6.ggpht.com/_u4gySN2ZgqE/S6UrujEm-EI/AAAAAAAABeA/VJnFQb4jIGc/cpanel-email%5B2%5D.png?imgmax\u003d800\" width\u003d\"498\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003eSelect the Domain of your choice from the Dropdown and delete all existing MX Records for that domain. Add these 5 MX records\u003c/p\u003e  \u003ctable cellspacing\u003d\"0\" cellpadding\u003d\"2\" width\u003d\"550\" border\u003d\"0\"\u003e\u003ctbody\u003e     \u003ctr\u003e       \u003ctd valign\u003d\"top\" width\u003d\"275\"\u003e\u003cstrong\u003ePriority\u003c/strong\u003e\u003c/td\u003e        \u003ctd valign\u003d\"top\" width\u003d\"275\"\u003e\u003cstrong\u003eDestination\u003c/strong\u003e\u003c/td\u003e     \u003c/tr\u003e      \u003ctr\u003e       \u003ctd valign\u003d\"top\" width\u003d\"275\"\u003e10\u003c/td\u003e        \u003ctd valign\u003d\"top\" width\u003d\"275\"\u003eASPMX.L.GOOGLE.COM\u003c/td\u003e     \u003c/tr\u003e      \u003ctr\u003e       \u003ctd valign\u003d\"top\" width\u003d\"275\"\u003e20\u003c/td\u003e        \u003ctd valign\u003d\"top\" width\u003d\"275\"\u003eALT1.ASPMX.L.GOOGLE.COM\u003c/td\u003e     \u003c/tr\u003e      \u003ctr\u003e       \u003ctd valign\u003d\"top\" width\u003d\"275\"\u003e20\u003c/td\u003e        \u003ctd valign\u003d\"top\" width\u003d\"275\"\u003eALT2.ASPMX.L.GOOGLE.COM\u003c/td\u003e     \u003c/tr\u003e      \u003ctr\u003e       \u003ctd valign\u003d\"top\" width\u003d\"275\"\u003e30\u003c/td\u003e        \u003ctd valign\u003d\"top\" width\u003d\"275\"\u003eASPMX2.GOOGLEMAIL.COM\u003c/td\u003e     \u003c/tr\u003e      \u003ctr\u003e       \u003ctd valign\u003d\"top\" width\u003d\"275\"\u003e30\u003c/td\u003e        \u003ctd valign\u003d\"top\" width\u003d\"275\"\u003eASPMX3.GOOGLEMAIL.COM\u003c/td\u003e     \u003c/tr\u003e   \u003c/tbody\u003e\u003c/table\u003e  \u003cp\u003e\u003c/p\u003e  \u003cp\u003eThe Final CPanel MX records will look like\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"cpanel-email-config\" style\u003d\"border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px\" height\u003d\"192\" alt\u003d\"cpanel-email-config\" src\u003d\"http://lh3.ggpht.com/_u4gySN2ZgqE/S6UwpFGZAWI/AAAAAAAABeM/tYkuCCA7mao/cpanel-email-config.png?imgmax\u003d800\" width\u003d\"594\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003eIf you are using a Blogger Custom Domain, then you will have to Create these MX entries from your Domain Control Panel. Godaddy provides an \u003ca style\u003d\"text-decoration: underline\" href\u003d\"https://www.godaddy.com/gdshop/google/gmail_login.asp\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003eautomatic configuration tool\u003c/a\u003e to create these 5 MX Records.For other Domain Registrars follow the instructions provided in the Activate Email page of Google APPs. Once you are done with creating the MX records Click “\u003cem\u003eI have completed these Steps\u003c/em\u003e”\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"image\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"75\" alt\u003d\"image\" src\u003d\"http://lh4.ggpht.com/_u4gySN2ZgqE/S6UrxqHMu6I/AAAAAAAABeI/xHllyNQ_KVk/image%5B2%5D.png?imgmax\u003d800\" width\u003d\"526\" border\u003d\"0\" /\u003e\u003c/p\u003e  \u003cp\u003e6.Now you have configured your email. You can now access your email at \u003cstrong\u003ehttp://mail.google.com/a/\u003cem\u003eyourdomain.com\u003c/em\u003e\u003c/strong\u003e . If you want to use a custom url, then you will have to create a corresponding CNAME record. For example if you wish to access your mail at mail.yourdomain.com , then you will have to create a CNAME for \u003cstrong\u003email \u003c/strong\u003epointing to \u003cstrong\u003eghs.google.com\u003c/strong\u003e . You can Change to a custom url from the \u003cstrong\u003eEmail Settings\u003c/strong\u003e in Google Apps Dashboard .Similarly you can assign custom urls to the other Google Apps like Sites and Docs after activating them.\u003c/p\u003e\u003cdiv class\u003d\"blogger-post-footer\"\u003e\u003cbr/\u003e\u003chr/\u003e\u003cfont color\u003d\"#333333\"\u003e\u003ci\u003eYou can use this article on your blog,but make sure that you link back to the original post page @ bloggerplugins.org. Article Licensed Under the Creative Commons Licensing Read - \u003ca rel\u003d\"nofollow\" href\u003d\"http://creativecommons.org/licenses/by-sa/2.5/in/\" target\u003d\"_blank\" title\u003d\"Creative Commons Licenses Attribution-SA 2.5\"\u003e\u003cfont color\u003d\"#333333\"\u003e[CC Licenses Attribution-SA 2.5]\u003c/font\u003e\u003c/a\u003e.\u003c/i\u003e\u003c/font\u003e\u003chr/\u003e\u003cimg width\u003d'1' height\u003d'1' src\u003d'https://blogger.googleusercontent.com/tracker/707079334502450236-6778036710392942511?l\u003dwww.bloggerplugins.org' alt\u003d'' /\u003e\u003c/div\u003e"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http://www.bloggerplugins.org/feeds/6778036710392942511/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http://www.bloggerplugins.org/2010/03/setup-google-apps-on-your-website.html#comment-form","title":"20 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/6778036710392942511"},{"rel":"self","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/6778036710392942511"},{"rel":"alternate","type":"text/html","href":"http://www.bloggerplugins.org/2010/03/setup-google-apps-on-your-website.html","title":"How To Setup Google Apps on Your Website"}],"author":[{"name":{"$t":"Aneesh"},"uri":{"$t":"http://www.blogger.com/profile/04518363055297434057"},"email":{"$t":"noreply@blogger.com"},"gd$extendedProperty":{"xmlns$gd":"http://schemas.google.com/g/2005","name":"OpenSocialUserId","value":"13961627232497682952"}}],"thr$total":{"$t":"20"}},{"id":{"$t":"tag:blogger.com,1999:blog-707079334502450236.post-1132432924121158451"},"published":{"$t":"2010-03-17T04:07:00.009+05:30"},"updated":{"$t":"2010-08-25T10:14:58.657+05:30"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogging Tips"}],"title":{"type":"text","$t":"How to Setup a Sub Domain on a Blogger Custom Domain Blog"},"content":{"type":"html","$t":"\u003cimg class\u003d\"postthumb\" alt\u003d\"Add Sub domain on a Blogger Custom Domain\" src\u003d\"http://bloggerplugins.org/images/add-sub-domain-on-a-blogger-custom-domain.jpg\" /\u003e   \u003cp\u003eThis tutorial is for all those who are already using Custom Domains with Blogger. If you already have a blogger blog at some Custom domain like www.yourdomain.com , then you might want to add a sub domains to this custom domain like blog.yourdomain.com gallery.yourdomain.com etc. An example of such a sub-domain is bloggertemplates.bloggerplugins.org It is a blogger powered blog, which i created on the sub-domain. In order to create blogs at sub-domains, you need to create CNAME records for the same.\u003c/p\u003e \u003ca name\u003d'more'\u003e\u003c/a\u003e  \u003ch3\u003eCreate Sub Domain on a Blogger Custom Domain\u003c/h3\u003e  \u003cp\u003eHere we will learn how we can add a new sub domain to your blogger custom domain blog. As an example we will learn how to create a sub domain \u003cstrong\u003e\u003cfont color\u003d\"#800000\"\u003eblog\u003c/font\u003e.\u003cem\u003e\u003cfont color\u003d\"#0080c0\"\u003eyourdomain.com\u003c/font\u003e \u003c/em\u003e\u003c/strong\u003eto\u003cstrong\u003e\u003cem\u003e \u003c/em\u003e\u003c/strong\u003eyour custom domain blog.\u003cem\u003e\u0026#160;\u003c/em\u003e(If you have need some other sub-domain change \u003cstrong\u003e\u003cfont color\u003d\"#800000\"\u003eblog\u003c/font\u003e\u003c/strong\u003e with what you want). To do that we need to create 2 CNAME records.(one of them will be used for redirection purpose)\u003c/p\u003e  \u003cp\u003e1. \u003cstrong\u003e\u003cfont color\u003d\"#800000\"\u003eblog\u003c/font\u003e.\u003cem\u003e\u003cfont color\u003d\"#0080c0\"\u003eyourdomain.com\u003c/font\u003e\u003c/em\u003e \u003c/strong\u003epointing to \u003cstrong\u003eghs.google.com\u003c/strong\u003e\u003c/p\u003e  \u003cp\u003e2. \u003cstrong\u003ewww.\u003cfont color\u003d\"#800000\"\u003eblog\u003c/font\u003e.\u003cem\u003e\u003cfont color\u003d\"#0080c0\"\u003eyourdomain.com\u003c/font\u003e\u003c/em\u003e \u003c/strong\u003epointing to \u003cstrong\u003eghs.google.com\u003c/strong\u003e\u003c/p\u003e  \u003cp\u003eIf you are having a self hosted website, then you will have to create these two CNAME Records with your Web Host.You might be able to do it from the “Simple DNS Zone Editor” in most cPanels. If you don’t have such an option, contact your Web Host and ask them to create these two CNAME records for you.After creating these records with your webhost(and after they have propagated), \u003ca style\u003d\"text-decoration: underline\" href\u003d\"#publish\" rel\u003d\"nofollow\"\u003epublish your blogspot blog to that sub domain\u003c/a\u003e(Skip the tuts for CNAME Creation on Different domain Registrars. They are not applicable for Self hosted Websites)\u003c/p\u003e  \u003cp\u003eIf you don’t have a self hosted\u0026#160; website,then to create the CNAMEs you need to login to your domain control panel. So if you bought the domain via blogger, then you have to first login to Google APPS to get into your Domain Control panel\u003c/p\u003e  \u003ch3\u003eIf you bought the domain from Blogger\u003c/h3\u003e  \u003cp\u003eIf you bought the domain from within Blogger, then you have to get into your domain control panel. To do that go to \u003c/p\u003e  \u003cp\u003ehttp://google.com/a/cpanel/\u003cem\u003e\u003cfont color\u003d\"#0080c0\"\u003e\u003cstrong\u003eyourdomain.com\u003c/strong\u003e\u003c/font\u003e\u003c/em\u003e\u003c/p\u003e  \u003cp\u003eyou will have to replace \u003cem\u003e\u003cfont color\u003d\"#0080c0\"\u003e\u003cstrong\u003eyourdomain.com\u003c/strong\u003e\u003c/font\u003e\u003c/em\u003e with your domain name. From the Google APPS dashboard, Go to \u003cstrong\u003eDomain Settings\u003c/strong\u003e \u0026gt; \u003cstrong\u003eDomain Names\u003c/strong\u003e and click on \u003cstrong\u003eAdvanced DNS Settings\u003c/strong\u003e. From the new page, \u003cstrong\u003eSign in to DNS Console\u003c/strong\u003e(of Enom or Godaddy with the username and password that you get from here.)\u003c/p\u003e  \u003ch3\u003eCNAME Creation on Different Registrars\u003c/h3\u003e  \u003ch3\u003e\u003cstrong\u003e1. Creating\u0026#160; CNAMEs on Enom\u003c/strong\u003e\u003c/h3\u003e  \u003cp\u003e1.Login to your \u003cstrong\u003eEnom \u003c/strong\u003eaccount(If you signed in from Google APPS, you can directly proceed to sep 4)\u003c/p\u003e  \u003cp\u003e2.From the drop-down menu at the \u003cstrong\u003eDomains\u003c/strong\u003e tab, select \u003cstrong\u003eMy Domain\u003c/strong\u003e and you will be directed to the Manage Domains\u0026#160; page. \u003c/p\u003e  \u003cp\u003e3.Click on your domain name\u003c/p\u003e  \u003cp\u003e4.To add a CNAME record, click\u003cstrong\u003e NEW ROW\u003c/strong\u003e. \u003c/p\u003e  \u003cp\u003e5.Enter \u003cstrong\u003e\u003cfont color\u003d\"#800000\"\u003eblog\u003c/font\u003e \u003c/strong\u003eas \u003cstrong\u003eHost Name ,\u003c/strong\u003e\u0026#160;\u003cstrong\u003eghs.google.com\u003c/strong\u003e\u0026#160; as \u003cstrong\u003eAddress\u003c/strong\u003e\u0026#160; and \u003cstrong\u003eCNAME\u003c/strong\u003e as \u003cstrong\u003eRecord Type\u003c/strong\u003e\u003c/p\u003e  \u003cp\u003eSimilarly add another record with \u003cstrong\u003ewww.\u003cfont color\u003d\"#800000\"\u003eblog\u003c/font\u003e\u003c/strong\u003e\u003cstrong\u003e \u003c/strong\u003eas \u003cstrong\u003eHost Name ,\u003c/strong\u003e\u0026#160;\u003cstrong\u003eghs.google.com\u003c/strong\u003e\u0026#160; as \u003cstrong\u003eAddress\u003c/strong\u003e\u0026#160; and \u003cstrong\u003eCNAME\u003c/strong\u003e as \u003cstrong\u003eRecord Type\u003c/strong\u003e\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"enom\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"58\" alt\u003d\"enom\" src\u003d\"http://lh5.ggpht.com/_u4gySN2ZgqE/S6AIJfvXSbI/AAAAAAAABcs/TFBFOvKoNgw/enom%5B7%5D.png?imgmax\u003d800\" width\u003d\"594\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003ch3\u003e\u003cstrong\u003e2. Creating\u0026#160; CNAMEs on Godaddy\u003c/strong\u003e\u003c/h3\u003e  \u003cp\u003e\u003cstrong\u003e1.\u003c/strong\u003eLogin to your \u003cstrong\u003eGodaddy \u003c/strong\u003eaccount(If you signed in from Google APPS, you can directly proceed to sep 5)\u003c/p\u003e  \u003cp\u003e2.Open the \u003cstrong\u003eDomains\u003c/strong\u003e tab and select \u003cstrong\u003eMy Domain Names\u003c/strong\u003e. You'll be directed to the Domain Manager page.\u003c/p\u003e  \u003cp\u003e3.Click on your domain name and click \u003cstrong\u003eMore Settings\u003c/strong\u003e from the Dashboard\u003c/p\u003e  \u003cp\u003e4.Click \u003cstrong\u003eManage\u003c/strong\u003e under \u003cstrong\u003eTotal DNS/MX\u003c/strong\u003e\u0026#160;\u003c/p\u003e  \u003cp\u003e5. Click \u003cstrong\u003eAdd New CNAME Record.\u003c/strong\u003e\u003c/p\u003e  \u003cp\u003eand create it as shown in the picture.\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"godaddy\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"147\" alt\u003d\"godaddy\" src\u003d\"http://lh3.ggpht.com/_u4gySN2ZgqE/S6AILNpKrsI/AAAAAAAABcw/EAAUsyJXZhc/godaddy%5B2%5D.png?imgmax\u003d800\" width\u003d\"415\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003eCreate another one\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"godaddy2\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"147\" alt\u003d\"godaddy2\" src\u003d\"http://lh5.ggpht.com/_u4gySN2ZgqE/S6AIMjMyqsI/AAAAAAAABc0/0luuj_qacAk/godaddy2%5B2%5D.png?imgmax\u003d800\" width\u003d\"415\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003e\u0026#160;\u003c/p\u003e  \u003ch3\u003e\u003cstrong\u003e3. Creating\u0026#160; CNAMEs on Name.com\u003c/strong\u003e\u003c/h3\u003e  \u003cp\u003e1. Login to your \u003cstrong\u003eName\u003c/strong\u003e Account\u003c/p\u003e  \u003cp\u003e2.Click on\u0026#160; Account and then on your Domain name\u003c/p\u003e  \u003cp\u003e3.Click on \u003cstrong\u003eDNS Management\u003c/strong\u003e form the Right Sidebar and add the details as shown in the screenshot and \u003cstrong\u003eSubmit\u003c/strong\u003e\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"name\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"54\" alt\u003d\"name\" src\u003d\"http://lh5.ggpht.com/_u4gySN2ZgqE/S6Cetm8u62I/AAAAAAAABdI/1Y1to2ynKWQ/name%5B3%5D.png?imgmax\u003d800\" width\u003d\"572\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003eAdd another one as shown in the screenshot and \u003cstrong\u003eSubmit\u003c/strong\u003e\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"name2\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"54\" alt\u003d\"name2\" src\u003d\"http://lh5.ggpht.com/_u4gySN2ZgqE/S6Ceurz605I/AAAAAAAABdM/-8a_Cuxjq4s/name2%5B4%5D.png?imgmax\u003d800\" width\u003d\"572\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003ch3\u003e\u003cstrong\u003e4. Creating\u0026#160; CNAMEs on Namecheap.com\u003c/strong\u003e\u003c/h3\u003e  \u003cp\u003e\u003c/p\u003e  \u003cp\u003e\u003c/p\u003e  \u003cp\u003e1. Login to your Namecheap account and click on your domain name.\u003c/p\u003e  \u003cp\u003e2.From the Left Sidebar, Click on \u003cstrong\u003eAll Host Records\u003c/strong\u003e\u003c/p\u003e  \u003cp\u003e3.Add the Records as shown in the Screen shot\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"namecheap\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"98\" alt\u003d\"namecheap\" src\u003d\"http://lh3.ggpht.com/_u4gySN2ZgqE/S6AIQ7kPBMI/AAAAAAAABdA/bUHfHLWhfWQ/namecheap%5B2%5D.png?imgmax\u003d800\" width\u003d\"569\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003e\u003c/p\u003e  \u003cp\u003e\u003c/p\u003e \u003ca rel\u003d\"nofollow\" name\u003d\"publish\"\u003e\u003c/a\u003e  \u003ch3\u003eSwitching your blogspot blog to the Custom Sub-Domain\u003c/h3\u003e  \u003cp\u003eI assume that you have already have a blog which you want to switch to the custom-sub domain. Get into its Dashboard and navigate to \u003cstrong\u003eSettings\u003c/strong\u003e \u0026gt; \u003cstrong\u003ePublishing\u003c/strong\u003e \u0026gt; \u003cstrong\u003eCustom Domain\u003c/strong\u003e and click on the link saying “\u003cstrong\u003eAlready own a domain? Switch to advanced settings” \u003c/strong\u003eNow provide the url \u003cstrong\u003e\u003cfont color\u003d\"#800000\"\u003eblog\u003c/font\u003e.\u003cem\u003e\u003cfont color\u003d\"#0080c0\"\u003eyourdomain.com\u003c/font\u003e\u003c/em\u003e\u003c/strong\u003e\u0026#160; or \u003cstrong\u003ewww.\u003cfont color\u003d\"#800000\"\u003eblog\u003c/font\u003e.\u003cem\u003e\u003cem\u003e\u003cfont color\u003d\"#0080c0\"\u003eyourdomain.com\u003c/font\u003e\u003c/em\u003e\u003c/em\u003e\u003c/strong\u003e(you can opt any of them as per your wish)over there. Type the captcha and save the Settings. Enable the redirect\u0026#160; option and Save the settings once again.\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"create-sub-domain-on-blogger\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"151\" alt\u003d\"create-sub-domain-on-blogger\" src\u003d\"http://lh3.ggpht.com/_u4gySN2ZgqE/S6CJ9UDRM6I/AAAAAAAABdE/Zik4JKtoM98/create-sub-domain-on-blogger%5B3%5D.png?imgmax\u003d800\" width\u003d\"594\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003e\u003c/p\u003e  \u003cp\u003eIf you are still unable to figure it out, contact me via comments or on the \u003ca style\u003d\"text-decoration: underline\" href\u003d\"http://forums.bloggerplugins.org\" target\u003d\"_blank\"\u003eForum\u003c/a\u003e\u003c/p\u003e  \u003cdiv class\u003d\"blogger-post-footer\"\u003e\u003cbr/\u003e\u003chr/\u003e\u003cfont color\u003d\"#333333\"\u003e\u003ci\u003eYou can use this article on your blog,but make sure that you link back to the original post page @ bloggerplugins.org. Article Licensed Under the Creative Commons Licensing Read - \u003ca rel\u003d\"nofollow\" href\u003d\"http://creativecommons.org/licenses/by-sa/2.5/in/\" target\u003d\"_blank\" title\u003d\"Creative Commons Licenses Attribution-SA 2.5\"\u003e\u003cfont color\u003d\"#333333\"\u003e[CC Licenses Attribution-SA 2.5]\u003c/font\u003e\u003c/a\u003e.\u003c/i\u003e\u003c/font\u003e\u003chr/\u003e\u003cimg width\u003d'1' height\u003d'1' src\u003d'https://blogger.googleusercontent.com/tracker/707079334502450236-1132432924121158451?l\u003dwww.bloggerplugins.org' alt\u003d'' /\u003e\u003c/div\u003e"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http://www.bloggerplugins.org/feeds/1132432924121158451/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http://www.bloggerplugins.org/2010/03/sub-domain-on-blogger-custom-domain.html#comment-form","title":"65 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/1132432924121158451"},{"rel":"self","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/1132432924121158451"},{"rel":"alternate","type":"text/html","href":"http://www.bloggerplugins.org/2010/03/sub-domain-on-blogger-custom-domain.html","title":"How to Setup a Sub Domain on a Blogger Custom Domain Blog"}],"author":[{"name":{"$t":"Aneesh"},"uri":{"$t":"http://www.blogger.com/profile/04518363055297434057"},"email":{"$t":"noreply@blogger.com"},"gd$extendedProperty":{"xmlns$gd":"http://schemas.google.com/g/2005","name":"OpenSocialUserId","value":"13961627232497682952"}}],"thr$total":{"$t":"65"}},{"id":{"$t":"tag:blogger.com,1999:blog-707079334502450236.post-6038528337420632252"},"published":{"$t":"2010-03-12T00:10:00.005+05:30"},"updated":{"$t":"2010-04-10T17:17:40.362+05:30"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Announcements"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogging Tips"}],"title":{"type":"text","$t":"Blogger Launches a new Template Designer"},"content":{"type":"html","$t":"\u003cimg class\u003d\"postthumb\" src\u003d\"http://bloggerplugins.org/images/blogger-launches-a-new-template-designer.jpg\" alt\u003d\"Blogger Launches a new Template Designer\"/\u003e\u003cp\u003eBlogger has now launched a new Template Designer along with 15 new default templates. All of these templates are highly customizable Each of them comes with different layouts and you can modify and redesign your template without much knowledge of CSS and HTML\u003c/p\u003e \u003cobject width\u003d\"425\" height\u003d\"344\"\u003e\u003cparam name\u003d\"movie\" value\u003d\"http://www.youtube.com/v/r6haqZoivBQ\u0026amp;rel\u003d0\u0026amp;color1\u003d0xb1b1b1\u0026amp;color2\u003d0xcfcfcf\u0026amp;hl\u003den_US\u0026amp;feature\u003dplayer_embedded\u0026amp;fs\u003d1\"\u003e\u003c/param\u003e\u003cparam name\u003d\"allowFullScreen\" value\u003d\"true\"\u003e\u003c/param\u003e\u003cparam name\u003d\"allowScriptAccess\" value\u003d\"always\"\u003e\u003c/param\u003e\u003cembed src\u003d\"http://www.youtube.com/v/r6haqZoivBQ\u0026amp;rel\u003d0\u0026amp;color1\u003d0xb1b1b1\u0026amp;color2\u003d0xcfcfcf\u0026amp;hl\u003den_US\u0026amp;feature\u003dplayer_embedded\u0026amp;fs\u003d1\" type\u003d\"application/x-shockwave-flash\" allowfullscreen\u003d\"true\" allowScriptAccess\u003d\"always\" width\u003d\"425\" height\u003d\"344\"\u003e\u003c/embed\u003e\u003c/object\u003e\n \u003cp\u003e\u0026#160;\u003c/p\u003e\u003ca name\u003d'more'\u003e\u003c/a\u003e   \u003ch3\u003eHow To switch to a new Template and use the Template Designer\u003c/h3\u003e  \u003cp\u003e1.Login to \u003ca style\u003d\"text-decoration: underline\" href\u003d\"http://Draft.Blogger.Com\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003eHttp://Draft.Blogger.Com\u003c/a\u003e\u003c/p\u003e  \u003cp\u003e2. Click on the Layout Tab and you will find a new Template Designer Tab there\u003c/p\u003e  \u003cp\u003e\u003cimg height\u003d\"86\" alt\u003d\"[c5jdf7p_1034g592djcn_b.png]\" src\u003d\"http://3.bp.blogspot.com/_iA83LR-p4Bg/S5kJjb5GZZI/AAAAAAAAAUg/V-nyn6bKfhE/s1600/c5jdf7p_1034g592djcn_b.png\" width\u003d\"590\" border\u003d\"0\" /\u003e\u003c/p\u003e  \u003cp\u003e3. Click that and you will be taken to the new Template Designer. \u003c/p\u003e  \u003cp\u003e4. There you will find 15 new templates to choose from . You can see the Live Preview there. \u003c/p\u003e  \u003cp\u003e5. The Template designer comes with a cool set of customizers.There are plenty of images to choose from. You can change the layout(1 column, 2 column etc) and you can change almost everything on the template.\u003c/p\u003e  \u003cp\u003eYou can adjust the Width of the Columns by using simple Sliders and adjust the colours fonts etc.\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"image\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin: 0px; border-right-width: 0px\" height\u003d\"323\" alt\u003d\"image\" src\u003d\"http://lh5.ggpht.com/_u4gySN2ZgqE/S5k5AOJn3ZI/AAAAAAAABaQ/4T4JJLpJ-28/image%5B11%5D.png?imgmax\u003d800\" width\u003d\"590\" border\u003d\"0\" /\u003e\u003c/p\u003e  \u003cp\u003eSo just try it out. you are gonna love it.. \u003c/p\u003e Hope to see more and more templates being coded in such a way that they can be edited using the designer..\u003cdiv class\u003d\"blogger-post-footer\"\u003e\u003cbr/\u003e\u003chr/\u003e\u003cfont color\u003d\"#333333\"\u003e\u003ci\u003eYou can use this article on your blog,but make sure that you link back to the original post page @ bloggerplugins.org. Article Licensed Under the Creative Commons Licensing Read - \u003ca rel\u003d\"nofollow\" href\u003d\"http://creativecommons.org/licenses/by-sa/2.5/in/\" target\u003d\"_blank\" title\u003d\"Creative Commons Licenses Attribution-SA 2.5\"\u003e\u003cfont color\u003d\"#333333\"\u003e[CC Licenses Attribution-SA 2.5]\u003c/font\u003e\u003c/a\u003e.\u003c/i\u003e\u003c/font\u003e\u003chr/\u003e\u003cimg width\u003d'1' height\u003d'1' src\u003d'https://blogger.googleusercontent.com/tracker/707079334502450236-6038528337420632252?l\u003dwww.bloggerplugins.org' alt\u003d'' /\u003e\u003c/div\u003e"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http://www.bloggerplugins.org/feeds/6038528337420632252/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http://www.bloggerplugins.org/2010/03/blogger-launches-new-template-designer.html#comment-form","title":"49 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/6038528337420632252"},{"rel":"self","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/6038528337420632252"},{"rel":"alternate","type":"text/html","href":"http://www.bloggerplugins.org/2010/03/blogger-launches-new-template-designer.html","title":"Blogger Launches a new Template Designer"}],"author":[{"name":{"$t":"Aneesh"},"uri":{"$t":"http://www.blogger.com/profile/04518363055297434057"},"email":{"$t":"noreply@blogger.com"},"gd$extendedProperty":{"xmlns$gd":"http://schemas.google.com/g/2005","name":"OpenSocialUserId","value":"13961627232497682952"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http://3.bp.blogspot.com/_iA83LR-p4Bg/S5kJjb5GZZI/AAAAAAAAAUg/V-nyn6bKfhE/s72-c/c5jdf7p_1034g592djcn_b.png","height":"72","width":"72"},"thr$total":{"$t":"49"}},{"id":{"$t":"tag:blogger.com,1999:blog-707079334502450236.post-6152510917062576000"},"published":{"$t":"2010-02-14T21:57:00.008+05:30"},"updated":{"$t":"2010-04-15T22:52:54.971+05:30"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Template Hacks"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogging Tips"}],"title":{"type":"text","$t":"Add Google Buzz Buttons To Blogger Blog ( with Counter )"},"content":{"type":"html","$t":"\u003cimg class\u003d\"postthumb\" alt\u003d\"Add Google Buzz Buttons To Blogger Blog\" src\u003d\"http://bloggerplugins.org/images/add-google-buzz-buttons-to-blogger-blog.jpg\" /\u003e   \u003cdiv style\u003d\"padding-right: 4px; padding-left: 4px; float: right; padding-bottom: 4px; padding-top: 4px\"\u003e\u003ca class\u003d\"google-buzz-button\" title\u003d\"Post on Google Buzz\" style\u003d\"text-decoration: none\" href\u003d\"http://www.google.com/buzz/post\" rel\u003d\"nofollow\" data-url\u003d\"http://www.bloggerplugins.org/2010/02/add-google-buzz-buttons-to-blogger-blog.html\" data-locale\u003d\"en_IN\" data-button-style\u003d\"normal-count\" buzz_button_rendered\u003d\"true\"\u003e\u003cspan class\u003d\"buzz-counter-long\" id\u003d\"buzz-1668135873\" dir\u003d\"ltr\"\u003e5\u003c/span\u003e\u003c/a\u003e\u003cscript type\u003d\"text/javascript\" src\u003d\"http://www.google.com/buzz/api/button.js\"\u003e\u003c/script\u003e\u003c/div\u003e  \u003cp\u003e\u003cimg title\u003d\"google-buzz-buttons-for-blogger\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin: 10px 10px 5px 0px; border-right-width: 0px\" height\u003d\"64\" alt\u003d\"google-buzz-buttons-for-blogger\" src\u003d\"http://lh6.ggpht.com/_u4gySN2ZgqE/S3grdreP1iI/AAAAAAAABGo/1YBTvfOoIyg/google-buzz-buttons-for-blogger%5B11%5D.jpg?imgmax\u003d800\" width\u003d\"259\" align\u003d\"left\" border\u003d\"0\" /\u003e Google Buzz is a social tool from Google and it is much similar to Twitter and Facebook :). \u003cem\u003eGoogle Buzz is a new way to start conversations about the things you find interesting. \u003c/em\u003eYou can read more about Google Buzz at the \u003ca style\u003d\"text-decoration: underline\" href\u003d\"http://googleblog.blogspot.com/2010/02/introducing-google-buzz.html\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003eofficial Google Blog\u003c/a\u003e . You might have seen the Google Buzz buttons on Mashable. You can see a demo of this button in this post page. :) . Now Google has officially released the Share Counters, So here are the steps to get the Buzz button on your blog.\u003c/p\u003e \u003ca name\u003d'more'\u003e\u003c/a\u003e  \u003cp\u003e1. This is the \u003cstrong\u003eGoogle Buzz it Code\u003c/strong\u003e. Copy it. \u003c/p\u003e  \u003cdiv class\u003d\"code\"\u003e   \u003cpre class\u003d\"csharpcode\"\u003e\u003cspan class\u003d\"kwrd\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class\u003d\"html\"\u003ediv\u003c/span\u003e \u003cspan class\u003d\"attr\"\u003estyle\u003c/span\u003e\u003cspan class\u003d\"kwrd\"\u003e\u003d\u0026quot;\u003cfont color\u003d\"#008000\"\u003efloat:\u003cem\u003eright\u003c/em\u003e\u003c/font\u003e;padding:4px;\u0026quot;\u003c/span\u003e\u003cspan class\u003d\"kwrd\"\u003e\u0026gt;\u003c/span\u003e\n\u0026lt;a title\u003d\u0026quot;Post on Google Buzz\u0026quot; class\u003d\u0026quot;google-buzz-button\u0026quot; href\u003d\u0026quot;http://www.google.com/buzz/post\u0026quot; data-button-style\u003d\u0026quot;\u003cfont color\u003d\"#008000\"\u003enormal-count\u003c/font\u003e\u0026quot; data-locale\u003d\u0026quot;en_IN\u0026quot; rel\u003d\u0026quot;nofollow\u0026quot; expr:data-url\u003d'data:post.url'\u0026gt;\u0026lt;/a\u0026gt;\u003cbr /\u003e\u0026lt;script type\u003d\u0026quot;text/javascript\u0026quot; src\u003d\u0026quot;http://www.google.com/buzz/api/button.js\u0026quot;\u0026gt;\u0026lt;/script\u0026gt;\n\u003cspan class\u003d\"kwrd\"\u003e\u0026lt;/\u003c/span\u003e\u003cspan class\u003d\"html\"\u003ediv\u003c/span\u003e\u003cspan class\u003d\"kwrd\"\u003e\u0026gt;\u003c/span\u003e\u003c/pre\u003e\n\u003c/div\u003e\n\n\u003cp\u003e2. Login to your Blogger Account and navigate to\u003cstrong\u003e Layout \u0026gt; Edit HTML\u003c/strong\u003e and \u003cstrong\u003eExpand your widget templates.\u003c/strong\u003e\u003c/p\u003e\n\u003cscript type\u003d\"text/javascript\"\u003e\u003c!-- google_ad_client \u003d \"pub-3156341293766560\"; /* 468x60, created 6/18/09 */ google_ad_slot \u003d \"9010322509\"; google_ad_width \u003d 468; google_ad_height \u003d 60; //--\u003e\u003cbr /\u003e\u003c/script\u003e\u003cscript type\u003d\"text/javascript\" src\u003d\"http://pagead2.googlesyndication.com/pagead/show_ads.js\"\u003e\u003cbr /\u003e\u003c/script\u003e\n\n\u003cp\u003e3.Now find this piece of code in your template after expanding the widget templates\u003c/p\u003e\n\n\u003cdiv class\u003d\"code\"\u003e\u0026lt;div class\u003d'post-header-line-1'/\u0026gt; \u003c/div\u003e\nand immediately after that place our \u003cstrong\u003eGoogle Buzz it Code\u003c/strong\u003e\n\n\u003cp\u003e.If you were unable to find this code in your template,then look for the first occurrence of\u003c/p\u003e\n\n\u003cp\u003e\u003c/p\u003e\n\n\u003cdiv class\u003d\"code\"\u003e\n  \u003cpre class\u003d\"csharpcode\"\u003e\u003cspan class\u003d\"kwrd\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class\u003d\"html\"\u003edata:post.body\u003c/span\u003e\u003cspan class\u003d\"kwrd\"\u003e/\u0026gt;\u003c/span\u003e\u003c/pre\u003e\n\u003c/div\u003e\n\u003cscript type\u003d\"text/javascript\"\u003e\u003c!-- google_ad_client \u003d \"pub-3156341293766560\"; /* 468x60, created 6/18/09 */ google_ad_slot \u003d \"1438678433\"; google_ad_width \u003d 468; google_ad_height \u003d 60; //--\u003e\u003cbr /\u003e\u003c/script\u003e\u003cscript type\u003d\"text/javascript\" src\u003d\"http://pagead2.googlesyndication.com/pagead/show_ads.js\"\u003e\u003cbr /\u003e\u003c/script\u003e\n\n\u003cp\u003eand immediately before that, place our Google \u003cstrong\u003eBuzz it Code\u003c/strong\u003e.\u003c/p\u003e\n\n\u003cp\u003e4.Save your template and see the results.\u003c/p\u003e\n\n\u003cp\u003e5. If you need a smaller compact button, then change \u003cstrong\u003e\u003cfont color\u003d\"#008000\"\u003enormal-count\u003c/font\u003e\u003c/strong\u003e to \u003cstrong\u003e\u003cfont color\u003d\"#008000\"\u003esmall-count\u003c/font\u003e\u003c/strong\u003e in the code.If you want to show the button on the left rather than on the right, then change \u003cfont color\u003d\"#008000\"\u003e\u003cstrong\u003efloat:right \u003c/strong\u003e\u003c/font\u003eto \u003cfont color\u003d\"#008000\"\u003e\u003cstrong\u003efloat:left\u003c/strong\u003e\u0026#160; \u003c/font\u003ein the code\u003c/p\u003e  \u003cdiv class\u003d\"blogger-post-footer\"\u003e\u003cbr/\u003e\u003chr/\u003e\u003cfont color\u003d\"#333333\"\u003e\u003ci\u003eYou can use this article on your blog,but make sure that you link back to the original post page @ bloggerplugins.org. Article Licensed Under the Creative Commons Licensing Read - \u003ca rel\u003d\"nofollow\" href\u003d\"http://creativecommons.org/licenses/by-sa/2.5/in/\" target\u003d\"_blank\" title\u003d\"Creative Commons Licenses Attribution-SA 2.5\"\u003e\u003cfont color\u003d\"#333333\"\u003e[CC Licenses Attribution-SA 2.5]\u003c/font\u003e\u003c/a\u003e.\u003c/i\u003e\u003c/font\u003e\u003chr/\u003e\u003cimg width\u003d'1' height\u003d'1' src\u003d'https://blogger.googleusercontent.com/tracker/707079334502450236-6152510917062576000?l\u003dwww.bloggerplugins.org' alt\u003d'' /\u003e\u003c/div\u003e"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http://www.bloggerplugins.org/feeds/6152510917062576000/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http://www.bloggerplugins.org/2010/02/add-google-buzz-buttons-to-blogger-blog.html#comment-form","title":"61 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/6152510917062576000"},{"rel":"self","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/6152510917062576000"},{"rel":"alternate","type":"text/html","href":"http://www.bloggerplugins.org/2010/02/add-google-buzz-buttons-to-blogger-blog.html","title":"Add Google Buzz Buttons To Blogger Blog ( with Counter )"}],"author":[{"name":{"$t":"Aneesh"},"uri":{"$t":"http://www.blogger.com/profile/04518363055297434057"},"email":{"$t":"noreply@blogger.com"},"gd$extendedProperty":{"xmlns$gd":"http://schemas.google.com/g/2005","name":"OpenSocialUserId","value":"13961627232497682952"}}],"thr$total":{"$t":"61"}},{"id":{"$t":"tag:blogger.com,1999:blog-707079334502450236.post-636600616928234300"},"published":{"$t":"2010-02-11T12:10:00.003+05:30"},"updated":{"$t":"2010-08-07T22:56:24.962+05:30"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Template Hacks"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogging Tips"}],"title":{"type":"text","$t":"Add Signature to Blogger Blog"},"content":{"type":"html","$t":"\u003cp\u003eYou might want to add a custom automatic signature below each of your blog posts. This would be more useful if you are running a Team Blog with multiple authors. You can use unique signatures for each author.The same can be done on a single author blog also :) \u003c/p\u003e  \u003ch3\u003eAdding Signature to Single Author / Multi Author Blogger Blogs\u003c/h3\u003e  \u003cp\u003e1. Create a Signature using Photoshop or some online Generators like \u003ca style\u003d\"text-decoration: underline\" href\u003d\"http://www.mylivesignature.com/mls_wizard1_1.php\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003eMy Live Signature\u003c/a\u003e\u003c/p\u003e  \u003cp\u003e2. Upload this signature image to blogger.Once its uploaded hit preview and copy the image location(Note down the URL of the image).\u003c/p\u003e  \u003cp\u003e3.Now Go to Layout \u0026gt; Edit HTML and Expand your Widget Templates\u003c/p\u003e  \u003cp\u003e4.Now Find\u003c/p\u003e \u003ca name\u003d'more'\u003e\u003c/a\u003e \n\u003cdiv class\u003d\"code\"\u003e   \u003cpre class\u003d\"csharpcode\"\u003e\u003cspan class\u003d\"kwrd\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class\u003d\"html\"\u003ediv\u003c/span\u003e \u003cspan class\u003d\"attr\"\u003eclass\u003c/span\u003e\u003cspan class\u003d\"kwrd\"\u003e\u003d'post-footer-line post-footer-line-1'\u003c/span\u003e\u003cspan class\u003d\"kwrd\"\u003e\u0026gt;\u003c/span\u003e\u003c/pre\u003e\n\u003c/div\u003e\n\n\u003cp\u003eIf you cant find it then try finding this one\u003c/p\u003e\n\n\u003cdiv class\u003d\"code\"\u003e\n  \u003cpre class\u003d\"csharpcode\"\u003e\u003cspan class\u003d\"kwrd\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class\u003d\"html\"\u003ep\u003c/span\u003e \u003cspan class\u003d\"attr\"\u003eclass\u003c/span\u003e\u003cspan class\u003d\"kwrd\"\u003e\u003d'post-footer-line post-footer-line-1'\u003c/span\u003e\u003cspan class\u003d\"kwrd\"\u003e\u0026gt;\u003c/span\u003e\u003c/pre\u003e\n\u003c/div\u003e\n\n\u003cp\u003eor this one\u003c/p\u003e\n\n\u003cdiv class\u003d\"code\"\u003e\n  \u003cpre class\u003d\"csharpcode\"\u003e\u003cspan class\u003d\"kwrd\"\u003e\u0026lt;data:post.body\u003c/span\u003e\u003cspan class\u003d\"kwrd\"\u003e/\u003c/span\u003e\u003cspan class\u003d\"kwrd\"\u003e\u0026gt;\u003c/span\u003e\u003c/pre\u003e\n\u003c/div\u003e\n\n\u003cp\u003ea) \u003cu\u003eIf you are using a Single author blog, paste the following code below the code you found\u003c/u\u003e\u003c/p\u003e\n\n\u003cdiv class\u003d\"code\"\u003e\u0026lt;img src\u003d'\u003cstrong\u003eurl_of_your_signature_image\u003c/strong\u003e' style\u003d'border:0px;'/\u0026gt;\u003c/div\u003e\n\n\u003cp\u003eCode should be edited with your signature image URL\u003c/p\u003e\n\n\u003cp\u003eb) \u003cu\u003eIf you are on a Team Blog, paste the following code just below the code you found\u003c/u\u003e\u003c/p\u003e\n\n\u003cdiv class\u003d\"code\"\u003e\u003cfont color\u003d\"#0000a0\"\u003e\u0026lt;b:if cond\u003d'data:post.author \u003d\u003d \u0026amp;quot;\u003cstrong\u003eAuthor1Name\u003c/strong\u003e\u0026amp;quot;'\u0026gt; \n\n    \u003cbr /\u003e\u0026lt;img src\u003d'\u003cstrong\u003eurl_of_author1_signature_image\u003c/strong\u003e' style\u003d'border:0px;'/\u0026gt; \n\n    \u003cbr /\u003e\u0026lt;/b:if\u0026gt; \n\n    \u003cbr /\u003e\u003c/font\u003e\u003cfont color\u003d\"#804040\"\u003e\u0026lt;b:if cond\u003d'data:post.author \u003d\u003d \u0026amp;quot;\u003cstrong\u003eAuthor2Name\u003c/strong\u003e\u0026amp;quot;'\u0026gt; \n\n    \u003cbr /\u003e\u0026lt;img src\u003d'\u003cstrong\u003eurl_of_author2_signature_image\u003c/strong\u003e' style\u003d'border:0px;'/\u0026gt; \n\n    \u003cbr /\u003e\u0026lt;/b:if\u0026gt;\u003c/font\u003e\u003c/div\u003e\n\n\u003cp\u003eIf you have more number of authors, you can repeat the blocks accordingly(here i have mentioned 2 blocks[blue and brown] one for each of the two authors).Codes should be edited with the author names and the signature image\u0026#160; urls.\u003c/p\u003e\n\n\n\u003cp\u003e5.Save your template and you should see the signature in action :)\u003c/p\u003e\n\n\u003cp\u003e\u003cimg title\u003d\"signature\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"39\" alt\u003d\"signature\" src\u003d\"http://lh3.ggpht.com/_u4gySN2ZgqE/S3OmcKXn63I/AAAAAAAABGM/0lYaupILjBE/signature%5B4%5D.png?imgmax\u003d800\" width\u003d\"145\" border\u003d\"0\" /\u003e\u003c/p\u003e\u003cdiv class\u003d\"blogger-post-footer\"\u003e\u003cbr/\u003e\u003chr/\u003e\u003cfont color\u003d\"#333333\"\u003e\u003ci\u003eYou can use this article on your blog,but make sure that you link back to the original post page @ bloggerplugins.org. Article Licensed Under the Creative Commons Licensing Read - \u003ca rel\u003d\"nofollow\" href\u003d\"http://creativecommons.org/licenses/by-sa/2.5/in/\" target\u003d\"_blank\" title\u003d\"Creative Commons Licenses Attribution-SA 2.5\"\u003e\u003cfont color\u003d\"#333333\"\u003e[CC Licenses Attribution-SA 2.5]\u003c/font\u003e\u003c/a\u003e.\u003c/i\u003e\u003c/font\u003e\u003chr/\u003e\u003cimg width\u003d'1' height\u003d'1' src\u003d'https://blogger.googleusercontent.com/tracker/707079334502450236-636600616928234300?l\u003dwww.bloggerplugins.org' alt\u003d'' /\u003e\u003c/div\u003e"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http://www.bloggerplugins.org/feeds/636600616928234300/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http://www.bloggerplugins.org/2010/02/add-signature-to-blogger-blog.html#comment-form","title":"71 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/636600616928234300"},{"rel":"self","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/636600616928234300"},{"rel":"alternate","type":"text/html","href":"http://www.bloggerplugins.org/2010/02/add-signature-to-blogger-blog.html","title":"Add Signature to Blogger Blog"}],"author":[{"name":{"$t":"Aneesh"},"uri":{"$t":"http://www.blogger.com/profile/04518363055297434057"},"email":{"$t":"noreply@blogger.com"},"gd$extendedProperty":{"xmlns$gd":"http://schemas.google.com/g/2005","name":"OpenSocialUserId","value":"13961627232497682952"}}],"thr$total":{"$t":"71"}},{"id":{"$t":"tag:blogger.com,1999:blog-707079334502450236.post-4358622426853025882"},"published":{"$t":"2010-01-23T10:32:00.005+05:30"},"updated":{"$t":"2010-08-07T22:57:09.397+05:30"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogging Tips"}],"title":{"type":"text","$t":"Blogger FTP to Custom Domain Migration"},"content":{"type":"html","$t":"\u003cimg src\u003d\"http://1.bp.blogspot.com/_u4gySN2ZgqE/S67zwG2cGjI/AAAAAAAABfo/KAkzwJp3Pqg/s400/ftp-to-custom-domain-migration.jpg\" alt\u003d\"Blogger FTP to Custom Domain Migration\" class\u003d\"postthumb\" style\u003d\"float:left;\"/\u003e\n\u003cp\u003eBlogger has officially announced that it would be shutting down the FTP publishing feature on March 26 2010. So the existing FTP publishers are advised to move onto Blogger Custom Domains.If you are not currently using the FTP publishing option, you can just skip this tutorial :)\u003c/p\u003e  \u003cp\u003eBlogger has already posted about \u003ca style\u003d\"text-decoration: underline\" href\u003d\"http://buzz.blogger.com/2009/05/ftp-vs-custom-domains.html\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003ethe advantages of custom domains.\u003c/a\u003e\u003c/p\u003e\u003ca name\u003d'more'\u003e\u003c/a\u003e  \u003ch3\u003eWhere do you currently publish your FTP blogger blog ? \u003c/h3\u003e  \u003cp\u003e1.If you are publishing at a root level domain or sub-domain, then the things are pretty easy. (eg. www.yourblog.com or blog.yourdomain.com).\u003c/p\u003e  \u003cp\u003e2.If you are publishing your blog at some subfolder within your domain or subdomain(www.yourdomain.com/blog), then you can no longer host your blog at that address, because Custom Domains can be setup at root domain or sub-domains only.Blogger will soon release a migration tool which will help you in properly redirecting such blogs.\u003c/p\u003e   \u003ch3\u003eCan i get rid of my web-host?\u003c/h3\u003e  \u003cp\u003eIf you are hosting your blog at a root level domain or sub-domain and not inside a directory and if you are have not published any images via FTP(images are hosted on other sites like flickr), then you no longer need a web-host.\u003c/p\u003e  \u003ch3\u003eMigrating \u003ca href\u003d\"http://www.yourblog.com\"\u003ewww.yourblog.com\u003c/a\u003e (FTP) to \u003ca href\u003d\"http://www.yourblog.com\"\u003ewww.yourblog.com\u003c/a\u003e\u0026#160; (Custom Domain)\u003c/h3\u003e  \u003cp\u003eNote:- The following steps can also be used to migrate a sub-domain from FTP to Custom domain(ie blog.yourdomain.com from FTP to Custom Domain).\u0026#160; This method cant be used for migration of a blog located at www.yourdomain.com/blog or subdomain.yourdomain.com/blog\u003c/p\u003e  \u003cp\u003e1. When you move your blog to a custom domain, you will have to\u0026#160; move all the images to a different sub-domain on your server\u003c/p\u003e  \u003cp\u003e2.Create a new sub-domain like \u003cstrong\u003efiles.yourblog.com\u003c/strong\u003e and move all your images to this sub-domain (For example \u003cstrong\u003e\u003ca href\u003d\"http://www.yourblog.com/uploaded_images/image1.jpg\"\u003ewww.yourblog.com\u003c/a\u003e/uploaded_images/image1.jpg\u003c/strong\u003e should now be accessible at \u003cstrong\u003efiles.yourblog.com\u003c/strong\u003e/uploaded_images/image2.jpg)\u003c/p\u003e  \u003cp\u003e3.If you are using a shared hosting service, ask your host to create a Canonical Name(CNAME) record for \u003cstrong\u003ewww\u003c/strong\u003e with value \u003cstrong\u003eghs.google.com \u003c/strong\u003e\u003c/p\u003e  \u003cp\u003e(DNS changes are cached\u0026#160; at many levels and your ISPs may take time to get in sync with the 13\u0026#160; root level domain name servers. So the changes may take time :)\u003c/p\u003e  \u003cp\u003e4.Once your host is done with it, Log in at your \u003cstrong\u003eBlogger Dashboard\u003c/strong\u003e and navigate to \u003cstrong\u003eSettings \u0026gt; Publishing\u003c/strong\u003e\u003c/p\u003e  \u003cp\u003e5.Opt For \u003cstrong\u003eSwitch to:\u0026#160; Custom Domain (Point your own registered domain name to your blog)\u003c/strong\u003e\u0026#160;\u0026#160;\u0026#160; and \u003cstrong\u003eswitch to advanced settings\u003c/strong\u003e\u003c/p\u003e  \u003cp\u003e6.Type your new domain/subdomain there \u003cimg title\u003d\"image\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"132\" alt\u003d\"image\" src\u003d\"http://lh5.ggpht.com/_u4gySN2ZgqE/S2jXD1ahiNI/AAAAAAAABFU/P_xmU0XLSy0/image%5B3%5D.png?imgmax\u003d800\" width\u003d\"594\" border\u003d\"0\" /\u003e and in the missing file host option type in\u003cstrong\u003e files\u003c/strong\u003e\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"image\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"178\" alt\u003d\"image\" src\u003d\"http://lh5.ggpht.com/_u4gySN2ZgqE/S2jXGWJTWsI/AAAAAAAABFY/P_0vPU2wcyE/image%5B7%5D.png?imgmax\u003d800\" width\u003d\"594\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003etype the captcha and save the settings. If everything goes right, your blog has now been successfully moved to the custom domain.\u003c/p\u003e  \u003ch3\u003eWhat does the Missing files host do?\u003c/h3\u003e  \u003cp\u003eWhen blogger is not able to find a file like \u003ca style\u003d\"text-decoration: underline\" href\u003d\"http://www.bloggerplugins.org/uploaded_images/image1.jpg\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003ewww.bloggerplugins.org/uploaded_images/image1.jpg\u003c/a\u003e , it will try to find it at files.bloggerplugins.org/uploaded_images/image1.jpg [Click on the link to see it in action]\u003c/p\u003e  \u003cp\u003eIf you are hosting your blogger blog on a sub-directory, then wait for the Blogger FTP migration tool(it will be out in a couple of weeks). Once you are done with the migration tool, just follow the steps 4-6.You wouldn't need to use a missing files host in that case.\u003c/p\u003e  \u003cp\u003e\u0026#160;\u003c/p\u003e  \u003cp\u003eIf you have any questions about the migration, leave your questions in the comments section.\u003c/p\u003e\u003cdiv class\u003d\"blogger-post-footer\"\u003e\u003cbr/\u003e\u003chr/\u003e\u003cfont color\u003d\"#333333\"\u003e\u003ci\u003eYou can use this article on your blog,but make sure that you link back to the original post page @ bloggerplugins.org. Article Licensed Under the Creative Commons Licensing Read - \u003ca rel\u003d\"nofollow\" href\u003d\"http://creativecommons.org/licenses/by-sa/2.5/in/\" target\u003d\"_blank\" title\u003d\"Creative Commons Licenses Attribution-SA 2.5\"\u003e\u003cfont color\u003d\"#333333\"\u003e[CC Licenses Attribution-SA 2.5]\u003c/font\u003e\u003c/a\u003e.\u003c/i\u003e\u003c/font\u003e\u003chr/\u003e\u003cimg width\u003d'1' height\u003d'1' src\u003d'https://blogger.googleusercontent.com/tracker/707079334502450236-4358622426853025882?l\u003dwww.bloggerplugins.org' alt\u003d'' /\u003e\u003c/div\u003e"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http://www.bloggerplugins.org/feeds/4358622426853025882/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http://www.bloggerplugins.org/2010/01/blogger-ftp-to-custom-domain-migration.html#comment-form","title":"33 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/4358622426853025882"},{"rel":"self","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/4358622426853025882"},{"rel":"alternate","type":"text/html","href":"http://www.bloggerplugins.org/2010/01/blogger-ftp-to-custom-domain-migration.html","title":"Blogger FTP to Custom Domain Migration"}],"author":[{"name":{"$t":"Aneesh"},"uri":{"$t":"http://www.blogger.com/profile/04518363055297434057"},"email":{"$t":"noreply@blogger.com"},"gd$extendedProperty":{"xmlns$gd":"http://schemas.google.com/g/2005","name":"OpenSocialUserId","value":"13961627232497682952"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http://1.bp.blogspot.com/_u4gySN2ZgqE/S67zwG2cGjI/AAAAAAAABfo/KAkzwJp3Pqg/s72-c/ftp-to-custom-domain-migration.jpg","height":"72","width":"72"},"thr$total":{"$t":"33"}},{"id":{"$t":"tag:blogger.com,1999:blog-707079334502450236.post-6455435526648125397"},"published":{"$t":"2010-01-22T15:24:00.004+05:30"},"updated":{"$t":"2010-08-07T22:58:07.452+05:30"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogger News"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Template Hacks"}],"title":{"type":"text","$t":"Blogger Pages are finally out"},"content":{"type":"html","$t":"\u003cp\u003eBlogger has now released the pages feature just like in Wordpress blogs. You can use these pages for \u003cem\u003eabout me\u003c/em\u003e, \u003cem\u003econtact me\u003c/em\u003e etc. The blogger pages are more or less like the blogger posts. But these pages wont appear in the blog archives and the blog feeds. \u003c/p\u003e  \u003ch3\u003eHow to create a Blogger Page?\u003c/h3\u003e  \u003cp\u003e1. Login to your Blogger Account\u003c/p\u003e  \u003cp\u003e2. In the posting Tab you will find an \u003cstrong\u003eEdit Pages\u003c/strong\u003e option\u003cimg title\u003d\"image\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"83\" alt\u003d\"image\" src\u003d\"http://lh5.ggpht.com/_u4gySN2ZgqE/S1l1xEeTomI/AAAAAAAABD8/Joo8SKlupCo/image%5B41%5D.png?imgmax\u003d800\" width\u003d\"584\" border\u003d\"0\" /\u003e \u003c/p\u003e \u003ca name\u003d'more'\u003e\u003c/a\u003e  \u003cp\u003e3.Click on the \u003cstrong\u003eNew Page\u003c/strong\u003e button and you will get a new page editor(same as the post editor that you normally use)\u003cimg title\u003d\"image\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"134\" alt\u003d\"image\" src\u003d\"http://lh3.ggpht.com/_u4gySN2ZgqE/S1l1ygKHuBI/AAAAAAAABEA/D5Pg4dU3QWc/image%5B42%5D.png?imgmax\u003d800\" width\u003d\"584\" border\u003d\"0\" /\u003e \u003c/p\u003e\u003cp\u003e4.You can make the page, in the same way as you create a post.If you want to enable commenting on the page, then you can do so from the post options\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"image\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"138\" alt\u003d\"image\" src\u003d\"http://lh3.ggpht.com/_u4gySN2ZgqE/S1l1z_GKqwI/AAAAAAAABEE/VO-Bz7MUDAw/image%5B43%5D.png?imgmax\u003d800\" width\u003d\"584\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003e5. When you hit the \u003cstrong\u003eSave And Publish\u003c/strong\u003e \u003cstrong\u003ePage\u003c/strong\u003e button, you will be asked if you would like to add the Page Gadgets onto your blog\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"image\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"304\" alt\u003d\"image\" src\u003d\"http://lh5.ggpht.com/_u4gySN2ZgqE/S1l11HiXPiI/AAAAAAAABEI/1PSvCKMe1VE/image%5B44%5D.png?imgmax\u003d800\" width\u003d\"584\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003e\u003c/p\u003e  \u003cp\u003eYou can add the page gadget on the sidebar or as Top navigation Tabs.These widgets may not properly sync with your blog template.So i would advise you to choose the \u003cstrong\u003eNo Gadget\u003c/strong\u003e option and add the links manually to your blogger template. You can obtain the links to the newly created pages from the \u003cstrong\u003eEdit Pages\u003c/strong\u003e Tab.\u003c/p\u003e  \u003cp\u003eIf you opt to add any of \u003cstrong\u003ePages\u003c/strong\u003e gadget, then you will get an easy interface to add the page links to your blog. (now available on draft.blogger.com only) Here is what the Gadget options will look like\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"image\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"429\" alt\u003d\"image\" src\u003d\"http://lh4.ggpht.com/_u4gySN2ZgqE/S1l8BqSY-TI/AAAAAAAABEM/VZkpNWMHJpM/image%5B54%5D.png?imgmax\u003d800\" width\u003d\"404\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003e\u0026#160;\u003c/p\u003e  \u003cp\u003e\u003cstrong\u003eLimitations\u003c/strong\u003e\u003c/p\u003e  \u003cp\u003e1. You can only create a maximum of 10 pages. \u003c/p\u003e  \u003cp\u003e2. Separate templating for pages would be a little too difficult(but not impossible :) ) \u003c/p\u003e \u003cp\u003e3. The Static Pages are not included in the Post Exports till now.(at the time when this post is made)\u003c/p\u003e  \u003ch3\u003eAdvanced options.\u003c/h3\u003e  \u003cp\u003eIf you are familiar with the usage of blogger’s conditional tags and want to do something special with the pages, then you can use the following conditional tag for that\u003c/p\u003e  \u003cdiv class\u003d\"code\"\u003e\u0026lt;b:if cond\u003d'data:blog.pageType \u003d\u003d \u0026amp;quot;static_page\u0026amp;quot;'\u0026gt;    \u003cbr /\u003eWhen condition is true this will be done     \u003cbr /\u003e\u0026lt;/b:if \u0026gt;\u003c/div\u003e  \u003cp\u003eeg: If you want to hide the sidebar on the Static Pages, then you can use these conditional tags properly to implement that\u003c/p\u003e  \u003cp\u003eHere is the incomplete sample code for the same\u003c/p\u003e  \u003cdiv class\u003d\"code\"\u003e\u0026lt;b:if cond\u003d'data:blog.pageType \u003d\u003d \u0026amp;quot;static_page\u0026amp;quot;'\u0026gt;    \u003cbr /\u003e\u0026lt;style type\u003d\u0026quot;text/css\u0026quot;\u0026gt;     \u003cbr /\u003e.sidebar-wrapper{display:none;}     \u003cbr /\u003e\u0026lt;/style\u0026gt;     \u003cbr /\u003e\u0026lt;/b:if \u0026gt;\u003c/div\u003e  \u003cp\u003eThis code should be placed above \u003cstrong\u003e\u0026lt;/head\u0026gt; \u003c/strong\u003ein your template.\u003c/p\u003e  \u003cp\u003eyou will have to add some more CSS definitions to make it complete(you should increase the width of the post area.. ) these will be different from template to template. So\u0026#160; you will have to figure it out :)\u003c/p\u003e\u003cp\u003eSo are some of my Blogger Pages. – \u003ca style\u003d\"text-decoration: underline\" href\u003d\"http://www.bloggerplugins.org/p/subscribe.html\"\u003eSubscribe\u003c/a\u003e , \u003ca style\u003d\"text-decoration: underline\" href\u003d\"http://www.bloggerplugins.org/p/contact-me.html\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003eContact Me\u003c/a\u003e\u003c/p\u003e  \u003ch3\u003eMisbehaviour\u003c/h3\u003e  \u003cp\u003e1. If you are using the automatic post summaries hack, then your pages might not be properly displayed. I have updated the \u003ca href\u003d\"http://www.bloggerplugins.org/2009/06/automatic-post-summaries-for-blogger.html\" target\u003d\"_blank\"\u003eAutomatic Post Summaries Trick\u003c/a\u003e so that it does not conflict with the static pages. So if you are using an older version of this trick, then do update\u003c/p\u003e  \u003cp\u003e2. If you are using some trick to hide the post contents on non-post pages,then also you might end up with\u0026#160; problems on your new Static Blogger Page. You can either undo the trick or update the codes properly to avoid conflicts :)\u003c/p\u003e\u003cdiv class\u003d\"blogger-post-footer\"\u003e\u003cbr/\u003e\u003chr/\u003e\u003cfont color\u003d\"#333333\"\u003e\u003ci\u003eYou can use this article on your blog,but make sure that you link back to the original post page @ bloggerplugins.org. Article Licensed Under the Creative Commons Licensing Read - \u003ca rel\u003d\"nofollow\" href\u003d\"http://creativecommons.org/licenses/by-sa/2.5/in/\" target\u003d\"_blank\" title\u003d\"Creative Commons Licenses Attribution-SA 2.5\"\u003e\u003cfont color\u003d\"#333333\"\u003e[CC Licenses Attribution-SA 2.5]\u003c/font\u003e\u003c/a\u003e.\u003c/i\u003e\u003c/font\u003e\u003chr/\u003e\u003cimg width\u003d'1' height\u003d'1' src\u003d'https://blogger.googleusercontent.com/tracker/707079334502450236-6455435526648125397?l\u003dwww.bloggerplugins.org' alt\u003d'' /\u003e\u003c/div\u003e"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http://www.bloggerplugins.org/feeds/6455435526648125397/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http://www.bloggerplugins.org/2010/01/blogger-pages-are-finally-out.html#comment-form","title":"89 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/6455435526648125397"},{"rel":"self","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/6455435526648125397"},{"rel":"alternate","type":"text/html","href":"http://www.bloggerplugins.org/2010/01/blogger-pages-are-finally-out.html","title":"Blogger Pages are finally out"}],"author":[{"name":{"$t":"Aneesh"},"uri":{"$t":"http://www.blogger.com/profile/04518363055297434057"},"email":{"$t":"noreply@blogger.com"},"gd$extendedProperty":{"xmlns$gd":"http://schemas.google.com/g/2005","name":"OpenSocialUserId","value":"13961627232497682952"}}],"thr$total":{"$t":"89"}},{"id":{"$t":"tag:blogger.com,1999:blog-707079334502450236.post-559626470091131369"},"published":{"$t":"2009-10-28T12:43:00.005+05:30"},"updated":{"$t":"2010-08-19T00:44:50.175+05:30"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"facebook"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Template Hacks"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogging Tips"}],"title":{"type":"text","$t":"Facebook Share Count Buttons For Blogger"},"content":{"type":"html","$t":"\u003cp\u003eFacebook has now officially introduced the Retweet like facebook buttons for your blogs or sites. These facebook buttons look much similar to the \u003ca style\u003d\"text-decoration: underline\" href\u003d\"http://www.bloggerplugins.org/2009/08/retweet-button-for-blogger.html\" rel\u003d\"nofollow\"\u003eRetweet buttons by Tweetmeme\u003c/a\u003e. Facebook has 5 styles of Sharing buttons. Here we will see two of them.\u003c/p\u003e  \u003cp\u003eAdding a Facebook share count button will show a neat count of how many times your blog post has been shared on Facebook.\u003c/p\u003e \u003ca name\u003d'more'\u003e\u003c/a\u003e  \u003ch3\u003eFacebook Share Button Style 1\u003c/h3\u003e  \u003cp\u003e\u003cimg title\u003d\"facebook-share-button-for-blogger-1\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"192\" alt\u003d\"facebook-share-button-for-blogger-1\" src\u003d\"http://lh6.ggpht.com/_u4gySN2ZgqE/SufvGbK9C5I/AAAAAAAABCI/MpDSvknQedc/facebook-share-button-for-blogger-1%5B10%5D.png?imgmax\u003d800\" width\u003d\"391\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003ch3\u003eCode for Facebook Share Button Style 1\u003c/h3\u003e  \u003cdiv class\u003d\"code\"\u003e   \u003cpre class\u003d\"csharpcode\"\u003e\u003cspan class\u003d\"kwrd\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class\u003d\"html\"\u003ediv\u003c/span\u003e \u003cspan class\u003d\"attr\"\u003estyle\u003c/span\u003e\u003cspan class\u003d\"kwrd\"\u003e\u003d\u0026quot;float:right;padding:4px;\u0026quot;\u003c/span\u003e\u003cspan class\u003d\"kwrd\"\u003e\u0026gt;\u003c/span\u003e\n\u0026lt;a expr:share_url\u003d'data:post.url' name\u003d'fb_share' rel\u003d'nofollow' type\u003d'box_count'/\u0026gt;  \n\u0026lt;script type\u003d\u003cspan class\u003d\"str\"\u003e\u0026quot;text/javascript\u0026quot;\u003c/span\u003e src\u003d\u003cspan class\u003d\"str\"\u003e\u0026quot;http://static.ak.fbcdn.net/connect.php/js/FB.Share\u0026quot;\u003c/span\u003e/\u0026gt;\n\u003cspan class\u003d\"kwrd\"\u003e\u0026lt;/\u003c/span\u003e\u003cspan class\u003d\"html\"\u003ediv\u003c/span\u003e\u003cspan class\u003d\"kwrd\"\u003e\u0026gt;\u003c/span\u003e\u003c/pre\u003e\n\u003c/div\u003e\n\n\u003ch3\u003eFacebook Share Button Style 2\u003c/h3\u003e\n\n\u003cp\u003e\u003cimg title\u003d\"facebook-share-button-for-blogger-2\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"192\" alt\u003d\"facebook-share-button-for-blogger-2\" src\u003d\"http://lh5.ggpht.com/_u4gySN2ZgqE/SufvIJ-5qNI/AAAAAAAABCM/MbRpwA6WZBs/facebook-share-button-for-blogger-2%5B3%5D.png?imgmax\u003d800\" width\u003d\"391\" border\u003d\"0\" /\u003e \u003c/p\u003e\n\n\u003ch3\u003eCode for Facebook Share Button Style 2\u003c/h3\u003e\n\n\n\n\u003cdiv class\u003d\"code\"\u003e\n  \u003cpre class\u003d\"csharpcode\"\u003e\u003cspan class\u003d\"kwrd\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class\u003d\"html\"\u003ediv\u003c/span\u003e \u003cspan class\u003d\"attr\"\u003estyle\u003c/span\u003e\u003cspan class\u003d\"kwrd\"\u003e\u003d\u0026quot;float:left;padding:4px;\u0026quot;\u003c/span\u003e\u003cspan class\u003d\"kwrd\"\u003e\u0026gt;\u003c/span\u003e\n\u0026lt;a expr:share_url\u003d'data:post.url' name\u003d'fb_share' rel\u003d'nofollow' type\u003d'box_count'/\u0026gt;  \n\u0026lt;script type\u003d\u003cspan class\u003d\"str\"\u003e\u0026quot;text/javascript\u0026quot;\u003c/span\u003e src\u003d\u003cspan class\u003d\"str\"\u003e\u0026quot;http://static.ak.fbcdn.net/connect.php/js/FB.Share\u0026quot;\u003c/span\u003e/\u0026gt;\n\u003cspan class\u003d\"kwrd\"\u003e\u0026lt;/\u003c/span\u003e\u003cspan class\u003d\"html\"\u003ediv\u003c/span\u003e\u003cspan class\u003d\"kwrd\"\u003e\u0026gt;\u003c/span\u003e\u003c/pre\u003e\n\u003c/div\u003e\n\n\u003ch3\u003eFacebook Share Button Compact Style 1\u003c/h3\u003e\n\n\u003cp\u003e\u003cimg title\u003d\"facebook-share-button-for-blogger-3\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"197\" alt\u003d\"facebook-share-button-for-blogger-3\" src\u003d\"http://lh5.ggpht.com/_u4gySN2ZgqE/SufvJ4lmyKI/AAAAAAAABCQ/JSX0bAI1IWc/facebook-share-button-for-blogger-3%5B3%5D.png?imgmax\u003d800\" width\u003d\"368\" border\u003d\"0\" /\u003e \u003c/p\u003e\n\n\u003ch3\u003eCode for Facebook Share Compact Button Style 1\u003c/h3\u003e\n\n\u003cdiv class\u003d\"code\"\u003e\n  \u003cpre class\u003d\"csharpcode\"\u003e\u003cspan class\u003d\"kwrd\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class\u003d\"html\"\u003ediv\u003c/span\u003e \u003cspan class\u003d\"attr\"\u003estyle\u003c/span\u003e\u003cspan class\u003d\"kwrd\"\u003e\u003d\u0026quot;float:right;padding:4px;\u0026quot;\u003c/span\u003e\u003cspan class\u003d\"kwrd\"\u003e\u0026gt;\u003c/span\u003e\n\u0026lt;a expr:share_url\u003d'data:post.url' name\u003d'fb_share' rel\u003d'nofollow' type\u003d'button_count'/\u0026gt;  \n\u0026lt;script type\u003d\u003cspan class\u003d\"str\"\u003e\u0026quot;text/javascript\u0026quot;\u003c/span\u003e src\u003d\u003cspan class\u003d\"str\"\u003e\u0026quot;http://static.ak.fbcdn.net/connect.php/js/FB.Share\u0026quot;\u003c/span\u003e/\u0026gt;\n\u003cspan class\u003d\"kwrd\"\u003e\u0026lt;/\u003c/span\u003e\u003cspan class\u003d\"html\"\u003ediv\u003c/span\u003e\u003cspan class\u003d\"kwrd\"\u003e\u0026gt;\u003c/span\u003e\u003c/pre\u003e\n\u003c/div\u003e\n\n\u003ch3\u003eFacebook Share Button Compact Style 2\u003c/h3\u003e\n\n\n\u003cp\u003e\u003cimg title\u003d\"facebook-share-button-for-blogger-4\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"197\" alt\u003d\"facebook-share-button-for-blogger-4\" src\u003d\"http://lh5.ggpht.com/_u4gySN2ZgqE/SufvLoobWUI/AAAAAAAABCU/AO60Ko0Y1c4/facebook-share-button-for-blogger-4%5B3%5D.png?imgmax\u003d800\" width\u003d\"368\" border\u003d\"0\" /\u003e \u003c/p\u003e\n\n\u003ch3\u003eCode for Facebook Share Compact Button Style 2\u003c/h3\u003e\n\n\u003cdiv class\u003d\"code\"\u003e\n  \u003cpre class\u003d\"csharpcode\"\u003e\u003cspan class\u003d\"kwrd\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class\u003d\"html\"\u003ediv\u003c/span\u003e \u003cspan class\u003d\"attr\"\u003estyle\u003c/span\u003e\u003cspan class\u003d\"kwrd\"\u003e\u003d\u0026quot;float:left;padding:4px;\u0026quot;\u003c/span\u003e\u003cspan class\u003d\"kwrd\"\u003e\u0026gt;\u003c/span\u003e\n\u0026lt;a expr:share_url\u003d'data:post.url' name\u003d'fb_share' rel\u003d'nofollow' type\u003d'button_count'/\u0026gt;  \n\u0026lt;script type\u003d\u003cspan class\u003d\"str\"\u003e\u0026quot;text/javascript\u0026quot;\u003c/span\u003e src\u003d\u003cspan class\u003d\"str\"\u003e\u0026quot;http://static.ak.fbcdn.net/connect.php/js/FB.Share\u0026quot;\u003c/span\u003e/\u0026gt;\n\u003cspan class\u003d\"kwrd\"\u003e\u0026lt;/\u003c/span\u003e\u003cspan class\u003d\"html\"\u003ediv\u003c/span\u003e\u003cspan class\u003d\"kwrd\"\u003e\u0026gt;\u003c/span\u003e\u003c/pre\u003e\n\u003c/div\u003e\n\n\u003cp\u003e\u003c/p\u003e\n\n\u003ch3\u003eHow to install Facebook Share Count Button on your Blogger Blog?\u003c/h3\u003e\n\n\u003cp\u003e1.Select one of the Share Button Styles and copy the Corresponding Code.\u003c/p\u003e\n\n\u003cp\u003e2.Now login to your Blogger Dashboard and navigate to \u003cstrong\u003eLayout \u003c/strong\u003e\u0026gt; \u003cstrong\u003eEdit Html\u003c/strong\u003e and check the check box which says “Expand\u0026#160; widget templates”\u003c/p\u003e\n\n\u003cp\u003e3.Find this piece of code\u003c/p\u003e\n\n\u003cdiv class\u003d\"code\"\u003e\u0026lt;div class\u003d'post-header-line-1'/\u0026gt; \u003c/div\u003e\nand immediately after that place our Facebook share button code(that you copied) \n\n\u003cp\u003eIf you were unable to find this code in your template,then look for the first occurrence of\u003c/p\u003e\n\n\u003cp\u003e\u003c/p\u003e\n\n\u003cdiv class\u003d\"code\"\u003e\n  \u003cpre class\u003d\"csharpcode\"\u003e\u003cspan class\u003d\"kwrd\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class\u003d\"html\"\u003edata:post.body\u003c/span\u003e\u003cspan class\u003d\"kwrd\"\u003e/\u0026gt;\u003c/span\u003e\u003c/pre\u003e\n\u003c/div\u003e\n\n\u003cp\u003eand immediately before that paste our Facebook Share button code(that you copied).\u003c/p\u003e\n\n\u003cp\u003e5.Save the template and you should get a facebook share count button near each of your blog posts.\u003c/p\u003e\n\n\u003cp\u003e\u003cb\u003eIf you liked this post and if it helped you in implementing the facebook buttons, then please consider sharing this post on Facebook using the button on the top-right of the post :) \u003c/b\u003e\u003c/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eAlso Check out :\u003c/strong\u003e\u003c/p\u003e\n\n\u003col\u003e\n  \u003cli\u003e\u0026#160;\u003ca style\u003d\"text-decoration: underline\" href\u003d\"http://www.bloggerplugins.org/2010/04/facebook-like-button-for-blogger.html\"\u003eFacebook Like / Recommend Buttons For Blogger\u003c/a\u003e\u0026#160; - \u003cstrong\u003e\u003cfont color\u003d\"#ff0000\"\u003eNew\u003c/font\u003e\u003c/strong\u003e\u003c/li\u003e\n\n  \u003cli\u003e\u0026#160;\u003ca style\u003d\"text-decoration: underline\" href\u003d\"http://www.bloggerplugins.org/2009/10/facebook-fan-page-for-blogger-blogs.html\"\u003eCreate Facebook Fan Page for your Blog\u003c/a\u003e \u003c/li\u003e\n\u003c/ol\u003e\n\n\u003cp\u003eLink: \u003ca style\u003d\"text-decoration: underline\" href\u003d\"http://wiki.developers.facebook.com/index.php/Facebook_Share\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003eAdditional Share Button Styles on the Facebook Developers Wiki\u003c/a\u003e\u003c/p\u003e\n\n\u003cp\u003ePermalink :\u003ca style\u003d\"text-decoration: underline\" href\u003d\"http://www.bloggerplugins.org/2009/10/facebook-share-count-button-blogger.html\"\u003eFacebook Share Count Buttons for Blogger\u003c/a\u003e\u003c/p\u003e\u003cdiv class\u003d\"blogger-post-footer\"\u003e\u003cbr/\u003e\u003chr/\u003e\u003cfont color\u003d\"#333333\"\u003e\u003ci\u003eYou can use this article on your blog,but make sure that you link back to the original post page @ bloggerplugins.org. Article Licensed Under the Creative Commons Licensing Read - \u003ca rel\u003d\"nofollow\" href\u003d\"http://creativecommons.org/licenses/by-sa/2.5/in/\" target\u003d\"_blank\" title\u003d\"Creative Commons Licenses Attribution-SA 2.5\"\u003e\u003cfont color\u003d\"#333333\"\u003e[CC Licenses Attribution-SA 2.5]\u003c/font\u003e\u003c/a\u003e.\u003c/i\u003e\u003c/font\u003e\u003chr/\u003e\u003cimg width\u003d'1' height\u003d'1' src\u003d'https://blogger.googleusercontent.com/tracker/707079334502450236-559626470091131369?l\u003dwww.bloggerplugins.org' alt\u003d'' /\u003e\u003c/div\u003e"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http://www.bloggerplugins.org/feeds/559626470091131369/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http://www.bloggerplugins.org/2009/10/facebook-share-count-button-blogger.html#comment-form","title":"136 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/559626470091131369"},{"rel":"self","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/559626470091131369"},{"rel":"alternate","type":"text/html","href":"http://www.bloggerplugins.org/2009/10/facebook-share-count-button-blogger.html","title":"Facebook Share Count Buttons For Blogger"}],"author":[{"name":{"$t":"Aneesh"},"uri":{"$t":"http://www.blogger.com/profile/04518363055297434057"},"email":{"$t":"noreply@blogger.com"},"gd$extendedProperty":{"xmlns$gd":"http://schemas.google.com/g/2005","name":"OpenSocialUserId","value":"13961627232497682952"}}],"thr$total":{"$t":"136"}},{"id":{"$t":"tag:blogger.com,1999:blog-707079334502450236.post-1894730971305425442"},"published":{"$t":"2009-10-28T10:26:00.013+05:30"},"updated":{"$t":"2010-08-19T00:44:40.243+05:30"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"facebook"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Blogging Tips"}],"title":{"type":"text","$t":"Create a Facebook Fan Page for your Blog"},"content":{"type":"html","$t":"\u003cp\u003e\u003cimg title\u003d\"facebook-fan-page-for-blogger-blogs\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin: 0px 10px 10px 0px; border-right-width: 0px\" height\u003d\"94\" alt\u003d\"facebook-fan-page-for-blogger-blogs\" src\u003d\"http://lh4.ggpht.com/_u4gySN2ZgqE/SufOl8RtcZI/AAAAAAAABBY/AcqZF_xGXIw/facebookfanpageforbloggerblogs4.jpg?imgmax\u003d800\" width\u003d\"244\" align\u003d\"right\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003eFacebook is a great Social Networking Site to promote your blog or brand. Most of the major brands do have a Facebook Fan Page. Here are some examples of Facebook Fan pages – \u003ca style\u003d\"text-decoration: underline\" href\u003d\"http://www.facebook.com/cocacola\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003eCoca Cola FB Fan Page\u003c/a\u003e , \u003ca style\u003d\"text-decoration: underline\" href\u003d\"http://www.facebook.com/mashable\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003eMashable FB Fan Page\u003c/a\u003e. Are you impressed and wanna create one for your blog? I too wanted to create one and i finally made it. Here is the \u003ca style\u003d\"text-decoration: underline\" href\u003d\"http://www.facebook.com/bloggerplugins\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003elink of my Facebook Fan Page\u003c/a\u003e . So lets start making our own Facebook Fan Page for our blog.\u003c/p\u003e \u003ca name\u003d'more'\u003e\u003c/a\u003e  \u003cp\u003e1.Go to the \u003ca style\u003d\"text-decoration: underline\" href\u003d\"http://www.facebook.com/pages/create.php\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003eCreate Fan Page Link\u003c/a\u003e on Fabebook\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"facebook-fan-page-for-blogger\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"396\" alt\u003d\"facebook-fan-page-for-blogger\" src\u003d\"http://lh5.ggpht.com/_u4gySN2ZgqE/SufOn0kSqKI/AAAAAAAABBc/3_5Sp4LRJH0/facebook-fan-page-for-blogger%5B7%5D.jpg?imgmax\u003d800\" width\u003d\"537\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003e\u003c/p\u003e  \u003cp\u003eSelect \u003cstrong\u003eBrand, Product, or Organization\u003c/strong\u003e \u0026gt; \u003cstrong\u003eWebsite\u003c/strong\u003e . Type the Name of your Fan Page and agree to make it public. Now just hit the Create Button and your Fan page would be created :)\u003c/p\u003e  \u003cp\u003e2.On the Next Page, select the options \u003cstrong\u003eChange picture\u003c/strong\u003e and \u003cstrong\u003eEdit Information \u003c/strong\u003eand you what is to be done there :)\u003c/p\u003e    \u003cp\u003e\u003cimg title\u003d\"facebook-fan-page-for-blogger-2\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"335\" alt\u003d\"facebook-fan-page-for-blogger-2\" src\u003d\"http://lh6.ggpht.com/_u4gySN2ZgqE/SufOqtTslII/AAAAAAAABBg/GLGm884vQS4/facebook-fan-page-for-blogger-2%5B9%5D.jpg?imgmax\u003d800\" width\u003d\"574\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003e3.Now the most important thing that you might want is to automatically import your blog posts to the Fan Page .From the Tabs, Click on the \u003cstrong\u003e+\u003c/strong\u003e and Opt for \u003cstrong\u003eNotes\u003c/strong\u003e.\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"add-notes-to-facebook-fan-page\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"300\" alt\u003d\"add-notes-to-facebook-fan-page\" src\u003d\"http://lh4.ggpht.com/_u4gySN2ZgqE/SufOsmy-yHI/AAAAAAAABBk/n3oJPUzb6FQ/add-notes-to-facebook-fan-page%5B6%5D.jpg?imgmax\u003d800\" width\u003d\"372\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003eOn the next screen Opt to \u003cstrong\u003eWrite a New Note\u003c/strong\u003e\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"write-notes-on-face-book-page\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; margin-right: 0px; border-right-width: 0px\" height\u003d\"195\" alt\u003d\"write-notes-on-face-book-page\" src\u003d\"http://lh3.ggpht.com/_u4gySN2ZgqE/SufOuf7ukAI/AAAAAAAABBo/SWMCvyd6cqA/write-notes-on-face-book-page%5B8%5D.jpg?imgmax\u003d800\" width\u003d\"558\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003e4.You will see an Editor and some icons at the Top . Click on the Notes Icon at the top.\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"import-notes-to-facebook-page\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"455\" alt\u003d\"import-notes-to-facebook-page\" src\u003d\"http://lh6.ggpht.com/_u4gySN2ZgqE/SufOwk3wIOI/AAAAAAAABBs/dg61iJ9hLlE/import-notes-to-facebook-page%5B9%5D.jpg?imgmax\u003d800\" width\u003d\"574\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003e5.On the Next Page, opt for\u003cstrong\u003e Import a blog\u003c/strong\u003e\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"import-blog-to-facebook\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"288\" alt\u003d\"import-blog-to-facebook\" src\u003d\"http://lh6.ggpht.com/_u4gySN2ZgqE/SufOymkkUxI/AAAAAAAABBw/HiStb80zRg0/import-blog-to-facebook%5B10%5D.jpg?imgmax\u003d800\" width\u003d\"574\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003e6.On the next screen, type in your blog URL, and agree to the agreement and Click \u003cstrong\u003eStart Importing\u003c/strong\u003e\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"import-blog-posts-to-facebook\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"405\" alt\u003d\"import-blog-posts-to-facebook\" src\u003d\"http://lh5.ggpht.com/_u4gySN2ZgqE/SufO0phXN1I/AAAAAAAABB0/Wes2L2GFf5k/import-blog-posts-to-facebook%5B9%5D.jpg?imgmax\u003d800\" width\u003d\"545\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003eIf this gives some error try using the url http://yourblog.blogspot.com/\u003cstrong\u003efeeds/posts/default\u003c/strong\u003e\u003c/p\u003e  \u003cp\u003e7.On the Next page, Confirm the Blog import\u003c/p\u003e    \u003cp\u003e\u003cimg title\u003d\"confirm-facebook-blog-import\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"206\" alt\u003d\"confirm-facebook-blog-import\" src\u003d\"http://lh4.ggpht.com/_u4gySN2ZgqE/SufO3USvQgI/AAAAAAAABB4/nBJsnMtjZrQ/confirm-facebook-blog-import%5B13%5D.jpg?imgmax\u003d800\" width\u003d\"574\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003e\u0026#160;\u003c/p\u003e  \u003cp\u003e8.After confirming, all your blog posts will be imported to the fan page. Now click on your Fan Page Link and get back to the fan page..\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"click-on-face-book-fan-page-link\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px\" height\u003d\"598\" alt\u003d\"click-on-face-book-fan-page-link\" src\u003d\"http://lh5.ggpht.com/_u4gySN2ZgqE/SufO5kl_3eI/AAAAAAAABB8/RFF7H3_pRYc/click-on-face-book-fan-page-link%5B6%5D.jpg?imgmax\u003d800\" width\u003d\"567\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003e9.\u003cimg title\u003d\"promote-with-fan-box\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin: 0px 10px 0px 5px; border-right-width: 0px\" height\u003d\"187\" alt\u003d\"promote-with-fan-box\" src\u003d\"http://4.bp.blogspot.com/_u4gySN2ZgqE/S1lbM671OSI/AAAAAAAABD0/NGAWhqTT55I/s400/facebookprometewithfanbox.jpg\" width\u003d\"169\" align\u003d\"left\" border\u003d\"0\" /\u003e Now we have successfully created the Fan Page.If you want to remove some of the unwanted tabs like Discussions, Photos, Boxes etc, then you can go to that Tab and remove it. \u003c/p\u003e  \u003cp\u003eNow you can add a Fan box to your blog so that your blog readers can join you on Facebook. To do this, goto the \u003ca style\u003d\"text-decoration: underline\" href\u003d\"http://www.facebook.com/facebook-widgets/pagebadges.php\" rel\u003d\"nofollow\"\u003ePage Badges Link\u003c/a\u003e .Select \u003cspan style\u003d\"font-weight: bold\"\u003eFanbox\u003c/span\u003e from the Left menu\u003c/p\u003e  \u003cp\u003eNow Select your page and the Options that you want and then opt to to add the fan box to blogger using the Blogger Button\u003c/p\u003e  \u003cp\u003e\u003cimg title\u003d\"add-fan-box-to-blogger\" style\u003d\"border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin: 0px 0px 0px 10px; border-right-width: 0px\" height\u003d\"307\" alt\u003d\"add-fan-box-to-blogger\" src\u003d\"http://lh5.ggpht.com/_u4gySN2ZgqE/SufO9XJs5fI/AAAAAAAABCE/jxarZDEt_Ao/add-fan-box-to-blogger%5B10%5D.jpg?imgmax\u003d800\" width\u003d\"394\" border\u003d\"0\" /\u003e \u003c/p\u003e  \u003cp\u003eNow you should have the Fan box added on to your blog :) \u003c/p\u003e  \u003cp\u003eYour Fan Page URL will look something like \u003cstrong\u003ehttp://www.facebook.com/pages/Blogger-Widgets/252379165362\u003c/strong\u003e .Now if you have a pretty good number of fans(i think the minimum requirement is 25 fans) , then you can have a pretty facebook URL like \u003cstrong\u003ehttp://www.facebook.com/bloggerplugins\u003c/strong\u003e instead of a long one like \u003cstrong\u003ehttp://www.facebook.com/pages/Blogger-Widgets/252379165362\u003c/strong\u003e .\u003c/p\u003e  \u003cp\u003eTo claim such small usernames for your facebook page, go to \u003ca title\u003d\"http://www.facebook.com/username/\" style\u003d\"text-decoration: underline\" href\u003d\"http://www.facebook.com/username/\" target\u003d\"_blank\" rel\u003d\"nofollow\"\u003e\u003cstrong\u003ehttp://www.facebook.com/username/\u003c/strong\u003e\u003c/a\u003e and Click on \u003cstrong\u003eSet a username for your Pages\u003c/strong\u003e. There you can select the small pretty user name for your fan page.Once you opt for a user name you can’t change it back again. So be careful when choosing your Facebook Fan Page Username.\u003c/p\u003e  \u003cp\u003e10. This is the most important Step of all ;)\u003c/p\u003e  \u003cdiv style\u003d\"float: left; width: 320px\"\u003e\u003cscript type\u003d\"text/javascript\" src\u003d\"http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/en_US\"\u003e\u003c/script\u003e\u003cscript type\u003d\"text/javascript\"\u003eFB.init(\"2f0048369740d7af8b3b9233593928c2\");\u003c/script\u003e\u003cfan class\u003d\" FB_fan FB_ElementReady\" width\u003d\"300\" connections\u003d\"10\" stream\u003d\"stream\" profile_id\u003d\"252379165362\" _fbElement\u003d\"[object Object]\"\u003e\u003ciframe class\u003d\"FB_SERVER_IFRAME\" style\u003d\"border-right: medium none; border-top: medium none; border-left: medium none; width: 300px; border-bottom: medium none; height: 250px\" name\u003d\"fbfanIFrame_0\" src\u003d\"http://www.connect.facebook.com/connect/connect.php?api_key\u003d2f0048369740d7af8b3b9233593928c2\u0026amp;channel_url\u003dfile%3A%2F%2FC%3A%5CUsers%5CAneesh%5CAppData%5CLocal%5CTemp%5CWindowsLiveWriter-429641856%5C241CCF13CE48%5Cindex.htm%3Ffbc_channel%3D1\u0026amp;id\u003d252379165362\u0026amp;name\u003d\u0026amp;width\u003d300\u0026amp;connections\u003d10\u0026amp;stream\u003d\u0026amp;css\u003d\" frameborder\u003d\"0\" scrolling\u003d\"no\" allowtransparency\u003d\"allowtransparency\"\u003e\u003c/iframe\u003e\u003c/fan\u003e\u003c/div\u003e  \u003cp\u003eBe my fan on Facebook ;)\u0026#160; and you will get all my blog updates on my Facebook Fan Page. \u003c/p\u003e  \u003cp\u003e\u0026#160;\u003c/p\u003e  \u003cp\u003e\u003cstrong\u003e\u003c/strong\u003e\u003c/p\u003e  \u003cp\u003e\u003cstrong\u003e\u003c/strong\u003e\u003c/p\u003e  \u003cp\u003e\u003cstrong\u003e\u003c/strong\u003e\u003c/p\u003e  \u003cp\u003e\u003cstrong\u003e\u003c/strong\u003e\u003c/p\u003e  \u003cp\u003e\u003cstrong\u003e\u003c/strong\u003e\u003c/p\u003e  \u003cp\u003e\u003cstrong\u003e\u003c/strong\u003e\u003c/p\u003e  \u003cp\u003e\u003cstrong\u003e\u003c/strong\u003e\u003c/p\u003e  \u003cp\u003e\u003cstrong\u003e\u003c/strong\u003e\u003c/p\u003e  \u003cp\u003e\u003cstrong\u003e\u003c/strong\u003e\u003c/p\u003e  \u003cp\u003e\u003cstrong\u003e\u003c/strong\u003e\u003c/p\u003e  \u003cp\u003e\u003cstrong\u003eAlso Check out :\u003c/strong\u003e\u003c/p\u003e  \u003col\u003e   \u003cli\u003e\u003ca style\u003d\"text-decoration: underline\" href\u003d\"http://www.bloggerplugins.org/2010/04/facebook-like-button-for-blogger.html\"\u003eFacebook Like / Recommend Buttons For Blogger\u003c/a\u003e\u0026#160; - \u003cstrong\u003e\u003cfont color\u003d\"#ff0000\"\u003eNew\u003c/font\u003e\u003c/strong\u003e \u003c/li\u003e    \u003cli\u003e\u003ca style\u003d\"text-decoration: underline\" href\u003d\"http://www.bloggerplugins.org/2009/10/facebook-share-count-button-blogger.html\"\u003eFacebook Share Count Buttons For Blogger\u003c/a\u003e \u003c/li\u003e \u003c/ol\u003e  \u003cp\u003ePermalink: \u003ca style\u003d\"text-decoration: underline\" href\u003d\"http://www.bloggerplugins.org/2009/10/facebook-fan-page-for-blogger-blogs.html\"\u003eCreate a Facebook Fan Page for your Blog\u003c/a\u003e\u003c/p\u003e\u003cdiv class\u003d\"blogger-post-footer\"\u003e\u003cbr/\u003e\u003chr/\u003e\u003cfont color\u003d\"#333333\"\u003e\u003ci\u003eYou can use this article on your blog,but make sure that you link back to the original post page @ bloggerplugins.org. Article Licensed Under the Creative Commons Licensing Read - \u003ca rel\u003d\"nofollow\" href\u003d\"http://creativecommons.org/licenses/by-sa/2.5/in/\" target\u003d\"_blank\" title\u003d\"Creative Commons Licenses Attribution-SA 2.5\"\u003e\u003cfont color\u003d\"#333333\"\u003e[CC Licenses Attribution-SA 2.5]\u003c/font\u003e\u003c/a\u003e.\u003c/i\u003e\u003c/font\u003e\u003chr/\u003e\u003cimg width\u003d'1' height\u003d'1' src\u003d'https://blogger.googleusercontent.com/tracker/707079334502450236-1894730971305425442?l\u003dwww.bloggerplugins.org' alt\u003d'' /\u003e\u003c/div\u003e"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http://www.bloggerplugins.org/feeds/1894730971305425442/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"http://www.bloggerplugins.org/2009/10/facebook-fan-page-for-blogger-blogs.html#comment-form","title":"107 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/1894730971305425442"},{"rel":"self","type":"application/atom+xml","href":"http://www.blogger.com/feeds/707079334502450236/posts/default/1894730971305425442"},{"rel":"alternate","type":"text/html","href":"http://www.bloggerplugins.org/2009/10/facebook-fan-page-for-blogger-blogs.html","title":"Create a Facebook Fan Page for your Blog"}],"author":[{"name":{"$t":"Aneesh"},"uri":{"$t":"http://www.blogger.com/profile/04518363055297434057"},"email":{"$t":"noreply@blogger.com"},"gd$extendedProperty":{"xmlns$gd":"http://schemas.google.com/g/2005","name":"OpenSocialUserId","value":"13961627232497682952"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http://4.bp.blogspot.com/_u4gySN2ZgqE/S1lbM671OSI/AAAAAAAABD0/NGAWhqTT55I/s72-c/facebookprometewithfanbox.jpg","height":"72","width":"72"},"thr$total":{"$t":"107"}}]}});