tag:blogger.com,1999:blog-57891365022354127402024-03-19T17:26:36.747+05:30Teach Me KnowTips, Tricks, SEO secrets and money making for BloggersAshwin Patelhttp://www.blogger.com/profile/12163691460157753122noreply@blogger.comBlogger14125tag:blogger.com,1999:blog-5789136502235412740.post-18498140692286019342010-08-15T08:30:00.026+05:302010-08-15T10:14:51.588+05:30Add Sliding Text, Image to your Blogger Blog (Marquee Code)In Todays tutorial we are going to use Marquee codes to add Sliding Text, Image to your Blogger Blog. You can make the text, images scroll from right to left, left to right, top to bottom, or bottom to top depending on yours choice.<br /><br /><span style="font-weight: bold;">1. Continuous scrolling text:</span><br /><br /><pre class="postCode"><br /><!-- HTML codes by http://teachmeknow.blogspot.com/ --><br /><marquee direction="left" bgcolor="#99CCFF">code to simple scrolling text</marquee><br /><p><a href="http://teachmeknow.blogspot.com/2010/08/add-sliding-text-image-to-your-blogger.html">Marquee</a></p><br /><br /></pre><br />The above Code Result in:<br /><br /><marquee direction="left" bgcolor="#99ccff">code to simple scrolling text</marquee><br /><br /><span style="font-weight: bold;">2.</span> <span style="font-weight: bold;">Text bouncing back and forth:</span><br /><br /><pre class="postCode"><!-- HTML codes by http://teachmeknow.blogspot.com/ --><br /><marquee behavior="alternate" bgcolor="#33FFCC">code to simple scrolling text</marquee><br /><p><a href="http://teachmeknow.blogspot.com/2010/08/add-sliding-text-image-to-your-blogger.html">Marquee</a></p><br /></pre><br />Above Code Results in:<br /><br /><marquee behavior="alternate" bgcolor="#33ffcc">code to simple scrolling text</marquee><br /><br /><span style="font-weight: bold;"><br />3. </span><span style="font-weight: bold;">Text Scrolling Upwards:</span><span style="font-weight: bold;"><br /><br /><pre class="postCode"><br /><span style="font-weight: normal;"><!-- HTML codes by http://teachmeknow.blogspot.com/ --></span><br /><span style="font-weight: normal;"><marquee behavior="scroll" direction="up" bgcolor="#33FFCC">code to simple scrolling text</marquee></span><br /><span style="font-weight: normal;"><p><a href="http://teachmeknow.blogspot.com/2010/08/add-sliding-text-image-to-your-blogger.html">Marquee</a></p></span><br /></pre><br /><br />Above Code Results in:<br /><br /><br /><marquee behavior="scroll" direction="up" bgcolor="#33ffcc">code to simple scrolling text</marquee><br /><br /><br /><br />4. Text and Image both Scrolling:</span><br /><br /><pre class="postCode"><br /><!-- HTML codes by http://teachmeknow.blogspot.com/ --><br /><marquee behavior="scroll" direction="left"><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTz9KEolFnbd9p1ErvI2UDcBG0O2kVbVD2CxCko0J61KBUs44gxx_uCksjgudYOk03ZNOvvTiqaro2MVSTW5jTzrcE4JS1u419Y1fiEm8bSATBpXDfTIDQckFc_WkwRb4w8U9j7ZlPeYEf/s200/BackupTemplateFirst.gif" width="100" height="100" alt="smile" /><br /><p>Sample text under a <a href="http://teachmeknow.blogspot.com/2010/08/add-sliding-text-image-to-your-blogger.html">Marquee image</a>.</p></marquee></pre><br />Above Code Results in:<br /><!-- HTML codes by http://teachmeknow.blogspot.com/ --><br /><marquee behavior="scroll" direction="left "><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTz9KEolFnbd9p1ErvI2UDcBG0O2kVbVD2CxCko0J61KBUs44gxx_uCksjgudYOk03ZNOvvTiqaro2MVSTW5jTzrcE4JS1u419Y1fiEm8bSATBpXDfTIDQckFc_WkwRb4w8U9j7ZlPeYEf/s200/BackupTemplateFirst.gif" alt="smile" width="100" height="100" /><br /><p>Sample text under a <a href="http://teachmeknow.blogspot.com/2010/08/add-sliding-text-image-to-your-blogger.html">Marquee image</a>.</p></marquee><br /><span style="font-weight: bold; color: rgb(255, 0, 0);"><br />Following are Changes you can make to existing Marquee Codes</span><br /><br /><ul><li>direction- left, right, up, down</li><li>bgcolour- Any color you want for your background: get some color codes from <a style="font-weight: bold;" href="http://www.w3schools.com/html/html_colors.asp">here</a></li><li>behaviour- scroll, alternate</li></ul><br />You are Done !!! Happy BloggingAshwin Patelhttp://www.blogger.com/profile/12163691460157753122noreply@blogger.com0tag:blogger.com,1999:blog-5789136502235412740.post-62389865038183749842010-08-14T22:37:00.005+05:302010-08-14T22:58:30.018+05:30Add Favicon to Blogger BlogThis tutorial is to customize your blog and add your customized Favicon to your blog, Favicon of current Blog is shown below<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF-Mk3eoCAb0aO85Q_IWT1_ZsuzylSfJHZ6isTAwK3RViqMZoZAS5sGcXUWOg0xvtghKVfy9G4Gv09LmVx8yc6rpcPBUsZRCzRga86GVJTUcPszvEbdDv6Imjt6SAdDjpaLr5w_KwUiWEM/s1600/add+favicon+to+blog.bmp"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 68px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF-Mk3eoCAb0aO85Q_IWT1_ZsuzylSfJHZ6isTAwK3RViqMZoZAS5sGcXUWOg0xvtghKVfy9G4Gv09LmVx8yc6rpcPBUsZRCzRga86GVJTUcPszvEbdDv6Imjt6SAdDjpaLr5w_KwUiWEM/s400/add+favicon+to+blog.bmp" alt="" id="BLOGGER_PHOTO_ID_5505315425871936002" border="0" /></a><br /><span style="font-weight: bold;">Add Favicon to Blogger Blog</span><br /><br /><br />1. First "<a style="color: rgb(51, 51, 255);" href="http://www.blogger.com/home"><span>Login</span></a>" to your Blogger account<br /><br />2. Click on "<span style="font-weight: bold;">Design</span>" highlighted in image below<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhklxMYQpl6Hkyho7zmFY5tXsKEFX8x05lyxpz7R41gwkTdSHe82bGz9vj2YmKOHpLcRWmjsO755LfigkySe5G_XJ-sVc_6Jjtf4mJZTRUzvfKrcsdzGj_afVHPMXWduia8O-cjykrX_0XS/s1600/3+column+footer+blog.bmp"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 89px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhklxMYQpl6Hkyho7zmFY5tXsKEFX8x05lyxpz7R41gwkTdSHe82bGz9vj2YmKOHpLcRWmjsO755LfigkySe5G_XJ-sVc_6Jjtf4mJZTRUzvfKrcsdzGj_afVHPMXWduia8O-cjykrX_0XS/s400/3+column+footer+blog.bmp" alt="" id="BLOGGER_PHOTO_ID_5505306815259355970" border="0" /></a><br />3. Click on "<span style="font-weight: bold;">Edit HTML</span>" as shown below<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg8xL7mvlM6PM89_BwZy9AmQ9_-dZbceLyn7JHZyvw9YtxhtI_klHTtEOBMGxsWicAoszvg5csiU-p3PdP6BTeL22-LHNAk90O58hDravPi2B7RdLcz7McFrZa9s84OsJMRsJgoRIlECOD/s1600/3+column+footer.bmp"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 110px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg8xL7mvlM6PM89_BwZy9AmQ9_-dZbceLyn7JHZyvw9YtxhtI_klHTtEOBMGxsWicAoszvg5csiU-p3PdP6BTeL22-LHNAk90O58hDravPi2B7RdLcz7McFrZa9s84OsJMRsJgoRIlECOD/s400/3+column+footer.bmp" alt="" id="BLOGGER_PHOTO_ID_5505307348255451218" border="0" /></a><br />4. Search for the Code Shown below in your blogger code<br /><br /><pre class="postCode"><br /><Head><br /></pre><br /><br />5. Now, place the code shown below just after the code shown in step 4<br /><br /><br /><pre class="postCode"><br /><br /><link rel="icon" href="http://myfavicon.com/favicon.ico" /><br /></pre><br />6. Replace "<span style="color: rgb(204, 0, 0);">http://myfavicon.com/favicon.ico</span>" with the URL of the image you want as your favicon.<br /><br />7. Save the Changes to your Blogger Template<br /><br />8. You are Done !!! Happy BloggingAshwin Patelhttp://www.blogger.com/profile/12163691460157753122noreply@blogger.com0tag:blogger.com,1999:blog-5789136502235412740.post-66781067011956504702010-08-14T21:32:00.007+05:302010-08-14T22:25:16.186+05:30Add 3 Column footer to Blogger BlogIn today's Tutorial we are going to learn How to add 3 Column footer to Blogger Blog, this tutorial involve a little trick of adding a code to your existing footer section in your template to convert it to 3 column footer template.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitdHRTKTpCwjdIuWYBvLUGtxDoLYdJIreKw2EMNeWwdSpFif8R97BjybP0qZQYFEj_T6lvZcLABmC-4u6I40StQ_S9O1L-1ABy4_bLi6akOqu6-HrE7sIFUXil-BPpxyNqnLGnMrVFvLbs/s1600/three_column_footer.gif"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 133px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitdHRTKTpCwjdIuWYBvLUGtxDoLYdJIreKw2EMNeWwdSpFif8R97BjybP0qZQYFEj_T6lvZcLABmC-4u6I40StQ_S9O1L-1ABy4_bLi6akOqu6-HrE7sIFUXil-BPpxyNqnLGnMrVFvLbs/s400/three_column_footer.gif" alt="" id="BLOGGER_PHOTO_ID_5505305174371890530" border="0" /></a><br />Before Starting with our Post don't forget to take <a href="http://teachmeknow.blogspot.com/2010/08/backup-your-blogger-template.html"><span style="font-weight: bold; color: rgb(51, 51, 255);">back up</span></a> of your <span class="IL_AD" id="IL_AD1">template</span> before editing it.<br /><br /><span style="font-weight: bold;">Add 3 Column footer to Blogger Blog</span><br /><br />1. First "<a style="color: rgb(51, 51, 255);" href="http://www.blogger.com/home"><span>Login</span></a>" to your Blogger account<br /><br />2. Click on "<span style="font-weight: bold;">Design</span>" highlighted in image below<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhklxMYQpl6Hkyho7zmFY5tXsKEFX8x05lyxpz7R41gwkTdSHe82bGz9vj2YmKOHpLcRWmjsO755LfigkySe5G_XJ-sVc_6Jjtf4mJZTRUzvfKrcsdzGj_afVHPMXWduia8O-cjykrX_0XS/s1600/3+column+footer+blog.bmp"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 89px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhklxMYQpl6Hkyho7zmFY5tXsKEFX8x05lyxpz7R41gwkTdSHe82bGz9vj2YmKOHpLcRWmjsO755LfigkySe5G_XJ-sVc_6Jjtf4mJZTRUzvfKrcsdzGj_afVHPMXWduia8O-cjykrX_0XS/s400/3+column+footer+blog.bmp" alt="" id="BLOGGER_PHOTO_ID_5505306815259355970" border="0" /></a>3. Click on "<span style="font-weight: bold;">Edit HTML</span>" as shown below<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg8xL7mvlM6PM89_BwZy9AmQ9_-dZbceLyn7JHZyvw9YtxhtI_klHTtEOBMGxsWicAoszvg5csiU-p3PdP6BTeL22-LHNAk90O58hDravPi2B7RdLcz7McFrZa9s84OsJMRsJgoRIlECOD/s1600/3+column+footer.bmp"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 110px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg8xL7mvlM6PM89_BwZy9AmQ9_-dZbceLyn7JHZyvw9YtxhtI_klHTtEOBMGxsWicAoszvg5csiU-p3PdP6BTeL22-LHNAk90O58hDravPi2B7RdLcz7McFrZa9s84OsJMRsJgoRIlECOD/s400/3+column+footer.bmp" alt="" id="BLOGGER_PHOTO_ID_5505307348255451218" border="0" /></a><br />4. Find the following code in your blogger template code<br /><br /><pre class="postCode"><br /><div id='footer-wrapper'><br /><b:section class='footer' id='footer'/><br /></div><br /></pre><br />5. In most of the templates you will find this above code at bottom of blogger template<br /><br />6. Now, to add 3 column footer to your blogger template replace the above code with code shown below<br /><br /><pre class="postCode"><br /><div id='footer-columns'><br /><div id='footer1' style='width: 30%; float: left; margin:0; text-align: left;'><br /><b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/><br /></div><br /><div id='footer2' style='width: 40%; float: left; margin:0; text-align: left;'><br /><b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/><br /></div><br /><div id='footer3' style='width: 30%; float: right; margin:0; text-align: left;'><br /><b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/><br /></div><br /><div style='clear:both;'/><br /></div><br /></pre><br />7. Save the Changes to your Blogger Template<br /><br />8. You are Done !!! Happy BloggingAshwin Patelhttp://www.blogger.com/profile/12163691460157753122noreply@blogger.com0tag:blogger.com,1999:blog-5789136502235412740.post-18681113462091373732010-08-07T22:19:00.013+05:302010-08-07T23:03:07.978+05:30Submit your Blog Sitemap to GoogleBy following this Tutorial you will be able to submit sitemap of your blogger blog to Google using Google webmaster tools, and this will take less than 5 minutes to finish.<br /><br /><span style="font-weight: bold;">Following are benefits of Submitting your Blog Sitemap to Google Search Engine</span><ul><li>Regular indexing of your blog</li><li>Regular indexing of your Latest posts</li><li>Increase in sites traffic as a result of more indexing</li></ul>So for whom you are waiting for , Submit your Blog Sitemap to Google by following the steps below:<br /><br />1. Sign in to Google webmaster tools, Click here to <a href="http://www.google.com/webmasters/tools/">Sign in</a><br /><br />2. Now Click on "<span style="font-weight: bold;">Add New Site</span>" as shown below.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFAhFFOuATQJE2RK2Z_5NwcYqw1G8rMMeqIcliKyK6oheMpSDaYId_1J8fujoEAK07aMzLzcvVfQGI6A6yh_wT6pYswZ8dl25bJzqaH87XpeTpVPux8II-qH-xIbkDpXsGodummJqb4vjA/s1600/untitled.bmp"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 154px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFAhFFOuATQJE2RK2Z_5NwcYqw1G8rMMeqIcliKyK6oheMpSDaYId_1J8fujoEAK07aMzLzcvVfQGI6A6yh_wT6pYswZ8dl25bJzqaH87XpeTpVPux8II-qH-xIbkDpXsGodummJqb4vjA/s400/untitled.bmp" alt="" id="BLOGGER_PHOTO_ID_5502713798446244114" border="0" /></a><br />3. Insert Your Blogs URL Address.<br /><br />4. Then you will be asked to verify your Blogger blog, select any one whichever you want and verify your Blog.<br /><br />5. Since you have Verified your Site, Know you are going to Submit your Sitemap by following to left side of your webpage.<br /><br />6. Below <span style="font-weight: bold;">Dashboard</span> goto <span class="label">"<span style="font-weight: bold;">Site configuration</span>">></span>"<span style="font-weight: bold;">Sitemaps</span>" >> Now Click on "<span style="font-weight: bold;">Submit a Sitemap</span>" as shown below<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5vycgCowZWF9V1aIjolq94UtITg9iYNuqKlhh-Fpp_a6W_RUTDIvdkCHtc5gUSpcvYAoOc53NRFz_CEMtYr0N9XU7GuTsgV2c-1ms4vfyjsjyrEtwjpCDRCTy-d6NX8Tp11MUYMR63iuR/s1600/untitled.bmp"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 161px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5vycgCowZWF9V1aIjolq94UtITg9iYNuqKlhh-Fpp_a6W_RUTDIvdkCHtc5gUSpcvYAoOc53NRFz_CEMtYr0N9XU7GuTsgV2c-1ms4vfyjsjyrEtwjpCDRCTy-d6NX8Tp11MUYMR63iuR/s400/untitled.bmp" alt="" id="BLOGGER_PHOTO_ID_5502718028235076914" border="0" /></a><br />7. On the Sitemaps page in Webmaster Tools type either <strong>atom.xml</strong> or <strong>rss.xml</strong> into the box provided to extend the displayed URL and click on the "<span style="font-weight: bold;">Submit Sitemap</span>" button. Images are shown below for your reference<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkAa2sjJKSQMN6X7wjIEsW9bhdbdeJgA6Nfox-ZQf9TVKGTNNY8IFqH2PZPbMy80IwOrGbpnWnHtxyu_5R7pd25So3o0Dn6UFfSIpGZ82aaUKBTqtmCHZLJ7KVxwioTjuX3Ofl_bSzkG_F/s1600/untitled.bmp"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 53px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkAa2sjJKSQMN6X7wjIEsW9bhdbdeJgA6Nfox-ZQf9TVKGTNNY8IFqH2PZPbMy80IwOrGbpnWnHtxyu_5R7pd25So3o0Dn6UFfSIpGZ82aaUKBTqtmCHZLJ7KVxwioTjuX3Ofl_bSzkG_F/s400/untitled.bmp" alt="" id="BLOGGER_PHOTO_ID_5502718937889072210" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmEfgpFA9fq9E8AIkyeoGs7hu7ocC4qWJSeUdH9xUUjw9Eu1FuGklETiytuW9p5YdYJbp06_DaRO_EhYy1QcNY6_fveowoodea8AB3yDw-DeFp9kcGqkz_ztlkmkviTisuBNnTLEzGpK_2/s1600/untitled.bmp"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 53px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmEfgpFA9fq9E8AIkyeoGs7hu7ocC4qWJSeUdH9xUUjw9Eu1FuGklETiytuW9p5YdYJbp06_DaRO_EhYy1QcNY6_fveowoodea8AB3yDw-DeFp9kcGqkz_ztlkmkviTisuBNnTLEzGpK_2/s400/untitled.bmp" alt="" id="BLOGGER_PHOTO_ID_5502719689306894482" border="0" /></a><br />8. After doing all steps peerfectly you will be directed to a page will then display a message indicating that your sitemap submission is pending.<br /><br />9. It will be Approved within 24 hours .<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqF7_2PwO1FNjYdMlEDIcaxA50b3eAnk1-jdSIUnGQaRwsRq9_mK8siwWU27z8lKbZZw2IcWcBo6Vjo6ZQ3utZRkjJsDwlRJrE1S422-Cs1b8QkBzBHTi7Zn-pRv7ipENUlkVRRUmbLY9W/s1600/untitled.bmp"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 160px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqF7_2PwO1FNjYdMlEDIcaxA50b3eAnk1-jdSIUnGQaRwsRq9_mK8siwWU27z8lKbZZw2IcWcBo6Vjo6ZQ3utZRkjJsDwlRJrE1S422-Cs1b8QkBzBHTi7Zn-pRv7ipENUlkVRRUmbLY9W/s400/untitled.bmp" alt="" id="BLOGGER_PHOTO_ID_5502720868742551970" border="0" /></a><br />10. Since you have your sitemap in place you can look forward to increased traffic as more visitors will now be able to find your Blog on Google Search Engine.<br /><br /><br />You are Done !!! Happy Blogging.Ashwin Patelhttp://www.blogger.com/profile/12163691460157753122noreply@blogger.com0tag:blogger.com,1999:blog-5789136502235412740.post-21057973663121422082010-08-07T21:25:00.000+05:302010-08-07T21:26:24.223+05:30Add Paypal Donate button to Blogger<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzB7mWs0yvXzRK5VU8-35UYVAqoP3XpXxIaG_wNCdNEigz1HYTJLmOfivm0heLWnn3pJmA__uIQxpqsZZw8MdY5mtai0gLUUJRPM1VYDWYs2nUnsCTnKw1akO8r7X19g3uhQ9cSO-4G0Q3/s1600/donate-paypal-jpg.jpg"><img style="float: right; margin: 0pt 0pt 10px 10px; cursor: pointer; width: 130px; height: 101px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzB7mWs0yvXzRK5VU8-35UYVAqoP3XpXxIaG_wNCdNEigz1HYTJLmOfivm0heLWnn3pJmA__uIQxpqsZZw8MdY5mtai0gLUUJRPM1VYDWYs2nUnsCTnKw1akO8r7X19g3uhQ9cSO-4G0Q3/s400/donate-paypal-jpg.jpg" alt="" id="BLOGGER_PHOTO_ID_5500704699193000082" border="0" /></a>If you are planning to insert a PayPal donation box on your blog’s sidebar or any other place then follow the below mentioned steps. PayPal Donation button looks as image shown on right side.<br /><br />1. Sign in to your PayPal account or Create yourself a new <a style="font-weight: bold; font-family: courier new;" href="https://www.paypal.com/cgi-bin/webscr?cmd=_registration-run">PayPal</a> account<br /><br />2. After Signing in Click on "<span style="font-weight: bold;">Merchant Services</span>" Tab<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrh908dLeeJbRXLwIk2ORV26_DPiufbweyEyah-c9-kJaMq8Lm21K5NCXfPrmsFQfWQ5Gcuel4tkpyRBdLFcHuPmzuZdsyiNGr3tscj-OZ6W4fpB6lFsFUvSxDw2Xogmv_SkIKuN6cR4X7/s1600/paypal-merchant-services-tab.JPG"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 71px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrh908dLeeJbRXLwIk2ORV26_DPiufbweyEyah-c9-kJaMq8Lm21K5NCXfPrmsFQfWQ5Gcuel4tkpyRBdLFcHuPmzuZdsyiNGr3tscj-OZ6W4fpB6lFsFUvSxDw2Xogmv_SkIKuN6cR4X7/s400/paypal-merchant-services-tab.JPG" alt="" id="BLOGGER_PHOTO_ID_5500707231552724146" border="0" /></a><br />3. Now Click on "<span style="font-weight: bold;">Donations</span>" which is displayed on right hand side in List of <span style="font-weight: bold;">Key features</span>.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYft3hBAJ7ZihCY7U309mpU4y2YUL3YwEpqE8D8QdKMaz7zJjpETuNjLpIjnob6obQcNnRfinP52cFv_-M6VNntt51A50fUjlakD6VosCoWW0T4r_kw3qbR-DSIaBNQY6_-Wjv6ZdW0OcS/s1600/paypal-select-donations.JPG"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 193px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYft3hBAJ7ZihCY7U309mpU4y2YUL3YwEpqE8D8QdKMaz7zJjpETuNjLpIjnob6obQcNnRfinP52cFv_-M6VNntt51A50fUjlakD6VosCoWW0T4r_kw3qbR-DSIaBNQY6_-Wjv6ZdW0OcS/s400/paypal-select-donations.JPG" alt="" id="BLOGGER_PHOTO_ID_5500708223651386482" border="0" /></a><br />4. Fill up the Form in Donation Page and Select the PayPal button style, then Click on "<span style="font-weight: bold;">Create Button Now</span>"<br /><br />5. After Clicking on "<span style="font-weight: bold;">Create Button Now</span>" you will be redirected to paypal donation button code page.Copy the code and Paste it to your blog.<br /><br />You are Done !!! Happy Blogging.Ashwin Patelhttp://www.blogger.com/profile/12163691460157753122noreply@blogger.com0tag:blogger.com,1999:blog-5789136502235412740.post-85661258327567276232010-08-07T18:23:00.007+05:302010-08-07T18:44:26.975+05:30How to Recover (Undelete, Restore) a Deleted BlogIn Today's <span class="IL_AD" id="IL_AD1">Tutorial</span> we are going to learn "How to Recover (Undelete, Restore) a Deleted Blogg in Blogger Blogspot". Follow the Instruction as shown below.<br /><br />1. First "<a style="color: rgb(51, 51, 255);" href="http://www.blogger.com/home"><span>Login</span></a>" to your Blogger account<br /><br />2. You will be Redirected to Dashboard of your Blog.<br /><br />3. Now, to recover a deleted blog Click on "<span style="font-weight: bold;">Show all</span>" as shown in image below<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1xluRWI_V0T0naP-L5W9xxz3XkwI5StP41-GNCmpGlFi1e8QMJiiBXfNzPzPY2Vt6KV2XellQBxsbQGDRKcaxwxFsfciEl-foDwr25awU1fsyHfYkLJ3dpLpX6JABW-KQRV1qlIyaTaC4/s1600/Recover+deleted+blog.bmp"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 201px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1xluRWI_V0T0naP-L5W9xxz3XkwI5StP41-GNCmpGlFi1e8QMJiiBXfNzPzPY2Vt6KV2XellQBxsbQGDRKcaxwxFsfciEl-foDwr25awU1fsyHfYkLJ3dpLpX6JABW-KQRV1qlIyaTaC4/s400/Recover+deleted+blog.bmp" alt="" id="BLOGGER_PHOTO_ID_5502652828855269714" border="0" /></a><br />4. Then the whole list of blogs, including the deleted blog, will be displayed as shown below<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5DmlpQCGcZi5c_rTwNdRN_WoG2TP1DSRsQ_g_w5G-oBT2emsjej-nTZApAMRO677DiIkrhJbjGbdgX9WRkmNa6gNfllhVVmIi-h4a-quUj7aKs-8DowqiRAu8OjQIxg8vyXsbtCfL_uoz/s1600/Recover+deleted+blog.bmp"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 275px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5DmlpQCGcZi5c_rTwNdRN_WoG2TP1DSRsQ_g_w5G-oBT2emsjej-nTZApAMRO677DiIkrhJbjGbdgX9WRkmNa6gNfllhVVmIi-h4a-quUj7aKs-8DowqiRAu8OjQIxg8vyXsbtCfL_uoz/s400/Recover+deleted+blog.bmp" alt="" id="BLOGGER_PHOTO_ID_5502654810455146802" border="0" /></a><br />5. Just Click on "Undelete this blog" which you want to recover and you are done !!! Happy BloggingAshwin Patelhttp://www.blogger.com/profile/12163691460157753122noreply@blogger.com0tag:blogger.com,1999:blog-5789136502235412740.post-40058701994134806712010-08-06T21:18:00.009+05:302010-08-07T18:45:36.272+05:30How to Delete a Blog in Blogger BlogspotIn Today's Tutorial we are going to learn How to delete a Blog in Blogger Blogspot. This may be the most of the easiest Tutorial you can ever find on this Blog or on Web.<br /><br />1. First "<a style="color: rgb(51, 51, 255);" href="http://www.blogger.com/home"><span>Login</span></a>" to your Blogger account<br /><br />2. Select the Blog which you want to Delete<br /><br />3. Now Click on "<span style="font-weight: bold;">Settings</span>" as Shown below<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsgUXqsNhPLoQywlRsGRcOhB3LHw0-i6ZzXK5YrjnHxVlWFBtGhKqEUImgvC0bs1_QKuh7rk4i06JcjJhmxu1zIDpqJiXfbJS-hajXFLk-3iTXgnJnNd0xEdtjpxzUoYZWa5lKJVTsc5lX/s1600/how+to+delete+a+blog.JPG"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 107px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsgUXqsNhPLoQywlRsGRcOhB3LHw0-i6ZzXK5YrjnHxVlWFBtGhKqEUImgvC0bs1_QKuh7rk4i06JcjJhmxu1zIDpqJiXfbJS-hajXFLk-3iTXgnJnNd0xEdtjpxzUoYZWa5lKJVTsc5lX/s400/how+to+delete+a+blog.JPG" alt="" id="BLOGGER_PHOTO_ID_5502348124482380386" border="0" /></a><br />4. Click on "<span style="font-weight: bold;">Delete Blog</span>" to delete the blog as Shown below<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6Avoz-8EWitraGUhhX3qqcsHliFXZJspPBqSUw3yQ3i_-m7jqrdN1Nil5A_DKlhktevNas99Fq8Cf_qeJlzHBjW2ysU8noGMA275Q6f2VD-8r7Sg3WZUrxOVQzfajYpVefZNaC-_wGI-A/s1600/how+to+delete+a+blog.JPG"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 154px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6Avoz-8EWitraGUhhX3qqcsHliFXZJspPBqSUw3yQ3i_-m7jqrdN1Nil5A_DKlhktevNas99Fq8Cf_qeJlzHBjW2ysU8noGMA275Q6f2VD-8r7Sg3WZUrxOVQzfajYpVefZNaC-_wGI-A/s400/how+to+delete+a+blog.JPG" alt="" id="BLOGGER_PHOTO_ID_5502348851810767154" border="0" /></a><br />5. After Clicking on "<span style="font-weight: bold;">Delete Blog</span>" you will be directed to page as shown below<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWWVwqaECMqjhhaVXkXQGKS6w6OeY8x3_B1uHsrxnmjIc8e_KiurHzOarFijP196dQkr7dtyXFwUWNiUf6Gc0Zff3wlCgA_lJq4g9MI3eMsGd-rte7XIUI159wwBdVRy4j1TU8kVl9om-7/s1600/untitled.JPG"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 230px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWWVwqaECMqjhhaVXkXQGKS6w6OeY8x3_B1uHsrxnmjIc8e_KiurHzOarFijP196dQkr7dtyXFwUWNiUf6Gc0Zff3wlCgA_lJq4g9MI3eMsGd-rte7XIUI159wwBdVRy4j1TU8kVl9om-7/s400/untitled.JPG" alt="" id="BLOGGER_PHOTO_ID_5502349343417458514" border="0" /></a>6. Now Simply click on "<span style="font-weight: bold;">DELETE THIS BLOG</span>"<br /><br /><span style="font-weight: bold; color: rgb(255, 0, 0);">IMPORTANT NOTICE:</span><br /><br />You Can Even Recover Your Deleted blog which is shown in following post:<span style="font-weight: bold;"><br /></span><ul><li><span style="font-weight: bold;">"<a href="http://teachmeknow.blogspot.com/2010/08/how-to-recover-undelete-restore-deleted.html">How to Recover a Deleted Blog</a></span>"</li></ul><br />You are Done !!! Happy BloggingAshwin Patelhttp://www.blogger.com/profile/12163691460157753122noreply@blogger.com0tag:blogger.com,1999:blog-5789136502235412740.post-20756536332388742992010-08-03T15:54:00.016+05:302010-08-03T16:55:34.323+05:30Change width of blogger templateMany times when we find a new Blogger Template, and we decide to try it in our blog but later you find that the width of the template is not as you were looking for and drop that template and start looking for new blogger templates. Now this Tutorial is for this kind of blogger who want to Change width of blogger template.<span style="font-weight: bold;"><br /><br />MOST IMPORTANT:</span> Take <a style="font-weight: bold;" href="http://teachmeknow.blogspot.com/2010/08/backup-your-blogger-template.html">Back</a><a style="font-weight: bold;" href="http://teachmeknow.blogspot.com/2010/08/backup-your-blogger-template.html">up</a> your current Blogger Template<br />Basically I am showing you this article considering a Standard 2 Column Blogger Template say Minima Template. It contains 5 things and we are going to increase width of each component in given order.<br /><ul><li>Outer Wrapper</li><li>Header Wrapper</li><li>Post column</li><li>Sidebar column</li><li>Footer</li></ul><br />1. First "<a style="color: rgb(51, 51, 255);" href="http://www.blogger.com/home"><span>Login</span></a>" to your Blogger account<br /><br />2. Go to "<span style="font-weight: bold;">Design</span>" > "<span style="font-weight: bold;">Edit HTML</span>"<br /><br />3. Find <span style="font-weight: bold;">Header</span> section and change <span style="font-weight: bold;">Header Wrapper</span> width to 820px (Search using CTRL+F) and change as shown below<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSNbIoXr9PwP8Q7BZZ4UB5fgurPrigrQCyULzGOB87hGjnkhLr-ytpD_LkwQyAIk3ewXwAw3kqpqyzYikeSpRnQo3SAgbjV12cwF7Gpa0iJPwYX5J6KTVqYRJXG5VYBfvuGoi29KaVmi5P/s1600/b.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 251px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSNbIoXr9PwP8Q7BZZ4UB5fgurPrigrQCyULzGOB87hGjnkhLr-ytpD_LkwQyAIk3ewXwAw3kqpqyzYikeSpRnQo3SAgbjV12cwF7Gpa0iJPwYX5J6KTVqYRJXG5VYBfvuGoi29KaVmi5P/s400/b.jpg" alt="" id="BLOGGER_PHOTO_ID_5501134400769404418" border="0" /></a><br /><br />4. Similarly goto the <span style="font-weight: bold;">Outer Wrapper</span> section and change the width to 850px as shown below<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn9vvSQaIIwh1lb2-MhK0L0QWXHIrZb1p-geFZ8-aG1eJlb74M60Vrtwp7uDUpifV2FYVxBIX76wp5tYwLWJ6LOZYmz9S-nYrzbjzhksTbzyXDhMV1lmAHt6a_19frVL6pK6B3LIho3orQ/s1600/c.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 251px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn9vvSQaIIwh1lb2-MhK0L0QWXHIrZb1p-geFZ8-aG1eJlb74M60Vrtwp7uDUpifV2FYVxBIX76wp5tYwLWJ6LOZYmz9S-nYrzbjzhksTbzyXDhMV1lmAHt6a_19frVL6pK6B3LIho3orQ/s400/c.jpg" alt="" id="BLOGGER_PHOTO_ID_5501134808933443346" border="0" /></a><br /><br />5. Change the <span style="font-weight: bold;">Outer Wrapper</span> "Text-Align" to "<span style="font-weight: bold;">left</span>" as shown below<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjztSfeU6It8k0FVxARnKXC4YpO0uVxAv_JUdSTWAMQEm2Z8ZjhzsM0L3s66bdsW8O25-9yyJprwU2HzvzFr_-yLiL2nQjasgRx1yM1Z3dFZ-rIC87LlToX4HC0yROJdH3CxJ7qtvxH9v1R/s1600/d.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 246px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjztSfeU6It8k0FVxARnKXC4YpO0uVxAv_JUdSTWAMQEm2Z8ZjhzsM0L3s66bdsW8O25-9yyJprwU2HzvzFr_-yLiL2nQjasgRx1yM1Z3dFZ-rIC87LlToX4HC0yROJdH3CxJ7qtvxH9v1R/s400/d.jpg" alt="" id="BLOGGER_PHOTO_ID_5501135193319445074" border="0" /></a><br />6. Goto the <span style="font-weight: bold;">Main Wrapper</span>( Post column) section and change the width to 550px as shown below<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix5LFyo65r_WPgz9WWf39fowAbxyGWcSEZm6veXF0SEeJk-RaawhSzB_owP8STYfImaHIa7IWwUKDGPqtPjVCaE0ZJJQ-RBBBl-4xa5_30v00mHXRqfxDohLKuh-GGrrezBmK89wfw781_/s1600/e.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 258px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix5LFyo65r_WPgz9WWf39fowAbxyGWcSEZm6veXF0SEeJk-RaawhSzB_owP8STYfImaHIa7IWwUKDGPqtPjVCaE0ZJJQ-RBBBl-4xa5_30v00mHXRqfxDohLKuh-GGrrezBmK89wfw781_/s400/e.jpg" alt="" id="BLOGGER_PHOTO_ID_5501135790806336226" border="0" /></a><br /><br />7. Change the <span style="font-weight: bold;">Main Wrapper</span> "<span style="font-weight: bold;">float</span>" to "<span style="font-weight: bold;">left</span>" as shown below<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh06wuazyrQIy7nLoEu-Z4IWIuurtyIQlEPqnDT52cQRL8sPtUpc5G_v7DNY_jzk2UHZGtVTtWR-m7ci9YEaZzjQc5Uqsf9aUaVIy2ffq67lHkrSSlDmIgsA_IXuTeA4S_tdcjq7WYCLUOK/s1600/f.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 242px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh06wuazyrQIy7nLoEu-Z4IWIuurtyIQlEPqnDT52cQRL8sPtUpc5G_v7DNY_jzk2UHZGtVTtWR-m7ci9YEaZzjQc5Uqsf9aUaVIy2ffq67lHkrSSlDmIgsA_IXuTeA4S_tdcjq7WYCLUOK/s400/f.jpg" alt="" id="BLOGGER_PHOTO_ID_5501136401605904674" border="0" /></a><br />8. Goto the <span style="font-weight: bold;">Sidebar Wrapper</span> and change the width to 270px as shown below<br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhInmAy3qon-xTFjX505EU6XsOFxycFjnn3o0tTIiMgx3Tbld-C2hGcwowGuCuaGt7ODiEF_RDS0_gJMk8xOiJAGL4JI4__w7qiqYZhoPf-4nZ5PZjrBEH9p16IfJJEauo6WOL4ja8EWuGy/s1600/g.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 239px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhInmAy3qon-xTFjX505EU6XsOFxycFjnn3o0tTIiMgx3Tbld-C2hGcwowGuCuaGt7ODiEF_RDS0_gJMk8xOiJAGL4JI4__w7qiqYZhoPf-4nZ5PZjrBEH9p16IfJJEauo6WOL4ja8EWuGy/s400/g.jpg" alt="" id="BLOGGER_PHOTO_ID_5501137143438273170" border="0" /></a><br />9. Edit the <span style="font-weight: bold;">Sidebar Wrapper</span> "float" to "right".<br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY4KU-57G69HJRSdnFe48jfmRfwlylOVp9cJc9ZRKnH6iGauyrs0vcu71mp2pnErjK_kAk7KBI3G4AZM7jUACE2OsDjcOSwrXjf2zXYA9tgLhIxX-NCQSZQK2vje3453gcZUZfL8yWsM25/s1600/h.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 244px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY4KU-57G69HJRSdnFe48jfmRfwlylOVp9cJc9ZRKnH6iGauyrs0vcu71mp2pnErjK_kAk7KBI3G4AZM7jUACE2OsDjcOSwrXjf2zXYA9tgLhIxX-NCQSZQK2vje3453gcZUZfL8yWsM25/s400/h.jpg" alt="" id="BLOGGER_PHOTO_ID_5501137674899594546" border="0" /></a><br /><br /><br />10. Now Finally, Goto <span style="font-weight: bold;">Footer Section</span> and Change its width to 850 px as shown below<br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBZWjRu4M44R0y7OLaW-fOpiulkpwdP-ozEG6OUPWeXDY2hQwzOrYsmlGz3paJuzs_00fhcE99d5h-Vq5bXeJEBI0odofZ-UwwpySMD_XNFLfu4FaOsoWAFQZN_PB2HIO5p0GTt8xf1Els/s1600/i.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 250px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBZWjRu4M44R0y7OLaW-fOpiulkpwdP-ozEG6OUPWeXDY2hQwzOrYsmlGz3paJuzs_00fhcE99d5h-Vq5bXeJEBI0odofZ-UwwpySMD_XNFLfu4FaOsoWAFQZN_PB2HIO5p0GTt8xf1Els/s400/i.jpg" alt="" id="BLOGGER_PHOTO_ID_5501138245794750978" border="0" /></a><br /><br />11. Save the template and you are done.<br /><br /><br /><span style="font-weight: bold;">Following changes we have made to our blogger template</span><br /><ul><li>Outer wrapper- 850px</li><li>Header- 820px</li><li>Main column- 550px</li><li>Sidebar- 270px</li><li>Footer- 850px</li></ul>You can play with templates by increasing and decreasing the width of the templates make sure that <span style="color: rgb(51, 51, 255);">main column width + sidebar column width </span> should not exceed outer wrapper width. Footer width can be same as outer wrapper width.<br /><br />You are Done !!! Happy Blogging<br /><br />Source: <a href="http://beginner-blogger-basics.blogspot.com/">Blog</a>Ashwin Patelhttp://www.blogger.com/profile/12163691460157753122noreply@blogger.com2tag:blogger.com,1999:blog-5789136502235412740.post-23891566148838187782010-08-03T08:17:00.007+05:302010-08-03T08:34:00.546+05:30How to use pages in blogger<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlqOKDUI63ZtP1V3JwRf2Nr44UViRaUKPkbpTVgpFwg4-P4nRVI2Sr7H8laaQdgbI-yQ6_GT5e9z1LZqWVnu3f_jX-DtZgWXZCsBLdQtnszcSEjF572xL5CRzf1RJGcdqpUrijUyKJyo1m/s1600/blogger.png"><img style="float: right; margin: 0pt 0pt 10px 10px; cursor: pointer; width: 128px; height: 128px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlqOKDUI63ZtP1V3JwRf2Nr44UViRaUKPkbpTVgpFwg4-P4nRVI2Sr7H8laaQdgbI-yQ6_GT5e9z1LZqWVnu3f_jX-DtZgWXZCsBLdQtnszcSEjF572xL5CRzf1RJGcdqpUrijUyKJyo1m/s400/blogger.png" alt="" id="BLOGGER_PHOTO_ID_5501012434262484274" border="0" /></a>I have been blogging since last 1 year and recently blogger have introduced a new idea of adding "Pages" in your blogspot blog as present in Wordpress. With Blogger Pages you can create a static pages that are linked to your blog. You can create pages like CONTACT US, EMAIL, ABOUT US, and many more upto maximum of 10 pages. Firstly I was quiet confused with this new pages, but after reading several posts on various tech websites and blog's, I got complete knowledge about it and I want to share these valuable information with you.<br /><br /><span style="font-weight: bold;">Simple step to create new pages in</span><span style="font-weight: bold;"> your blog</span><br /><br />1. First "<a style="color: rgb(51, 51, 255);" href="http://www.blogger.com/home"><span>Login</span></a>" to your Blogger account<br /><span style="font-size:100%;"><br />2. Go to "<span style="font-weight: bold;">Posting</span></span><span style="font-size:100%;">"</span><span style="font-size:100%;"> >>"<span style="font-weight: bold;">Edit Pages</span></span><span style="font-size:100%;">" >></span><span style="font-size:100%;">"<span style="font-weight: bold;">NEW PAGE</span></span><span style="font-size:100%;">"</span><br /><br />Here you can add various page title like CONTACT US or ABOUT US or EMAIL etc. After naming title write the content you want to display for the page you have created, say you have created a pages named CONTACT US, Then in CONTACT US you can write about your Email address, contact number, and that all stuff you want to display on CONTACT US page. When visitors visit your Homepage they will get to see various Page Tabs you have created in your blog as similar to shown in the image below<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlT8MtBQ3asHIRjuMio7Y2Qb5qCsIzjftFJQ7F7rpo1ZH0q87Aji_XZXP6e8vMMkRQjuZ_uj3sv9LieUyIpAIj6Tyile6qIorICRtgis4MWo_bLLAqz9L8l4pPkm6-em5e6Ypudf7LRKfI/s1600/How+to+use+pages+in+blogger.bmp"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 128px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlT8MtBQ3asHIRjuMio7Y2Qb5qCsIzjftFJQ7F7rpo1ZH0q87Aji_XZXP6e8vMMkRQjuZ_uj3sv9LieUyIpAIj6Tyile6qIorICRtgis4MWo_bLLAqz9L8l4pPkm6-em5e6Ypudf7LRKfI/s400/How+to+use+pages+in+blogger.bmp" alt="" id="BLOGGER_PHOTO_ID_5501011251222460578" border="0" /></a><br /><span style="font-weight: bold;">IMPORTANT NOTICE:</span><br /><br /><ul><li><span style="color: rgb(204, 0, 0);">Note that you will not need to make a "Home" Page because that is automatically added when you add the Pages widget.</span></li></ul><div style="text-align: center;"><div style="text-align: left;"><br />You are Done !!! Happy Blogging<br /></div></div>Ashwin Patelhttp://www.blogger.com/profile/12163691460157753122noreply@blogger.com0tag:blogger.com,1999:blog-5789136502235412740.post-60571572654552274072010-08-03T06:07:00.003+05:302010-08-03T16:55:18.199+05:30Adjust Blogger Title Tags to Improve SEO<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1Ngk1ToABurJbiV8HsV_y-2iyrtTIeszi9WOtqjjLylzxW7QGhiqrbpENFBZLqrkDPFxLc3Z8ZY1jyjutzZSaxZD0APKyzuv1DfM8HYwkarO1qutKMgzw71ZsnKTvtXwY7nmslPVlXSGy/s1600/seo_increase.png"><img style="float: right; margin: 0pt 0pt 10px 10px; cursor: pointer; width: 154px; height: 180px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1Ngk1ToABurJbiV8HsV_y-2iyrtTIeszi9WOtqjjLylzxW7QGhiqrbpENFBZLqrkDPFxLc3Z8ZY1jyjutzZSaxZD0APKyzuv1DfM8HYwkarO1qutKMgzw71ZsnKTvtXwY7nmslPVlXSGy/s200/seo_increase.png" alt="" id="BLOGGER_PHOTO_ID_5500991249187527458" border="0" /></a>Todays Tutorial deals with How to gain Maximum Traffic, That is improving SEO (Search Engine Optimization) of your blog to get higher Traffic on your Blog by optimising your page title for various search engines like Google, Yahoo.<br /><br />By default Blogger (Blogspot) blog does not have search engine optimised title tags. <span style="font-weight: bold;">Blogger</span> assigns title tags which contain the the <span style="font-style: italic;">Title of the post</span> following the <span style="font-style: italic;">Name of the blog </span>. But this type of title tags are not search engine friendly.<br /><br />By simply reversing the position of the blog name and page title significant improvement can be gained in SEO resulting in higher blogger Traffic.<br /><br /><span style="font-weight: bold;">Follow the Steps for SEO optimization of your Blogger Blog:</span><br /><br />1. First "<a style="color: rgb(51, 51, 255);" href="http://www.blogger.com/home"><span>Login</span></a>" to your Blogger account<br /><br />2. Go to "<span style="font-weight: bold;">Design</span>" > "<span style="font-weight: bold;">Edit HTML</span>" and search for the code shown below<span style="font-weight: bold;">.</span><br /><br /><br /><pre class="postCode"><br /><title><data:blog.pageTitle/></title><br /></pre><br /><br />3. Now Replace the above code with the code shown below<br /><br /><pre class="postCode"><br /><b:if cond='data:blog.pageType == &ampquot;item&ampquot;'><br /><title><data:blog.pageName/> |<br /><data:blog.title/></title><br /><b:else/><br /><title><data:blog.pageTitle/></title><br /></b:if><br /></pre><br />4. Click on <strong>Save Template</strong> and then <strong>View Blog</strong><br /><br />5. If you are having any problem when trying to Insert and unable to Save the above code (Step .4), then the another code shown below might work for your blog<br /><br /><pre class="postCode"><br /><b:if cond='data:blog.pageType == "item"'><br /><title><data:blog.pageName/> |<br /><data:blog.title/></title><br /><b:else/><br /><title><data:blog.pageTitle/></title><br /></b:if><br /></pre><br />Now enjoy your SEO optimized Blog Title Tag. Be prepared to Welcome high traffic on your Blog.<br /><br /><span style="font-weight: bold;">IMPORTANT TIPS</span><br /><ul><li>Don't forget to take <a href="http://teachmeknow.blogspot.com/2010/08/backup-your-blogger-template.html"><span style="color: rgb(51, 51, 255);">back up</span></a> of your template before editing it</li></ul><br /><br />You are Done !!! Happy Blogging<br /><br /><br /><a href="http://beginner-blogger-basics.blogspot.com/"></a>Ashwin Patelhttp://www.blogger.com/profile/12163691460157753122noreply@blogger.com0tag:blogger.com,1999:blog-5789136502235412740.post-91930916368547412112010-08-02T21:05:00.000+05:302010-08-02T22:34:11.583+05:30Backup your Blogger Template<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTz9KEolFnbd9p1ErvI2UDcBG0O2kVbVD2CxCko0J61KBUs44gxx_uCksjgudYOk03ZNOvvTiqaro2MVSTW5jTzrcE4JS1u419Y1fiEm8bSATBpXDfTIDQckFc_WkwRb4w8U9j7ZlPeYEf/s1600/BackupTemplateFirst.gif"><img style="float: right; margin: 0pt 0pt 10px 10px; cursor: pointer; width: 186px; height: 105px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTz9KEolFnbd9p1ErvI2UDcBG0O2kVbVD2CxCko0J61KBUs44gxx_uCksjgudYOk03ZNOvvTiqaro2MVSTW5jTzrcE4JS1u419Y1fiEm8bSATBpXDfTIDQckFc_WkwRb4w8U9j7ZlPeYEf/s200/BackupTemplateFirst.gif" alt="" id="BLOGGER_PHOTO_ID_5500854820025412994" border="0" /></a>Before playing with your Blogger Template the most important step to be taken is to Get a Back up file downloaded or else you might end up facing a great trouble. Read the instruction below to backup your valuable blogger template.<br /><br />1. First "<a style="color: rgb(51, 51, 255);" href="http://www.blogger.com/home"><span>Login</span></a>" to your Blogger account<br /><br />2. Click on "<span style="font-weight: bold;">Design</span>"<br /><br />3. Click on "<span style="font-weight: bold;">Edit HTML</span>"<br /><br />4. Finally, Click on "<span style="font-weight: bold;">Download Full Template</span>"<br /><br />5. Save the XML File on your computer.<br /><br /><span style="font-weight: bold;">IMPORTANT TIPS:</span><br /><ul><li>You can use that XML file to restore your blogger template if you ended wrongly while Editing your blogger template.</li></ul><br />You are Done !!! Happy BloggingAshwin Patelhttp://www.blogger.com/profile/12163691460157753122noreply@blogger.com0tag:blogger.com,1999:blog-5789136502235412740.post-91921650811664772162010-08-02T20:48:00.010+05:302010-08-03T15:49:15.650+05:30Remove Date and Author from Blogger postToday I am going to write a Very Simple post, This post is specially Dedicated to begginers. This post is for those guys who want to "<span>Remove date from the Blogger post</span>" or "<span>Remove Authors name from Blogger post</span>". Both of these tasks can be done at the same time and is simple to do.<br /><br />In the Image shown below there is date Stamp in blogger post, now we are going to remove this Date time Stamp along with many other components in very few Steps<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHutnysKdAyDzJLCNjxoJgTcbskQXh4lFSk81v8sFMfhz-kKzcj8vM4StxupvjG7_Kt-XayXmzS4ve9RcFWxUV6-NlST4lxD9-SR44InJohG8g3SHr6u-q-Je1hJ6y8a6vrEGJ-tkXUNXi/s1600/1.bmp"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 238px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHutnysKdAyDzJLCNjxoJgTcbskQXh4lFSk81v8sFMfhz-kKzcj8vM4StxupvjG7_Kt-XayXmzS4ve9RcFWxUV6-NlST4lxD9-SR44InJohG8g3SHr6u-q-Je1hJ6y8a6vrEGJ-tkXUNXi/s400/1.bmp" alt="" id="BLOGGER_PHOTO_ID_5501122232579336146" border="0" /></a><br /><br />1. First "<a style="color: rgb(0, 0, 0); font-weight: bold;" href="http://www.blogger.com/home"><span>Login</span></a>" to your Blogger account<br /><br />2. Go to "<span style="font-weight: bold;">Design</span>" > "<span style="font-weight: bold;">Edit</span> " in Blog Posts as shown in image below<br /><br /><span style="font-size:100%;"><br /></span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi66RCSUAJ25ld8dpgAS0TJm3DYTiKAzGAn14s075vxn3HX7z17u6BfvcLjoNOVJfrxypJpI13jtfe5lPQ2k_JXE_8AP622yiyB-6citQ1OQR0nn__T9BAyVOmepOe9ufG3hgplmcf6PK3-/s1600/2.bmp"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 288px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi66RCSUAJ25ld8dpgAS0TJm3DYTiKAzGAn14s075vxn3HX7z17u6BfvcLjoNOVJfrxypJpI13jtfe5lPQ2k_JXE_8AP622yiyB-6citQ1OQR0nn__T9BAyVOmepOe9ufG3hgplmcf6PK3-/s400/2.bmp" alt="" id="BLOGGER_PHOTO_ID_5501124271280783490" border="0" /></a><br /><br />3. Now select the Items you want to show in your Blogger post and Check the Boxes as shown below<br /><br /><br /><span style="font-size:100%;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEied91xX7WFAAR1QDvTjpNCweVpFu30SMmRirKTxIBvilbh-2NSgLSgXSuYyKWs3RggknJ97FEix4N90l-83QPQSNvJYsiUyTJv4IQXiD-gbK__Kep8J6C5WIQCXk7MAxkbtjFDBhwVRAEL/s1600/3.bmp"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 383px; height: 400px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEied91xX7WFAAR1QDvTjpNCweVpFu30SMmRirKTxIBvilbh-2NSgLSgXSuYyKWs3RggknJ97FEix4N90l-83QPQSNvJYsiUyTJv4IQXiD-gbK__Kep8J6C5WIQCXk7MAxkbtjFDBhwVRAEL/s400/3.bmp" alt="" id="BLOGGER_PHOTO_ID_5501124983899761698" border="0" /></a><br /><br />4. Save the Changes.<br /><br /><br /></span>You are Done !!! Happy Blogging<br /><span style="font-size:100%;"><br /></span>Ashwin Patelhttp://www.blogger.com/profile/12163691460157753122noreply@blogger.com0tag:blogger.com,1999:blog-5789136502235412740.post-64466758914847764752010-08-02T17:44:00.000+05:302010-08-02T22:20:18.082+05:30Display Code in Blogger Post<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqHUiLutJGhVSej2_kGl7ecESaVgFqwKVCSKC_zbqgM8YzViEI5GV2ot5jE1Px3Tk89vxrxbGzGYzL5mCX_NbNUv2tbHc-r9YrxGoRixbN8jpXEevUMVfN86gQEbwEdorr6MckBNa8pVLw/s1600/blogger_125.jpg"><img style="float: right; margin: 0pt 0pt 10px 10px; cursor: pointer; width: 125px; height: 125px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqHUiLutJGhVSej2_kGl7ecESaVgFqwKVCSKC_zbqgM8YzViEI5GV2ot5jE1Px3Tk89vxrxbGzGYzL5mCX_NbNUv2tbHc-r9YrxGoRixbN8jpXEevUMVfN86gQEbwEdorr6MckBNa8pVLw/s200/blogger_125.jpg" alt="" id="BLOGGER_PHOTO_ID_5500793020851049234" border="0" /></a><br />In my previous post <span style="font-size:100%;"><a href="http://teachmeknow.blogspot.com/2010/08/adding-meta-tags-to-blogger.html"><span style="color: rgb(51, 51, 255);">Adding Meta Tags to Blogger</span></a></span>. I was quiet struggling to insert a code in the blog post , But after several Trial and Error methods finally I suceeded in inserting code in my blogger post and want to share this valuable but simple trick with all my blog readers.<br /><br />1. Go to "<span style="font-weight: bold;">Design</span>" > "<span style="font-weight: bold;">Edit HTML</span>" and search for the <span style="font-weight: bold;">"css" </span>section<br />2. Now <span style="font-weight: bold;">Copy</span> and <span style="font-weight: bold;">Paste</span> the code shown below in css section of your blog .<br /><br /><pre class="postCode"><br />.postCode{<br />background:lightyellow none repeat scroll 0 0;<br />border:1px inset orange;<br />height:150px;<br />margin:10px;<br />overflow:auto;<br />padding:6px;<br />text-align:left;<br />}<br /></pre>3. Save the Changes done.<br /><br />4. Now whenever you want to insert code in your post use following format:<br /><br /><pre class="postCode"><br /><span style="color: rgb(255, 0, 0);">YOUR CODE</span><br /></pre><br /><br />5.<span style="color: rgb(51, 51, 255);"> <span style="color: rgb(255, 0, 0);"><span style="color: rgb(0, 0, 0);">Don't forget to encode the code which you want to display in blog post</span> </span><a style="color: rgb(255, 0, 0);" href="http://centricle.com/tools/html-entities/"><span style="font-weight: bold; color: rgb(51, 51, 255);">CLICK HERE</span></a></span><br /><br />6. After Encoding the Code Goto Step 4<br /><br /><span style="font-weight: bold;">IMPORTANT TIPS</span><br /><ul><li>Don't forget to take <a href="http://teachmeknow.blogspot.com/2010/08/backup-your-blogger-template.html"><span style="font-weight: bold; color: rgb(51, 51, 255);">back up</span></a> of your template before editing it<br /></li></ul><br />You are Done !!! Happy BloggingAshwin Patelhttp://www.blogger.com/profile/12163691460157753122noreply@blogger.com1tag:blogger.com,1999:blog-5789136502235412740.post-4786086625023897932010-08-02T15:18:00.001+05:302010-08-03T14:46:41.713+05:30Adding Meta Tags to Blogger<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0ZvC5A93iZDU2yzkszFbZliMzAj1Cn-K090kzS0g_8gn_j8RDSsgRzpA48u06z2lbRQvL6FuL3aeAFj-Di1T-esW0WZ2icXP9nxhyefPLQmkt38l265JYRgcSKTq6WrpLYfX2u0lUjYM3/s1600/meta_tags.jpg"><img style="float: right; margin: 0pt 0pt 10px 10px; cursor: pointer; width: 200px; height: 143px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0ZvC5A93iZDU2yzkszFbZliMzAj1Cn-K090kzS0g_8gn_j8RDSsgRzpA48u06z2lbRQvL6FuL3aeAFj-Di1T-esW0WZ2icXP9nxhyefPLQmkt38l265JYRgcSKTq6WrpLYfX2u0lUjYM3/s200/meta_tags.jpg" alt="" id="BLOGGER_PHOTO_ID_5500773415527672354" border="0" /></a>Meta tags are very important for the SEO of the blog. Meta tags help search engine crawlers know about the content of the blog,website or post. Now I will Explain the tutorial of Adding Meta Tags to Blogger<span style="font-weight: bold;">.<br /><br /></span><h3 style="text-align: center;"><br /></h3><h3 style="text-align: center;"><b><b><b><b><b><b><b><b><b><b><b><b><b><b><b><b><b><b><b><b><b><b><b><b><b><b><b><b><b><b><b><span style="font-size:large;"><b>How to add meta tags to blogger</b></span></b></b></b></b></b></b></b></b></b></b></b></b></b></b></b></b></b></b></b></b></b></b></b></b></b></b></b></b></b></b></b></h3><br />1. Go to "<span style="font-weight: bold;">Design</span>" > "<span style="font-weight: bold;">Edit HTML</span>" and search for the code shown below using keyboard buttons <span style="font-weight: bold;">CTRL+F</span><br /><br /><pre class="postCode"><br /><b:include data='blog' name='all-head-content'/><br /></pre><br />2. Now Add this Code just after the above code:<br /><br /><pre class="postCode"><meta content='DESCRIPTION HERE' name='description'/><br /><meta content='KEYWORDS HERE' name='keywords'/><br /><meta content='AUTHOR NAME HERE' name='author'/><br /></pre><span style="color: rgb(255, 0, 0); font-weight: bold;"><br /><span style="color: rgb(255, 0, 0);">Changes to do in above Code:</span><br /></span><br /><span style="color: rgb(51, 51, 255); font-weight: bold;">DESCRIPTION HERE</span><span style="font-weight: bold;">:</span> Write about your blog description<br /><span style="color: rgb(51, 51, 255); font-weight: bold;">KEYWORDS</span><span style="font-weight: bold;"><span style="color: rgb(51, 51, 255); font-weight: bold;"> HERE</span>: </span>Write the keywords of your blog<br /><span style="color: rgb(51, 51, 255); font-weight: bold;">AUTHOR NAME</span><span style="font-weight: bold;"><span style="color: rgb(51, 51, 255);"> HERE</span>:</span> Write the <span style="color: rgb(0, 0, 0);">Your name</span><br /><br />3. <span style="color: rgb(0, 0, 0);">Don't forget to </span><span style="color: rgb(0, 0, 0);">save </span><span style="color: rgb(0, 0, 0);">the changes.</span><br /><br /><span style="font-weight: bold; color: rgb(0, 0, 0);">Important Tips:<br /></span><br /><ul><li><span style="color: rgb(0, 0, 0);">Don't repeat the keywords more than 3 times.</span></li><li>Don't forget to take <a href="http://teachmeknow.blogspot.com/2010/08/backup-your-blogger-template.html"><span style="font-weight: bold; color: rgb(51, 51, 255);">back up</span></a> of your template before editing it</li></ul><br />You are Done !!! Happy Blogging.Ashwin Patelhttp://www.blogger.com/profile/12163691460157753122noreply@blogger.com0