tag:blogger.com,1999:blog-5299756722249302472011-08-01T11:39:26.355-07:00BLOGGER TIPS AND TRICKSBLOGGER HELP,LEARN BLOGGER TRICKS,SEO TRICKS,FEEDBURNER,HEADER,BODY,FOOTER LAYOUTS,TEMPLATES,HTML,CSS,JAVASCRIPTS,ADSENSE TROCKS,TRAFFIC TRICKSluckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.comBlogger1811100tag:blogger.com,1999:blog-529975672224930247.post-53546003136422753232010-07-22T03:21:00.000-07:002010-07-22T03:27:17.117-07:00Adding Google sitemap to your blogNOTE: I am having serious doubts about Google sitemap for Blogger (blogspot) as we have no access to the servers and thus cannot do a true Google sitemap. The method given to us by Blogger is a workaround which uses the feed as a Google sitemap. I don't know how effective it is, especially if you set your feed to "short". There are others expressing doubts, and I have no time to do a proper research. So read this post with a pinch of salt.<br /><hr /><br />Adding Google sitemap to your blog is an easy way to add your blog <a href="http://dummies-guide-to-google-blogger.blogspot.com/2006/12/what-is-url-and-how-do-i-get-it.html" target="_blank">URL</a> to Google index and get your blog crawled. With Google sitemap, you can get better crawl coverage and search results to help people find more of your web pages. You also get detailed reports about how Google directs traffic to your blog and how Googlebot sees your pages. (Note: there is some controversy over the usefulness of this Google sitemap. with Blogger, you have no access to Blogger's servers and thus have no chance to upload a real sitemap. Google came up with a way for bloggers using Google Blogger to add a kind of sitemap to their blog by making use of the feed. Note this this is in no way making a real sitemap, but I supposed it is still better than nothing. This would be especially true if you set you feed to "Short" and not "Full". I set my main blogs feed to short and am thinking a doing my own version of a sitemap which will consist of a post with links to all the posts in the blog and place a link to that post in the sidebar of the blog. In this way, there will be a links for the search engine spider to follow all the posts. However, this will involve updating the post each time you make a new post, and a lot of work if you frequently update your blog. Maybe I would do both. This is because although some doubt the usefullness of adding a Google sitemap for a blog this way, you will get a report of any problems that the Google spider may encounter when indexing your blog and having my own version of a sitemap in the sidebar will help the spider crawl all my posts.<br /><br /><h2>How to add Google sitemap to your blog</h2>To add Google sitemap to your blog, go to <a href="https://www.google.com/webmasters/sitemaps/login?continue=%2Fwebmasters%2Fsitemaps%2Fsiteoverview%3Fhl%3Den&amp;hl=en" target="_blank">Google sitemap</a>, and sign in with your Google Account (create one if you don't have one). In the Add site box, enter your blog url as shown in the screenshot below, and click OK. (<span style="color:red;">In this post, there will be many screenshots. To enlarge them, click on the screenshot</span>)<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5611/753/1600/add%20site.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://photos1.blogger.com/blogger/5611/753/400/add%20site.jpg" alt="" border="0" /></a><br />You will get a "Your site has been added to your account. Verify your ownership to view detailed statistics and errors for it" message and a button to verify your ownership.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5611/753/1600/verify.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://photos1.blogger.com/blogger/5611/753/400/verify.jpg" alt="" border="0" /></a>Click the "Verify" text hyperlink, and you will be taken to a selection box to select your verification method.<br /><br />Choose "Add a Meta tag". A meta tag will be generated for you.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5611/753/1600/meta%20tag.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://photos1.blogger.com/blogger/5611/753/400/meta%20tag.jpg" alt="" border="0" /></a><br />Highlight this meta tag and copy it to clipboard. Sign into Dashboard, select your blog, click TEMPLATE tab and paste the meta tag in between the &lt;head&gt; and &lt;/head&gt; tags. Save and republish. Check the "I've added the META tag in the home page of http://your-blog-url.com/" box and click the [verify] button.<br /><br />There will be a message "We do not know about all the pages of your site. [Submit a Sitemap] to tell us more about your site. Click [Submit a Sitemap] and in the "Choose type..." selection box, select "Add General Web Sitemap".<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/5611/753/1600/add%20web%20sitemap%20url.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 388px; height: 150px;" src="http://photos1.blogger.com/blogger/5611/753/400/add%20web%20sitemap%20url.jpg" alt="" border="0" /></a>Tick<br />[tick] I've created a Sitemap in a supported format. [?]<br />[tick] I've uploaded my Sitemap to the highest-level directory to which I have access.<br />[tick] My Sitemap URL is: [ ]<br /><br />then enter the site feed <a href="http://dummies-guide-to-google-blogger.blogspot.com/2006/12/what-is-url-and-how-do-i-get-it.html" target="_blank">URL</a> into the "My Sitemap URL is: box. You can get the site feed url of your blog from SETTINGS. Click SETTINGS, SITE FEED tabs in the Dashboard. In the case of blogspot, just add /atom.xml to the end of the blog <a href="http://dummies-guide-to-google-blogger.blogspot.com/2006/12/what-is-url-and-how-do-i-get-it.html" target="_blank">URL</a>. (For example, the site feed URL of this blog is http://blogger-tricks.blogspot.com/atom.xml.) Then click "Add Web Sitemap" and you are done.<br /><br /><span style="color:red;">Update 22 April 2007: This post was written before New Blogger (formerly Blogger Beta) was introduced. If you are with New Blogger, use the feed URL. There are 4 possible feed URL for the New blogger:<br /><br />http://yourblog.blogspot.com/atom.xml<br />http://yourblog.blogspot.com/rss.xml<br />http://yourblog.blogspot.com/feeds/posts/full<br />http://yourblog.blogspot.com/feeds/posts/default?alt=rss<br /><br />substituting "your blog" with the actual name of your blog. The feed found by Feedburner for this blog are:<br /><br />http://blogger-tricks.blogspot.com/feeds/posts/default<br />http://blogger-tricks.blogspot.com/feeds/posts/default?alt=rss</span><br /><br />There is one further thing you can do, and that is to enable enhanced image search. At the bottom of the page, tick "Enhanced Image Search".<br /><br />What does it mean to opt-in to enhanced image search? If you choose to enable enhanced image search, Google will use tools such as Google Image Labeler to associate the images included in your site with labels that will improve indexing and search quality of those images.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-5354600313642275323?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-24414450769439401142010-07-10T21:39:00.000-07:002010-07-10T21:43:08.799-07:00How To Add Random,Rotating Images for Blogger HeaderIn this tutorial I am going to explain how to add random,rotating images for your blogger header background.When after you adding this feature to your blogger blog,header image of your blog will rotate/change in each page refresh.Before doing this trick you must create header images for your blog.In this tutorial I am going to show how to rotate 5 header images.<br /><br />1.Log in to your dashboard--> Design- -> Edit HTML<br /><br />2.Scroll down to where you see <span style="font-weight: bold; color: rgb(255, 0, 0);"></span> tag.<br /><br />3.Now copy below code and paste it <span style="color: rgb(51, 51, 255);">just after</span> the <span style="color: rgb(255, 0, 0);"></span> tag.<br /><br /><pre style="height: 350px; width: 90%; overflow: auto; border: 1px solid black;"><script type="'text/javascript'"><br /><br />var HeaderImage= new Array()<br /><br />HeaderImage[0]=&quot;<span style="font-weight: bold; color: rgb(204, 51, 204);">URL-OF-HEADER-IMAGE-1</span>&quot;<br />HeaderImage[1]=&quot;<span style="font-weight: bold; color: rgb(204, 51, 204);">URL-OF-HEADER-IMAGE-2</span>&quot;<br />HeaderImage[2]=&quot;<span style="font-weight: bold; color: rgb(204, 51, 204);">URL-OF-HEADER-IMAGE-3</span>&quot;<br />HeaderImage[3]=&quot;<span style="font-weight: bold; color: rgb(204, 51, 204);">URL-OF-HEADER-IMAGE-4</span>&quot;<br />HeaderImage[4]=&quot;<span style="font-weight: bold; color: rgb(204, 51, 204);">URL-OF-HEADER-IMAGE-5</span>&quot;<br />var random=Math.round(<span style="font-weight: bold; color: rgb(255, 102, 0); font-size: 130%;">4*Math.random()</span>);<br /><br />document.write(&quot;<style>&quot;);<br />document.write(&quot;<span style="color: rgb(0, 153, 0); font-size: 130%;"><span style="font-weight: bold;">#header-wrapper</span></span> {&quot;);<br />document.write(&#39; background:url(&quot;&#39; + HeaderImage[random] + &#39;&quot;) no-repeat left TOP;&#39;);<br />document.write(&quot; }&quot;);<br />document.write(&quot;</style>&quot;);<br /><br /></script><br /><br /></pre><span style="font-weight: bold; font-size: 130%;">NOTE :</span><br /><br /><span style="color: rgb(255, 0, 0);">Replace</span> "<span style="font-weight: bold; color: rgb(204, 51, 204);">URL-OF-HEADER-IMAGE-X</span>" with your image URLs.<br /><br />If above code doesn't work for your blog,then replace "<span style="color: rgb(0, 153, 0); font-size: 130%;"><span style="font-weight: bold;">#header-wrapper</span></span>" with "<span style="color: rgb(0, 153, 0); font-size: 130%;"><span style="font-weight: bold;">#header</span></span>".(<u style="font-weight: bold;">ID</u> or <u style="font-weight: bold;">Class</u> of your header section).<br /><br />You can add different number of images than 5.But remember to change "<span style="font-weight: bold; color: rgb(255, 102, 0); font-size: 130%;">4*Math.random()</span>" according to the number of images you add.For example,when you want to add 8 different images for your blog header background, then code should be change as "<span style="font-weight: bold; color: rgb(255, 102, 0); font-size: 130%;">7*Math.random()</span>".Look at the example below:<br /><br /><pre style="height: 400px; width: 90%; overflow: auto; border: 1px solid black;"><script type="'text/javascript'"><br /><br />var HeaderImage= new Array()<br /><br />HeaderImage[0]=&quot;<span style="font-weight: bold; color: rgb(204, 51, 204);">URL-OF-HEADER-IMAGE-1</span>&quot;<br />HeaderImage[1]=&quot;<span style="font-weight: bold; color: rgb(204, 51, 204);">URL-OF-HEADER-IMAGE-2</span>&quot;<br />HeaderImage[2]=&quot;<span style="font-weight: bold; color: rgb(204, 51, 204);">URL-OF-HEADER-IMAGE-3</span>&quot;<br />HeaderImage[3]=&quot;<span style="font-weight: bold; color: rgb(204, 51, 204);">URL-OF-HEADER-IMAGE-4</span>&quot;<br />HeaderImage[4]=&quot;<span style="font-weight: bold; color: rgb(204, 51, 204);">URL-OF-HEADER-IMAGE-5</span>&quot;<br />HeaderImage[4]=&quot;<span style="font-weight: bold; color: rgb(204, 51, 204);">URL-OF-HEADER-IMAGE-6</span>&quot;<br />HeaderImage[4]=&quot;<span style="font-weight: bold; color: rgb(204, 51, 204);">URL-OF-HEADER-IMAGE-7</span>&quot;<br />HeaderImage[4]=&quot;<span style="font-weight: bold; color: rgb(204, 51, 204);">URL-OF-HEADER-IMAGE-8</span>&quot;<br />var random=Math.round(<span style="font-weight: bold; color: rgb(255, 102, 0); font-size: 130%;">7*Math.random()</span>);<br /><br />document.write(&quot;<style>&quot;);<br />document.write(&quot;<span style="font-weight: bold; color: rgb(0, 153, 0); font-size: 130%;">#header-wrapper</span> {&quot;);<br />document.write(&#39; background:url(&quot;&#39; + HeaderImage[random] + &#39;&quot;) no-repeat left TOP;&#39;);<br />document.write(&quot; }&quot;);<br />document.write(&quot;</style>&quot;);<br /><br /></script></pre><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-2441445076943940114?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-358046078976848992009-12-11T05:56:00.000-08:002009-12-11T06:14:12.152-08:00How To Add MooTools Featured Content Slider to blogger1.Login to your blogger dashboard--> layout- -> Edit HTML<br /><br />2.Scroll down to where you see ]]></b:skin> tag .<br /><br />3.Copy below code and paste it just after the ]]></b:skin> tag.<br /><br />MooTools Featured Content Slider<br /><br /><br /><br />&lt;script type=&quot;text/javascript&quot;&gt;<br />window.addEvent(&#39;domready&#39;, function(){<br /> var totIncrement = 0;<br /> var increment = 212;<br /> var maxRightIncrement = increment*(-6);<br /> var fx = new Fx.Style(&#39;slider-list&#39;, &#39;margin-left&#39;, {<br /> duration: 1000,<br /> transition: Fx.Transitions.Back.easeInOut,<br /> wait: true<br /> });<br /><br /> //-------------------------------------<br /> // EVENTS for the button &quot;previous&quot;<br /> $(&#39;previous&#39;).addEvents({<br />&#39;click&#39; : function(event){<br /> if(totIncrement&lt;0){<br /> totIncrement = totIncrement+increment;<br /> fx.stop()<br /> fx.start(totIncrement);<br /> }<br /> } <br />});<br /><br />//-------------------------------------<br /> // EVENTS for the button &quot;next&quot;<br /> $(&#39;next&#39;).addEvents({<br />&#39;click&#39; : function(event){<br /> if(totIncrement&gt;maxRightIncrement){<br /> totIncrement = totIncrement-increment;<br /> fx.stop()<br /> fx.start(totIncrement);<br /> }<br />} <br />})<br /><br /><br />});<br />&lt;/script&gt;<br /><br /><br /><style type="'text/css'"><br />#slider-stage{width:100%; overflow:auto; overflow-x:hidden; overflow-y:hidden; height:200px; margin:0 auto; border:2px solid #000000; background-color:#000000; }<br />#slider-buttons{float:left; width:100%; margin:0 auto; border:2px solid #000000; color:#ffffff; font-weight:bold; background-color:#000000;filter:alpha(opacity=60);opacity:0.6;}<br />#slider-list{width:4500px; border:0; margin:0; padding:0; left:400px;}<br />#slider-list li{<br />list-style:none;<br />margin:0;<br />padding:0;<br />border:0;<br />margin-right:4px;<br />padding:4px;<br />background:#DEDEDE;<br />float:left;<br />width:200px;<br />height:200px;<br />}<br /></style><br /><br /><br /><br />Important !!! : Download mootools.svn.js as a zip file from here and host mootools.svn.js yourself.<br /><br />You can change height,width,color,... if you like.<br /><br />4.Now save your template.<br /><br />5.Go to Layout-->Page Elements and click on "Add a gadget".<br /><br />6.Select "html/java script" and add the code given below and click save.<br /><br /><div id="slider-stage"><br /><br /><ul id="slider-list"><br /><br /><li id="l1"><a href="#" title="#"><img alt="#" width="200" src="http://4.bp.blogspot.com/_4HKUHirY_2U/SxEB37QtNcI/AAAAAAAAAX0/pCTR9-G_eB8/1.jpg" height="200" /></a></li><br /><br /><li id="l2"><a href="#" title="#"><img alt="#" width="200" src="http://3.bp.blogspot.com/_4HKUHirY_2U/SxEB7oOhYOI/AAAAAAAAAX8/fUr3ZlPpS38/2.jpg" height="200" /></a></li><br /><br /><li id="l3"><a href="#" title="#"><img alt="#" width="200" src="http://2.bp.blogspot.com/_4HKUHirY_2U/SxEB_sqE6wI/AAAAAAAAAYE/w4jo11g5hBc/3.jpg" height="200" /></a></li><br /><br /><li id="l4"><a href="#" title="#"><img alt="#" width="200" src="http://1.bp.blogspot.com/_4HKUHirY_2U/SxECDRFc_NI/AAAAAAAAAYM/Wx0LKwVEKW8/4.jpeg" height="200" /></a></li><br /><br /><li id="l5"><a href="#" title="#"><img alt="#" width="200" src="http://4.bp.blogspot.com/_4HKUHirY_2U/SxECJ16VZmI/AAAAAAAAAYU/42yvYTr73fY/5.jpg" height="200" /></a></li><br /><br /><li id="l6"><a href="#" title="#"><img alt="#" width="200" src="http://1.bp.blogspot.com/_4HKUHirY_2U/SxECNkV__aI/AAAAAAAAAYc/gLKK6geuCJw/6.jpg" height="200" /></a></li><br /><br /><li id="l7"><a href="#" title="#"><img alt="#" width="200" src="http://1.bp.blogspot.com/_4HKUHirY_2U/SxECRhJHnwI/AAAAAAAAAYk/JuLnodmNxsA/7.jpg" height="200" /></a></li><br /><br /><li id="l8"><a href="#" title="#"><img alt="#" width="200" src="http://3.bp.blogspot.com/_4HKUHirY_2U/SxECVOyja0I/AAAAAAAAAYs/nqfSWp_GRoE/8.png" height="200" /></a></li><br /><br /><li id="l9"><a href="#" title="#"><img alt="#" width="200" src="http://4.bp.blogspot.com/_4HKUHirY_2U/SxECdbX_-MI/AAAAAAAAAY8/qwr28O1jL6k/9.jpg" height="200" /></a></li><br /><br /><li id="l10"><a href="#" title="#"><img alt="#" width="200" src="http://4.bp.blogspot.com/_4HKUHirY_2U/SxECj5CtPmI/AAAAAAAAAZE/n97iYa8Ee_Q/10.jpg" height="200" /></a></li><br /><br /></ul><br /><br /></div><br /><br /><div id="slider-buttons"><br /><a id="previous" href="#">Previous</a> | <a id="next" href="#">Next</a><br /></div><br /><br /><br /><br />You are done.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-35804607897684899?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com2tag:blogger.com,1999:blog-529975672224930247.post-70375060359720886902009-12-11T05:47:00.004-08:002009-12-11T05:48:12.767-08:00Terminator Salvation(2009)[HINDI DUBBED]<div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://anirishtory.files.wordpress.com/2009/06/terminator-salvation-poster-2.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 436px; height: 652px;" src="http://anirishtory.files.wordpress.com/2009/06/terminator-salvation-poster-2.jpg" alt="" border="0" /></a><br /><br /><br />DOWNLOAD LINKS:<br /><a href="http://rapidshare.com/files/309780752/Terminator_Salvation__2009___Multi_Lenguage_6_Channels___DvDRip__Usseme_.mkv.001">Part 01</a><br /><a href="http://rapidshare.com/files/309801668/Terminator_Salvation__2009___Multi_Lenguage_6_Channels___DvDRip__Usseme_.mkv.002">Part 02</a><br /><a href="http://rapidshare.com/files/309823996/Terminator_Salvation__2009___Multi_Lenguage_6_Channels___DvDRip__Usseme_.mkv.003">Part 03</a><br /><a href="http://rapidshare.com/files/309844461/Terminator_Salvation__2009___Multi_Lenguage_6_Channels___DvDRip__Usseme_.mkv.004">Part 04</a><br /><a href="http://rapidshare.com/files/309864062/Terminator_Salvation__2009___Multi_Lenguage_6_Channels___DvDRip__Usseme_.mkv.005">Part 05</a><br /><a href="http://rapidshare.com/files/309881410/Terminator_Salvation__2009___Multi_Lenguage_6_Channels___DvDRip__Usseme_.mkv.006">Part 06</a><br /><a href="http://rapidshare.com/files/309898680/Terminator_Salvation__2009___Multi_Lenguage_6_Channels___DvDRip__Usseme_.mkv.007">Part 07</a><br /><a href="http://rapidshare.com/files/309914674/Terminator_Salvation__2009___Multi_Lenguage_6_Channels___DvDRip__Usseme_.mkv.008">Part 08</a></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-7037506035972088690?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-21831251614717414852009-12-11T05:47:00.003-08:002009-12-11T05:47:51.978-08:00De Dana Dan (2009)<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://mimg.sulekha.com/hindi/de-dana-dan/Stills/de-dana-dan-01.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 500px; height: 738px;" src="http://mimg.sulekha.com/hindi/de-dana-dan/Stills/de-dana-dan-01.jpg" alt="" border="0" /></a><br /><br />De Dana Dan (2009)<br /><br />DOWNLOAD LINKS:<br />RAPIDSHARE<br /><a href="http://rapidshare.com/files/313689111/De.Dana.Dan.PDVDRip.XviD.1CDRip._DDR_.TeamTDK.avi.001.html">Part 01</a><br /><a href="http://rapidshare.com/files/313689106/De.Dana.Dan.PDVDRip.XviD.1CDRip._DDR_.TeamTDK.avi.002.html">Part 02</a><br /><a href="http://rapidshare.com/files/313689108/De.Dana.Dan.PDVDRip.XviD.1CDRip._DDR_.TeamTDK.avi.003.html">Part 03</a><br /><a href="http://rapidshare.com/files/313689114/De.Dana.Dan.PDVDRip.XviD.1CDRip._DDR_.TeamTDK.avi.004.html">Part 04</a><br />SUBTITLE:<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-2183125161471741485?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-41231679895769661652009-12-11T05:47:00.001-08:002009-12-11T05:47:24.999-08:00Aao Wish Karein<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_XySvs6zUWkU/SxaX1RoXwpI/AAAAAAAAB70/oJbs9FHmeGU/s1600-h/Aao-Wish-Karein-2009-1.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 300px; height: 400px;" src="http://1.bp.blogspot.com/_XySvs6zUWkU/SxaX1RoXwpI/AAAAAAAAB70/oJbs9FHmeGU/s400/Aao-Wish-Karein-2009-1.jpg" alt="" id="BLOGGER_PHOTO_ID_5410678943853822610" border="0" /></a><br /><br /><br />DOWNLOAD LINKS:<br />http://www.mediafire.com/?nonzbnmzyzz<br />http://www.mediafire.com/?nmjlzjygggn<br />http://www.mediafire.com/?l1qaeamwjzm<br />http://www.mediafire.com/?43wjzzmt5gy<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-4123167989576966165?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-33610633066960832562009-12-11T05:42:00.000-08:002009-12-11T05:47:02.574-08:00Paa ( 2009<p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_XySvs6zUWkU/SyH7gF08eYI/AAAAAAAAB8c/XxttLQnHQWY/s1600-h/paa"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 276px; height: 400px;" src="http://4.bp.blogspot.com/_XySvs6zUWkU/SyH7gF08eYI/AAAAAAAAB8c/XxttLQnHQWY/s400/paa" alt="" id="BLOGGER_PHOTO_ID_5413884755814676866" border="0" /></a><br /><br /></p><br /><span style="font-weight: bold; color: rgb(204, 0, 0); font-size: 100%;">DOWNLOAD LINKS:</span><br />http://www.mediafire.com/?cq1idj5nmzx<br />http://www.mediafire.com/?pdsnwlnhy0b<br />http://www.mediafire.com/?yk1ykmdnlmn<br />http://www.mediafire.com/?dmumn9dyh03<br />http://www.mediafire.com/?4d0gwyzmyh1<br />http://www.mediafire.com/?t0z1aj9vmzd<br />http://www.mediafire.com/?yxxjnzknt55<br />http://www.mediafire.com/?cwy4znxyjwz<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-3361063306696083256?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-35995102035360589052009-11-19T05:07:00.000-08:002009-11-19T05:08:07.206-08:00Techified<div id="preview" class="clearfix"> <a href="http://btemplates.com/2009/11/13/techified/demo/" rel="nofollow"><img src="http://btemplates.com/wp-content/uploads/2009/11/Techified.jpg" alt="live demo" class="preview" /></a> </div> <div class="clearfix"> <a href="http://btemplates.com/download/1420/" class="fr dllink" rel="nofollow">Download</a> </div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-3599510203536058905?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-2315745551144020862009-11-19T05:06:00.002-08:002009-11-19T05:07:23.093-08:00Bloggerpress<div id="preview" class="clearfix"> <a href="http://btemplates.com/2009/11/13/bloggerpress/demo/" rel="nofollow"><img src="http://btemplates.com/wp-content/uploads/2009/11/Bloggerpress.jpg" alt="live demo" class="preview" /></a> </div> <a href="http://btemplates.com/download/1422/" class="fr dllink" rel="nofollow">Download</a> <a href="http://btemplates.com/download/1422/" class="fl dlcount" rel="nofollow">(3,204 Downloads)</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-231574555114402086?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-4291399807692857422009-11-19T05:06:00.001-08:002009-11-19T05:06:28.173-08:00Bulletin Board<div id="preview" class="clearfix"> <a href="http://btemplates.com/2009/11/17/bulletin-board/demo/" rel="nofollow"><img src="http://btemplates.com/wp-content/uploads/2009/11/Bulletin-Board.jpg" alt="live demo" class="preview" /></a> </div> <div class="clearfix"> <a href="http://btemplates.com/download/1425/" class="fr dllink" rel="nofollow">Download</a> </div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-429139980769285742?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-8079559297074168402009-11-19T05:03:00.000-08:002009-11-19T05:05:58.115-08:00Home Carpenter<div id="preview" class="clearfix"> <a href="http://btemplates.com/2009/11/18/home-carpenter/demo/" rel="nofollow"><img src="http://btemplates.com/wp-content/uploads/2009/11/Home-Carpenter.jpg" alt="live demo" class="preview" /></a> </div> <a href="http://btemplates.com/download/1430/" class="fr dllink" rel="nofollow">Download</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-807955929707416840?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-37177389637473609872009-11-19T04:56:00.000-08:002009-11-19T05:02:34.685-08:00Winpress 7<div id="preview" class="clearfix"> <a href="http://btemplates.com/2009/11/18/winpress-7/demo/" rel="nofollow"><img src="http://btemplates.com/wp-content/uploads/2009/11/Winpress-7.jpg" alt="live demo" class="preview" /></a> </div> <div class="clearfix"> <a href="http://btemplates.com/download/1431/" class="fr dllink" rel="nofollow">Download</a> </div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-3717738963747360987?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-79637757114021695312009-10-01T07:04:00.000-07:002009-10-01T07:05:57.428-07:00how to make free and easy ISD calls from AIRTEL connection<p>First of all you need an Airtel connection (pre-paid preferred).The trick was to hack the Virtual Calling Card, that lets you make international calls from your mobile.</p> <p>Dial 1802103 from your mobile and you will hear a welcome message from airtel and an instruction to dial your 10 digit access number.These access number will be changed randomly.I succeeded using the number 000710<strike>****</strike> followed by # key(Last 4 digits will be given to only those who sign up and comment ( with their personal mail id due to security reasons).To register click signup link on top right. free call trick<br /></p> <p>After this you will be asked to enter the 4 digit password number.I used the password <strike>****</strike> <em>(removed)</em>followed by#(<strike>See the last 4 digits of both the numbers,they are same which made it easier to hack)</strike> You also have the option of hacking that 4 numbers by yourself and sharing with us.</p> <p>You will hear an acceptance tone and an instruction to dial the destination number.STD numbers should start with '0' and ISD numbers with '00'.</p> <p>Many of my friends are now conferencing accross the whole countries in the world.And you can be a part of it until Airtel blocks it. </p> <h4>Easy method of using free Virtual Calling Card is given below.</h4> <p>Most phones support the “p” and “w” actions. On Nokia phones, if you press the “*” key repeatedly, you will see it change from “*” to “+”, then “p” and “w”. </p> <p>Put simply, the dialing sequence now becomes: Airtel’s toll-free number 1802103 followed by pause, then the VCC pin and “#”, then a tonewait (for the voice prompt asking you to dial the number), then the telephone number you are trying to call, or </p> <p><strong>1802103p12345678#w0123#0012345678</strong> (demo) </p> <p><img src="http://i206.photobucket.com/albums/bb207/ripejuice/Scr.jpg" /> <img src="http://i206.photobucket.com/albums/bb207/ripejuice/Scr-1.jpg" /> </p> <p>Airtel’s toll-free number is 1802103. The VCC pin is 12345678, and 0123 is the password and the telephone number is 0012345678 (country code, etc.). </p> <p>{If you are not interested in making free calls the Airtel has calling cards that lets you make international calls from your mobile. It’s a physical card, but they insist on calling it virtual . Anyway, they offer better rates: with a VCC worth Rs. 561 (including taxes), you get a talktime of Rs. 500 (~ $11), and the charges are Rs. 3.50 per minute.You enjoy complete control on your STD/ISD calling.Denomination as low as Rs 112. Other denominations of Rs 225, Rs 561, &amp; Rs 2245 also available.}</p><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-7963775711402169531?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com1tag:blogger.com,1999:blog-529975672224930247.post-47633423309547167822009-10-01T07:00:00.000-07:002009-10-01T07:03:39.366-07:00Monday, July 13, 2009 free browsing trick for MOBILE office Plan for airtelHere is the free browsing trick for MOBILE office Plan for airtel<br />with this service you can browse for free so here is the procedure..<br />airtel tips and tricks<br />1.Activate zero rental mobile office by dialing *567*1# and then open<b> http://wap.google.com And enter the site you want to visit as a search term and click search.now in the search results that appear click the site you want to visit then cheers finished!</b><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-4763342330954716782?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-69463525813533329362009-07-21T06:09:00.000-07:002009-07-21T06:11:57.277-07:00The Best Professional or Funny eMail ID For You !!!<div style="text-align: justify;"><br /><br /><img style="width: 300px; height: 236px;" alt="http://i39.tinypic.com/2ldj5z5.jpg" src="http://i39.tinypic.com/2ldj5z5.jpg" /><br /><br /><br /><br /><br />Gmail, Yahoomail, and Hotmail are popular but are of course most common too, and nowadays you don't even get the email-ID of your choice from these websites<br /><br />So how about these ID's:<br /><br /><span style="color: red;">your_name@popstar.com</span> or <span style="color: blue;">the_best@engineer.com</span> or <span style="color: red;">john@mad.scientist.com</span> or <span style="color: blue;">wannab@teacher.com</span>,<br /><br />You can select from any of these <b>250+ email addresses</b> to choose from !<br /><br />Visit <a href="http://www.mail.com/">Mail.com</a> to get any of these email-ids.<br /><b>NOTE</b>: Although you get a professional or a really funny email from mail.com, but storage space is limited to 3GB and without a premium account you are not given the POP3 access.</div><span class="fullpost"><br /><b>General<br /></b><br /><div style="color: red;">mail.com </div>usa.com <br />email.com <br />consultant.com <br />consultant.com <br />popstar.com <br /><div style="color: red;">mail.org </div>europe.com <br />myself.com <br />post.com <br /><div style="color: red;">cheerful.com </div>usa.com <br />earthling.net <br /><br /><b>Jobs</b><br />accountant.com <br />adexec.com <br />allergist.com <br />alumnidirector.com <br /><div style="color: red;">archaeologist.com </div>bartender.net<br />brew-master.com <br />chef.net <br />chemist.com <br />clerk.com <br />columnist.com <br /><div style="color: purple;">consultant.com </div>contractor.net <br />counsellor.com <br />count.com <br />deliveryman.com <br />diplomats.com <br />doctor.com <br />dr.com <br /><div style="color: blue;">engineer.com </div>execs.com <br />financier.com <br />fireman.net <br />footballer.com <br /><div style="color: rgb(102, 0, 0);">gardener.com </div>geologist.com <br />graphic-designer.com <br />hairdresser.net <br /><div style="color: blue;">instructor.net </div>insurer.com <br />journalist.com <br /><div style="color: rgb(116, 27, 71);">lawyer.com </div>legislator.com <br />lobbyist.com <br /><div style="color: blue;">mad.scientist.com </div>minister.com <br />monarchy.com <br />optician.com <br />orthodontist.net <br />pediatrician.com <br />photographer.net <br />physicist.net <br />politician.com <br /><div style="color: red;">popstar.com </div>presidency.com <br />programmer.net <br />publicist.com <br />radiologist.net <br />realtyagent.com <br />registerednurses.com <br />repairman.com <br />representative.com <br />rescueteam.com <br />salesperson.net <br /><div style="color: rgb(53, 28, 117);">scientist.com </div>secretary.net <br /><div style="color: rgb(204, 0, 0);">socialworker.net </div>sociologist.com <br />songwriter.net <br />teachers.org <br /><div style="color: rgb(120, 63, 4);">teacher.com </div><div style="color: rgb(19, 79, 92);">technologist.com </div>therapist.net <br />tvstar.com <br />umpire.com <br />worker.com <br /><br /><b>Hobbies </b><br />artlover.com <br />bikerider.com <br />birdlover.com <br />catlover.com <br /><div style="color: orange;">collector.org </div>comic.com <br />cutey.com <br />disciples.com <br />doglover.com <br /><div style="color: purple;">elvisfan.com </div>fan.com <br />fan.net <br />gardener.com <br />hockeymail.com <br /><div style="color: rgb(56, 118, 29);">madonnafan.com </div><div style="color: rgb(11, 83, 148);">musician.org </div><div style="color: rgb(204, 0, 0);">petlover.com </div>reggaefan.com <br />rocketship.com <br />rockfan.com <br /><div style="color: red;">thegame.com </div><br /><b>Countries </b><br />africamail.com <br />americamail.com <br />arcticmail.com <br />asia.com <br />asia-mail.com <br />australiamail.com <br />brazilmail.com <br />chinamail.com <br />dutchmail.com <br /><div style="color: red;">europe.com </div>europemail.com <br />germanymail.com <br /><div style="color: rgb(39, 78, 19);">indiamail.com </div>irelandmail.com <br />israelmail.com <br />italymail.com <br />japan.com <br />koreamail.com <br />mexicomail.com <br />pacific-ocean.com <br />pacificwest.com <br />polandmail.com <br />russiamail.com <br />safrica.com <br />samerica.com <br />scotlandmail.com <br />singapore.com <br />spainmail.com <br />swedenmail.com <br /><div style="color: red;">swissmail.com </div><div style="color: blue;">usa.com </div><br /><b>Cities/States </b><br />alabama.usa.com <br />alaska.usa.com <br />arizona.usa.com <br />arkansas.usa.com <br />berlin.com <br />california.usa.com <br />colorado.usa.com <br />connecticut.usa.com <br />dallasmail.com <br />delaware.usa.com <br />delhimail.com <br />dublin.com <br />florida.usa.com <br />georgia.usa.com <br />hawaii.usa.com <br />idaho.usa.com <br />illinois.usa.com <br />indiana.usa.com <br />iowa.usa.com <br />kansas.usa.com <br />kentucky.usa.com <br />london.com <br />louisiana.usa.com <br />madrid.com <br />maine.usa.com <br />maryland.usa.com <br />massachusetts.usa.com <br />michigan.usa.com <br />minnesota.usa.com <br />mississippi.usa.com <br />missouri.usa.com <br />montana.usa.com <br />moscowmail.com <br />munich.com <br />nebraska.usa.com <br />nevada.usa.com <br />newhampshire.usa.com <br />newjersey.usa.com <br /><div style="color: rgb(61, 133, 198);">newmexico.usa.com </div><div style="color: red;">newyork.usa.com </div>northcarolina.usa.com <br />northdakota.usa.com <br />nycmail.com ohio.usa.com <br />oklahoma.usa.com <br />oregon.usa.com <br />paris.com <br />pennsylvania.usa.com <br />rhodeisland.usa.com <br /><div style="color: red;">rome.com </div>sanfranmail.com <br />singapore.com <br />southcarolina.usa.com <br />southdakota.usa.com <br />tennessee.usa.com <br />texas.usa.com <br /><div style="color: rgb(230, 145, 56);">tokyo.com </div>torontomail.com <br />utah.usa.com <br />vermont.usa.com <br />virginia.usa.com <br /><div style="color: rgb(116, 27, 71);">washington.usa.com </div>westvirginia.usa.com <br />wisconsin.usa.com <br />wyoming.usa.com <br /><br /><b>Fun/Miscellaneous</b><br />2die4.com <br />activist.com <br />alumni.com <br />amorous.com <br />been-there.com <br /><div style="color: purple;">bigger.com </div>caress.com <br />cheerful.com <br />cliffhanger.com <br />comic.com <br /><div style="color: blue;">comfortable.com </div>count.com <br />couple.com <br /><div style="color: red;">cyberdude.com </div>cybergal.com <br />cyber-wizard.com <br />dbzmail.com <br />disciples.com <br />disposable.com <br />doramail.com <br />doubt.com <br />earthling.net <br />fastermail.com <br /><div style="color: red;">feelings.com </div><div style="color: rgb(116, 27, 71);">graduate.org </div>hackermail.com <br />hilarious.com <br />homosexual.net <br /><div style="color: blue;">hot-shot.com </div>hour.com <br />howling.com <br /><div style="color: rgb(120, 63, 4);">humanoid.net </div>iname.com <br /><div style="color: rgb(204, 0, 0);">indiya.com </div>innocent.com <br />inorbit.com <br />instruction.com <br /><div style="color: purple;">kittymail.com </div>keromail.com <br />linuxmail.org <br /><div style="color: red;">loveable.com </div>mailpuppy.com <br />mcdull.net <br />mcmug.org <br />mindless.com <br />mobsters.com <br />monarchy.com <br />nastything.com <br />nightly.com <br />nonpartisan.com <br />null.net <br />outgun.com <br />playful.com <br /><div style="color: blue;">poetic.com </div><div style="color: rgb(39, 78, 19);">reborn.com </div>reincarnate.com <br /><div style="color: red;">revenue.com </div>rocketship.com <br /><div style="color: red;">royal.net </div>sailormoon.com <br />saintly.com <br />seductive.com <br />sister.com <br /><div style="color: red;">sizzling.com </div>skim.com <br />snakebite.com <br />soon.com <br />surgical.net <br /><div style="color: red;">techie.com </div>tempting.com <br />toke.com <br />toothfairy.com <br />tvstar.com <br />uymail.com <br />wallet.com <br />webname.com <br />weirdness.com <br />who.net <br /><div style="color: red;">whoever.com </div>winning.com <br />witty.com <br />writeme.com <br /><div style="color: red;">yours.com </div><br /><b>Religion/Philosophy</b><br />angelic.com <br />atheist.com <br />minister.com <br />muslim.com <br />oath.com <br />orthodox.com <br />priest.com <br />protestant.com <br />reborn.com <br />religious.com <br />saintly.com <br /><br /><b>Asian Pop stars</b><br />aaronkwok.net <br />andylau.net <br />athenachu.net <br />hk.popstarmail.org <br />hsuchi.net <br />kellychen.com <br />leehom.net <br />leonlai.net <br />louiskoo.com <br />nicholastse.net <br />nicolastse.com <br />sammimail.com <br />vivianhsu.net <br />wongfaye.com <br />zhaowei.net</span><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-6946352581353332936?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-58399899127783998052009-07-21T06:07:00.000-07:002009-07-21T06:08:51.768-07:00Embed .PDF | .DOC | .DOCX | .PPT | .PPTX | .XLS | .XLSX | .TXT & Other FilesHere's a highly useful tool, through which you can easily embed almost any type of file anywhere in the web. Click on the logo below:<br /><br /><div style="text-align: center;"><a alt="Embed all types of files through this tool" href="http://www.embedit.in/" target="_blank"><img src="http://i40.tinypic.com/o9r0g6.jpg" width="320" /></a></div><br />As an example here's a ।doc file (MS Word document) uploaded by me:<br /><br />From their FAQ section, I considered these points as important for you:<br /><blockquote><b>What kinds of files can I embed?</b><br />- Pretty much any kind of document, image, or text file. To be specific:<br />* Documents: doc, docx, xls, xlsx, ppt, pptx, pdf, wpd, odt, ods, odp<br />* Images: png, jpg, gif, tiff, bmp, eps, ai<br />* Text: txt, rtf, csv, html<br /><br /><b>What's the largest file I can upload?</b><br />- 20 megabytes.<br /><br /><b>Can I make an embed private?</b><br />Nope.<br /><br /><b>Can other people embed my file?</b><br />Yes; since everything on embedit.in is open to the public, there's nothing stopping somebody else from copying and pasting the code from your webpage or blog.<br /><br />If you think about it, there would be nothing stopping people from downloading your file and copying it to their website, anyway.<br /><br /><b>Can I download the file later?</b><br />You sure can. Use the button with the arrow on it: Download_button <img src="http://embedit.in/images/download_button.png?1236982441" /></blockquote><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-5839989912778399805?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-29737096554281941882009-07-21T06:05:00.000-07:002009-07-21T06:06:35.906-07:00Page Speed - A Must Have Firefox SEO Add-On by GOOGLE !<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_4fVBL4fjrFI/SiuTWN3tO_I/AAAAAAAADHA/OfTAD0Kqwu0/s1600-h/Google_Code.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img src="http://3.bp.blogspot.com/_4fVBL4fjrFI/SiuTWN3tO_I/AAAAAAAADHA/OfTAD0Kqwu0/s320/Google_Code.png" border="0" /></a></div><div style="text-align: justify;">It's not a secret that all the Search Engine Optimization tricks and techniques have been developed not just to make search engines happy, but to make the readers happy too. Although blogs generally take a little longer to load as compared to commercial websites, due to all the widgets, JavaScript and CSS files etc. but for readers who are mainly interested in the content &amp; do not of course have time to admire all the shiny widgets and gadgets, will like to see the blogs load as quickly as possible.<br />So optimizing the loading time of your blog is really necessary for both search engines and readers.<br />Now Google has itself created a special tool (a firefox add-on, that works along with <a href="http://www.getfirebug.com/" target="_blank">firebug</a>):<br />that's called Page Speed. Being an open source project Google has again left the boundaries undefined and a lot scope for it's further development...<br /><br />So do give it a try &amp; if you are a developer <a href="http://code.google.com/p/page-speed/" target="_blank">have some hands-on it</a> ;)<br /><br /><a href="http://code.google.com/speed/page-speed/" target="_blank">Page Speed: details in brief</a></div><span class="fullpost"><br /><b>*UPDATE</b>: These are the steps you have to follow to Analyze your blog with the help of FireBug and Page Speed:<br /><br />Open Firefox, go to <b>Tools -> Add-Ons -> Extensions</b><br />and enable Firebug and Page Speed (Install any or both of them, if you do not already have them in your browser)<br /><br />Then restart your browser (Firefox or Flock), and you'll see a tiny bug at the lower left section of your browser, like this:<br /><center><img src="http://i42.tinypic.com/v5j03q.jpg" /></center><br /><br />Click on the bug and then select "Page Speed" tab and then click "Analyze Performance"<br /><center><img src="http://i43.tinypic.com/2ztdesp.jpg" width="525" /></center><br />When the results are shown, you may start your work to remove the listed errors.</span><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-2973709655428194188?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-35819702054581986022009-07-21T06:00:00.000-07:002009-07-21T06:04:36.889-07:00SU.pr - StumbleUpon, Twitter and Facebook Combined<div style="text-align: justify;">If you are already impressed by the services Twitter, StumbleUpon and Facebook, then here's a newly developed tool <a href="http://www.su.pr/" target="_blank">su.pr</a> (call it Super). The website is developed by StumbleUpon team, which helps you to synchronize your StumbleUpon, Twitter and Facebook accounts. Simply add your website or blog to your su.pr account, and post articles from your blog just as you do it in Twitter (tweets).<br /><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_4fVBL4fjrFI/SlEAhMWnUVI/AAAAAAAADJk/PSjZzNkadfk/s1600-h/SuPR.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://3.bp.blogspot.com/_4fVBL4fjrFI/SlEAhMWnUVI/AAAAAAAADJk/PSjZzNkadfk/s320/SuPR.png" border="0" /></a></div>Su.pr not only shortens your url, but it sends the updates to twitter as your tweets, it shows you the statistics that include the number of retweets, number of StumbleUpon reviews, number of click through and even traffic source. You can view stats for the past 12 hours, past 7 days, or even past 30 days. And finally whenever someone visits the article through the shortened su.pr link, then the stumbleupon toolbar will be shown above the web page through which one can discover and add the web page to their stumble favorites.</div><span class="fullpost"><br />I would recommend you these two websites, to get more details about su.pr<br />1. <a href="http://www.makeuseof.com/tag/supr-an-extraordinary-url-shortening-service-by-stumbleupon/" target="_blank">MakeUseOf.com</a><br />2. <a href="http://www.fourhourworkweek.com/blog/2009/06/09/stumble-upon-supr/" target="_blank">FourHourWorkWeek.com</a></span><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-3581970205458198602?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-24013932895628569442009-07-20T07:30:00.000-07:002009-07-20T07:31:01.666-07:00Icy Blue<div id="preview" class="clearfix"> <img src="http://btemplates.com/wp-content/uploads/2009/07/icy-blue.jpg" alt="live demo" class="preview" /> </div> <a href="http://btemplates.com/download/1129/" class="fr dllink" rel="nofollow">Download</a> <a href="http://btemplates.com/download/1129/" class="fl dlcount" rel="nofollow">(1,249 Downloads)</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-2401393289562856944?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-29515230536746927952009-07-20T07:29:00.000-07:002009-07-20T07:30:19.450-07:00Dusky<div id="preview" class="clearfix"> <img src="http://btemplates.com/wp-content/uploads/2009/07/dusky.jpg" alt="live demo" class="preview" /> </div> <a href="http://btemplates.com/download/1137/" class="fr dllink" rel="nofollow">Download</a> <a href="http://btemplates.com/download/1137/" class="fl dlcount" rel="nofollow">(576 Downloads)</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-2951523053674692795?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-72404041822792003022009-07-20T07:28:00.000-07:002009-07-20T07:29:25.053-07:00Excellence<div id="preview" class="clearfix"> <img src="http://btemplates.com/wp-content/uploads/2009/07/excellence.jpg" alt="live demo" class="preview" /> </div> <a href="http://btemplates.com/download/1140/" class="fr dllink" rel="nofollow">Download</a> <a href="http://btemplates.com/download/1140/" class="fl dlcount" rel="nofollow">(521 Downloads)</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-7240404182279200302?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-34715617749426358822009-07-20T07:27:00.000-07:002009-07-20T07:28:37.934-07:00Inspiration<div id="preview" class="clearfix"> <img src="http://btemplates.com/wp-content/uploads/2009/07/inspiration.jpg" alt="live demo" class="preview" /> </div> <div class="clearfix"> <a href="http://btemplates.com/download/1141/" class="fr dllink" rel="nofollow">Download</a> <a href="http://btemplates.com/download/1141/" class="fl dlcount" rel="nofollow">(219 Downloads)</a> <a href="http://inspiration2-btemplates.blogspot.com/" id="views" class="fr" rel="external nofollow">(1,739 views)</a> </div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-3471561774942635882?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-72648962962755459212009-07-20T07:26:00.000-07:002009-07-20T07:27:04.758-07:00Mobipress<div id="preview" class="clearfix"> <img src="http://btemplates.com/wp-content/uploads/2009/07/Mobipress.jpg" alt="live demo" class="preview" /> </div> <div class="clearfix"> <a href="http://btemplates.com/download/1144/" class="fr dllink" rel="nofollow">Download</a> </div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-7264896296275545921?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-14381263974668094752009-07-20T07:24:00.000-07:002009-07-20T07:26:21.673-07:00Typographic Times<div id="preview" class="clearfix"> <img src="http://btemplates.com/wp-content/uploads/2009/07/Typographic-Times.jpg" alt="live demo" class="preview" /> </div> <div class="clearfix"> <a href="http://btemplates.com/download/1146/" class="fr dllink" rel="nofollow">Download</a> </div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-1438126397466809475?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-40343084443932626122009-07-20T07:21:00.000-07:002009-07-20T07:22:17.367-07:00Advice to Blogger bloggers regarding comments, comment moderation, and sidebar problemsThere are a couple of things I would like to highlight regarding comments in Blogger blogs. Among other things, it may cause the sidebar of your post to slide to the bottom of the page in Internet Explorer through no fault of yours:<br /><br /><h2>Long unbroken lines in comments and the sidebar</h2>Today, I received a comment moderation notification email and approved it, but only after I posted it, I realised that the commentor has included a long link (non-clickable) which will cause the sidebar to slide to the bottom of the post. I checked in Internet Explorer (most of the time, I use <a href="http://firefox-alert.blogspot.com/2006/09/what-is-firefox-and-why-you-should-be.html" target="_blank">FireFox with the Google toolbar</a> (close new window to return to this page) and confirmed it. I quickly commented on the comment author's blog (there was no email) and explained the reason why I am forced to delete the comment (it was a comment which disagree with my post) and that I hope she will comment again, making the link a <a href="http://bloggerfordummies.blogspot.com/2006/03/how-to-make-clickable-link.html" target="_blank">clickable link</a> (close new window to get back to this page) and I will approve it. If keeping the sidebar in the proper position is important to you, I will advice that you examine the comments carefully for such things linke long, unbroken line of texts, especially long unclickble links, long line of unbroken code, etc. This has happened to me more than once (see section below).<br /><br /><h2>Moderating comments</h2>For most of my blogs, I have enabled comment moderation to keep out spam comments, etc. However, one day, a member of the Google Blogger Help group asked if he can edit the comments. Now in the comment moderation notification email, there are 3 options - Publish, Reject, Moderate. I have practically all the time clicked Published, and on rare occasions, clicked Reject, but I have never clicked on Moderate. I thouht that clicking on Moderate will allow one to edit the comment, but no. I wanted to check before I answered that question, and looked for a comment to moderate. It so happen that the only comment moderation email notification I had was for a Blogger beta blog. I clicked on Moderate, expecting to be taken to a page containing that comment. Instead of that, I was taken to a page with a list of comments waiting for me to moderate, with the comment I received for moderation right at the top. The comments below I have never received any notification. I took some time to moderate all the comments there. I initially thought that this was only a Blogger Beta bug.<br /><br />Just in case it is not only a Blogger beta bug, I decided to check on one of my Blogger classic blog (this one) in the Dashboard for this blog by clicking on the "Moderate comments" tab. To my horror, I found a list of 51 comments waiting to be moderated, some dating back to June, and for which I also never received any email notification. And more important, I found that there is no way I can find in which post that comment was made, which makes responding to the comment very, very difficult. So if your comment was not published in good time and/or not responded to, blame Blogger, not me. I have notified Blogger support, and hope they have taken note of the problem and is doing something about it, especially making the information as to which post the comment was made in available when one moderate comments via the Dashboard. In the meantime, if you are moderating comments via email notification, do take the trouble to check "Moderate comments" in the Dashboard once in a while. That reminds me. I must check that in my blog <a href="http://bloggerfordummies.blogspot.com/" target="_blank">Dummies Guide to Google Blogger</a> (close new window to get back to this page).<br /><br />BTW, there was one comment with a long lines of unbroken codes in one of my post which canused the sidebar to slide to the bottom of the page, and which I didn't discover for a long time. That was very embarassing because I have a post in my blog which explain what to do when sidebar is pushed to the bottom of the page.<br /><br />UPDATE 14 November 2006: I logged into Dashboard and clicked this blog in the list of blogs in the Dashboard. Clicked on "Moderate comments" and again found 10+ comments waiting for moderation for which I never receive a email notification. I approved all except 2, one being a duplicate, and another one a spam. I have no idea which posts the comments were made, so am unable to respond. I have already informed Blogger, but looks like they are either too busy, do not want to, or cannot do something about it. I will inform them again and see if matters improve.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-4034308444393262612?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-27413517303391304372009-07-20T07:20:00.000-07:002009-07-20T07:21:21.050-07:00How to delete comments Part IIRecently I found that my sidebar of some of my posts were down at the bottom of the page, and it wasn't my fault. It was caused by commentors who left long unbroken text/unclickable links in the comment. I tried to delete the normal way, that is, log into Blogger, surf over to the post containing the comment, look for the trashcan icon, click on it, and confirm deletion. Well, it didn't work for me, probably because I had tampered with the permalink (timestamp). So I had to contact Blogger support. That is another story that you can read here <a href="http://blogger-tricks.blogspot.com/2006/08/how-to-contact-blogger-support.html">How to contact Blogger support</a>. I finally did get a reply from them with instruction on how to delete the comment.<br /><br />I found the month in which the problem post was, click on that month in the archives, scroll to the post, click on the comments, and there I finally saw the trashcan, click on it, and deleted the offending comment.<br /><br />So folks, sidebar sliding to the bottom of the page may not be only your fault. You should check the comments made by your visitors to make sure they don't contain any long unbroken text/unclickable links.<br /><br /><table style="width: 50px; height: 28px;" border="1"><tbody><tr><td><a href="http://blogger-tricks.blogspot.com/2006/12/alert-it-may-be-good-idea-to-republish.html">ST </a></td><td><br /></td><td><br /></td></tr></tbody></table><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-2741351730339130437?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-81419912726782650132009-07-20T07:18:00.000-07:002009-07-20T07:20:14.794-07:00New Blogger Template Tutorial: Adding a Second SidebarIf you want to add a second sidebar to your existing template, Hans of Beautiful Beta has a post <a href="http://beautifulbeta.blogspot.com/2006/10/adding-second-sidebar-to-your-blog-part.html" target="_blank">Adding a second sidebar Part II</a> have a very well written instruction on how to do it. Even if you have no intention to add a second sidebar, his post is worth a read to understand the New Blogger template better. The only thing I can add is to copy his numbered lines of code into Notepad (see below) <br /> <br /> <br />020: <div id="'outer-wrapper'">l<div id="'wrap2'"> <br />030: <!-- skip links for text browsers --> <br />040: <span id="'skiplinks'" style="'display:none;'"> <br />050: <a href="'#main'">skip to main </a> <br />060: <a href="'#sidebar'">skip to sidebar</a> <br />070: </span> <br />080: <div id="'header-wrapper'"> <br />090: <b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"> <br />100: <b:widget id="'Header1'" locked="'true'" title="'Second" type="'Header'/"> <br />110: </b:section> <br />120: </div> <br />130: <div id="'content-wrapper'"> <br />140: <div id="'main-wrapper'"> <br />150: <b:section class="'main'" id="'main'" showaddelement="'no'"> <br />160: <b:widget id="'Blog1'" locked="'true'" title="'Blog" type="'Blog'/"> <br />170: </b:section> <br />180: </div> <br />190: <div id="'sidebar-wrapper'"> <br />200: <b:section class="'sidebar'" id="'sidebar'" preferred="'yes'"> <br />210: <b:widget id="'BlogArchive1'" locked="'false'" title="'Blog" type="'BlogArchive'/"> <br />220: <b:widget id="'Profile1'" locked="'false'" title="'About" type="'Profile'/"> <br />230: </b:section> <br />240: </div> <br />250: <!-- spacer for skins that want sidebar and main to be the same height--> <br />260: <div class="'clear'"> </div> <br />270: </div> <!-- end content-wrapper --> <br />280: <div id="'footer-wrapper'"> <br />290: <b:section class="'footer'" id="'footer'/"> <br />300: </div> <br />310: </div></div> <!-- end outer-wrapper --> <br />320: </body> <br /> <br />and then read the rest of his tutorial side by side with the list in Notepad so you don't have to go back and forth in the post to refer to the list of code.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-8141991272678265013?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-36515139680615910942009-07-20T07:17:00.000-07:002009-07-20T07:18:52.677-07:00Getting New Blogger (formerly beta) to host your photo for the profile, sidebar, etcI have preferred to use Blogger to host my photos rather than third party photo host like <a href="http://www.shareresults.com/t/url.php/cid/2702/sid/6451" target="_blank">Photobucket</a> because of doubts regarding the long term stability of <a href="http://www.shareresults.com/t/url.php/cid/2702/sid/6451" target="_blank">Photobucket</a>, but they have recently been confirmed to be taken over on On May 30, 2007 by Fox Interactive Media, a News Corporation subsidiary at a price rumoured to be as high as $250 million US. So Photobucket is now backed by a big and financially stable corporation and I no longer have that reluctance to use <a href="http://www.shareresults.com/t/url.php/cid/2702/sid/6451" target="_blank">Photobucket</a> to host photos for my blogs. Using that may be easier than the convoluted steps outlined below: <br /> <br />I have written a previous post on how to get Blogger to host your photo for the profile, sidebar, <img> tags, etc at <a href="http://blogger-tricks.blogspot.com/2006/04/tip-getting-blogger-to-host-your.html">Getting Blogger to host your pictures for the profile, sidebar, etc.</a>. However, tests have shown this method no longer works. <br /> <br />For <a id="KonaLink1" target="undefined" class="kLink" style="text-decoration: underline ! important; position: static;" href="http://www.bloggertipsandtricks.com/search/label/sidebar#"><span style="color: rgb(0, 114, 188) ! important; font-family: Georgia,Serif; font-weight: 400; font-size: 16px; position: static;color:#0072bc;" ><span class="kLink" style="color: rgb(0, 114, 188) ! important; font-family: Georgia,Serif; font-weight: 400; font-size: 16px; position: static;">New </span><span class="kLink" style="color: rgb(0, 114, 188) ! important; font-family: Georgia,Serif; font-weight: 400; font-size: 16px; position: static;">Blogger</span></span></a>, this is what you have to do. Upload your photo to a post which if you don't want it to be on the main page, pre-date it to 2005 or something, or even in a blog created specially to host pictures (Blogger does not limit the number of blogs you can create). I upload this photo as an example: <br /> <br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_jizoPL28qCY/RcqnvLgvPBI/AAAAAAAAABs/9tHhSLWaElM/s1600-h/copyright+notice.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_jizoPL28qCY/RcqnvLgvPBI/AAAAAAAAABs/9tHhSLWaElM/s400/copyright+notice.jpg" alt="Kuala Lumpur night skyline with copyright notice" id="BLOGGER_PHOTO_ID_5029016362898373650" border="0" /><center>Kuala Lumpur night skyline</center></a> <br /> <br />Click on the picture (or the caption) to get an enlarged version of the photo. In the method describe previously, you will use the URL in the address bar of this page. Don't. It wouldn't work now. You can try it yourself if you want. Try putting that URL into the Photo URL in the EDIT PROFILE page and confirm for yourself that it can't be done. You will get the error message "Cannot find file at specified URL: link is broken (failed request)" and if you have already put in your profile photo, that will remain as this attempt will fail to replace it. You can also try putting that photo into the sidebar using "Add a Page Element" in the Layout, choosing "Picture" in the pop-up, and putting that URL in "Configure Image" page. You will get the error message "Please specify an image". Putting that URL int the <img src="photo URL" /> tag will also not display a photo. <br /> <br />Instead, in the page containing the enlarged photo, in the menu bar, click VIEW > PAGE SOURCE to get the source code for the page. In this case, the source code is as given in the scroll box below: <br /> <br /><div style="padding: 4px; overflow: auto; width: 395px; height: 250px; font-family: arial; font-size: 12px; text-align: left;"><html> <br /><head> <br /><title>copyright+notice.jpg (image)</title> <br /><script type="text/javascript"> <br /><!-- <br />if (top.location != self.location) top.location = self.location; <br />// --> <br /></script> <br /></head> <br /><body bgcolor="#ffffff" text="#000000"> <br /><img src="<span style=" />http://lh6.google.com/_jizoPL28qCY/RcqnvLgvPBI/AAAAAAAAABs/9tHhSLWaElM/s1600/copyright%2Bnotice.jpg</span>" alt="[copyright+notice.jpg]" border=0> <br /></body> <br /></html></div> <br /> <br />And almost at the end of the codes, you will see src="http://1h6.google.com/..... <br />I have to put the full URL in a scroll box, otherwise the long unbroken URL will extend into the right sidebar (FireFox) or cause the sidebar to slide to the bottom of the page: <br /> <br /><div style="padding: 4px; overflow: auto; width: 395px; height: 50px; font-family: arial; font-size: 12px; text-align: left;">http://lh6.google.com/_jizoPL28qCY/RcqnvLgvPBI/AAAAAAAAABs/9tHhSLWaElM/s1600/copyright%2Bnotice.jpg</div> <br /> <br />This should be the photo URL you should use for the profile photo, for inclusion in the <img src="photo URL" /> tag, for Picture in the sidebar, etc. <br /> <br /><span style="color: red;">Update 12 April 2007: I have made the actual photo URL in the first scrollbox red so it is easier to spot.</span> <br /> <br />Incidentally, the above photo is copyright of Tourism Malaysia in which I have put a copyright notice at the bottom right of the photo. I will describe how to put a copyright notice in your photo in a post in <a href="http://dummies-guide-to-google-blogger.blogspot.com/" target="_blank">Dummies Guide to Google Blogger</a>. (I have just added that post to that blog. You can read it here: <a href="http://dummies-guide-to-google-blogger.blogspot.com/2007/02/how-to-put-copyright-notice-into-your.html">A simple way to put a copyright notice to your photos</a> <br /> <br />The photo can be used to promote tourism to Malaysia. 2007 is Visit Malaysia Year, and many programs have been planned for visitors and this will be a good year to visit Malaysia. For more information, see <a href="http://guide-to-malaysia.blogspot.com/" target="_blank">Guide to Malaysia</a>. <br /> <br /><a href="http://publicdomainclip-art.blogspot.com/" target="_blank"> <br /></a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-3651513968061591094?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-83527034885891190782009-07-20T07:13:00.000-07:002009-07-20T07:17:11.801-07:00Changing the sidebar font<h3 class="post-title entry-title"> <a href="http://www.bloggertipsandtricks.com/2007/05/changing-sidebar-font.html">Got a question from a blog reader on how to change the sidebar font. So I did a little testing. See the screenshot of original font in the sidebar of this blog (click on screenshot to enlarge it):<br /><br /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_jizoPL28qCY/RkfjTYLjuEI/AAAAAAAAANg/aSH8QM2yJK4/s1600-h/testing+font+1.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_jizoPL28qCY/RkfjTYLjuEI/AAAAAAAAANg/aSH8QM2yJK4/s400/testing+font+1.jpg" alt="testing changing font of blogger sidebar 1" id="BLOGGER_PHOTO_ID_5064266228049360962" border="0" /></a><br /><br />I believe the original font is Arial. Now see the screenshot after editing the template (as above, click on screenshot to enlarge it):<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_jizoPL28qCY/RkfkhoLjuFI/AAAAAAAAANo/fe82xqLtqBg/s1600-h/testing+changing+sidebar+font+2.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_jizoPL28qCY/RkfkhoLjuFI/AAAAAAAAANo/fe82xqLtqBg/s400/testing+changing+sidebar+font+2.jpg" alt="testing changing sidebar font 2" id="BLOGGER_PHOTO_ID_5064267572374124626" border="0" /></a><br /><br />Note that the font has been changed to Times (you got to see the enlarged screenshot to see the difference, or surf over to <a href="http://tamansentosa.blogspot.com/" target="_blank">Taman Sentosa</a> to see the actual site.<br /><br />This is the way to do it. This involves opening the template editor and as always, backup the template before you make any changes. If you are not familiar with that, see the instructions at <a href="http://dummies-guide-to-google-blogger.blogspot.com/2007/02/backing-up-and-changing-new-blogger.html" target="_blank">Backing up and changing New Blogger template</a>.<br /><br />After you have opened the template editor, in the template editor window, look for this block of codes in the CSS:<br /><br />.sidebar {<br /> color: $textColor;<br /> line-height:1.3em;<br />}<br /><br />Add in a line for the new font, for example, if you want Times, add the line<br /><br />font-family: times;<br /><br />so that it becomes<br /><br />.sidebar {<br /> color: $textColor;<br /> line-height:1.3em;<br />font-family: times;<br />}<br /><br />Preview, and if satisfied, click "Save template".<br /><br /><span style="color: red;">Update: I was asked about changing the font size too. If you want to do that, just add the line<br /><br />font-size: 150%;<br /><br />or any other percentage as you wish. You may also specify in pixels (px), eg. 12px<br /><br />.sidebar {<br /> color: $textColor;<br /> line-height:1.3em;<br />font-family: times;<br />font-size: 150%;<br />}<br /><br /><br /></span> </h3><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-8352703488589119078?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-34074021151957293562009-07-17T07:53:00.001-07:002009-07-17T07:53:48.582-07:00Tips To Delete The message of Blogger Searching Result<p>When we are searching for something in a blog whether it is from search engine added in the blog or through <b>label</b> or <b>archive blogs</b>, there is usually message above the page search and the message shows like below.</p> <p><a href="http://lh3.ggpht.com/rohmaN24/SMabSDNgvDI/AAAAAAAAAv4/82QiLkr3ZDE/s1600-h/search-message%5B4%5D.jpg"><img title="search-message" style="border-width: 0px;" alt="search-message" src="http://lh4.ggpht.com/rohmaN24/SMabT6nmbTI/AAAAAAAAAv8/1QaV3KYzI84/search-message_thumb%5B2%5D.jpg?imgmax=800" width="550" border="0" height="47" /></a> </p> <p>It seems that some bloggers don’t like it and asked Kang Rohman. Kang Rohman, Can we delete that message? Of, course we can and we can do it easily. You only need to add a few codes at your <b>style sheet CSS</b>.</p> <p>Below is the steps to delete it:</p> <ol><li>Sign in into blogger with your ID </li><li>Click <strong>Layout</strong> </li><li>Click <strong>Edit HTML</strong> tab </li><li>Click <strong>Full Template Download</strong> and please back up your template first. </li><li>Find the this code <strong><span style="color:#ff0000;">]]></b:skin></span></strong><strong></strong> </li><li>Add the following code above<strong> <span style="color:#ff0000;">]]></b:skin></span> </strong>code <p><strong></strong></p> <p>.status-msg-wrap{ <br />display:none; <br />}</p> </li><li>Click<strong> Save Template</strong> button </li><li>Finish </li></ol><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-3407402115195729356?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-64104142833329227102009-07-17T07:51:00.000-07:002009-07-17T07:52:20.326-07:00How to make element below of the header<p>In order to make a new column, we only need to put a little ‘spices’ like CSS code and HTML code in your template code. And this won’t be as hard as you imagine. Just follow my instructions below:</p> <div class="fullpost"> <p> </p> <ol><li>1. Login to Blogger with your ID. </li><li>Click <b>Layout</b> </li><li> <p>Click tab <b>Page Element. </b>Look at your layout template structure. Usually it will be like this:</p> <p> </p> <p align="center"><a href="http://lh6.ggpht.com/rohmaN24/SI39il6mFhI/AAAAAAAAApY/NH9DR3XpDis/s1600-h/elemenheader_thumb7%5B25%5D.jpg"><img title="elemenheader_thumb7" style="border-width: 0px;" alt="header elemen" src="http://lh3.ggpht.com/rohmaN24/SI39wqeDEBI/AAAAAAAAApc/NKNFjY5qqKk/elemenheader_thumb7_thumb%5B23%5D.jpg?imgmax=800" width="524" border="0" height="93" /></a></p> <p> </p> </li><li>Now, we are going to make a new column exactly below of your header. Hehehe… feel nervous? </li><li>Okay then, click tab <b>Edit HTML.</b> </li><li>Click sentence<b> Download Full Template, </b>it is very important for you to backup this! </li><li> <p>Copy the code below, then paste it before code <b>]]></b:skin></b> </p> <p> </p> <p>#under_header{ <br />margin:10px 0; <br />padding:1%; <br />width:98%; <br />}</p> <p> </p> </li><li> <p>Find out code which look exactly like this : </p> <p> </p> <p><div id="'header-wrapper'"> <br /><b:section class="'header'" id="'header'" maxwidget="1" showaddelement="no"> <br /><b:widget id="'Header1'" locked="'true'" title="'test" type="'Header'/"> <br /></b:section> <br /> </div></p> <p> </p> </li><li> <p>Copy the code below, and paste it exactly after that code :</p> <p> </p> <p><div id="under_header"> <br /><b:section class="'header'" id="'underheader'" preferred="'yes'/"> <br /></div></p> <p> </p> </li><li>Click SAVE TEMPLATE buttons, and wait until your template saved. </li><li>Click tab <b>Page Element </b>and your layout structure will be like this… <p> </p> <a href="http://lh6.ggpht.com/rohmaN24/SI8q-zrDOMI/AAAAAAAAApo/msTQmLcOitc/s1600-h/header_element%5B6%5D.jpg"><img title="header_element" style="border-width: 0px;" alt="header_element" src="http://lh3.ggpht.com/rohmaN24/SI8rB4No1YI/AAAAAAAAAps/xhXQrzhHMTU/header_element_thumb%5B4%5D.jpg?imgmax=800" width="484" border="0" height="124" /></a> <p> </p> </li><li> <p>Yahuuuuu…. Now you already have an element which placed exactly below your header. Feel free to add any elements do you wanted to. Want some Google Advertise, or maybe some photos, it’s all up to you! </p> </li><li> <p>1. Final step…. It’s done (Hurray!!) </p> </li></ol> <p> </p> <p> </p> <p>Codes that I have shown to you aren’t unconditional. That’s only the simplest codes, for making this tutorial. Feel free to change it and reconstruct it as much as you can. See you…</p> </div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-6410414283332922710?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-14822044395097906932009-07-16T07:03:00.001-07:002009-07-16T07:03:48.254-07:00How To Add SocialList Social Bookmarks below your Blog Post<p>1.Log in to your dashboard--> layout- -> Edit HTML<br /></p>2.Click on "<span style="color: rgb(255, 0, 0);">Expand Widget Templates</span>"<br /><p>3.Scroll down to where you see this:<br /></p><center><table width="400" bgcolor="#cccd94" border="0"><tbody><tr><td><center><data:post.body/></center></td></tr></tbody></table></center><p>4.After the above code , copy and paste the code below:</p><center><table width="400" bgcolor="#cccd94" border="0"><tbody><tr><td><center><!-- SocialList.org BEGIN --><br /><script type="text/javascript"><br />sociallist_url = location.href;<br />sociallist_title = document.title;<br />sociallist_text = '';<br />sociallist_tags = '';<br /></script><script type="text/javascript" src="http://sociallist.org/widget.js?type=1&amp;cols=3&amp;rows=5&amp;button_dx=300&amp;button_dy=50&amp;lang=en"></script><br /><noscript><br /><a href="http://sociallist.org/submit.php?type=1&amp;lang=en&amp;url=refpage&amp;title=refpage&amp;tag=refpage&amp;text=refpage" target="_blank" title="Bookmark this Website"><img src="http://sociallist.org/buttons/en300x50.gif" border="0" width="300" height="50" alt="Bookmark" /></a><br /></noscript><br /><!-- SocialList.org END --><br /></center></td></tr></tbody></table></center><br />5.Click on "Save Templates" and refresh your site.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-1482204439509790693?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-3499693079079948922009-07-16T07:02:00.000-07:002009-07-16T07:03:13.951-07:00How To Add Related Post Widget to Blogger<p>There some advantages of adding the related post widget in your blog ; the reader will be able to find more articles that related to the article they are reading and Reader can stay longer in your blog .</p><p>1.Log in to your dashboard--> layout- -> Edit HTML <br /></p>2.Click on "Expand Widget Templates" <br /><p>3.Scroll down to where you see this:</p><center><table width="400" bgcolor="#cccd94" border="0"><tbody><tr><td><center><data:post.body/></center></td></tr></tbody></table></center><p>4.After the above code , copy and paste the code below:</p><center><table width="400" bgcolor="#cccd94" border="0"><tbody><tr><td><center><!--Related Post javascripts start from here--> <br /><b:if cond="'data:blog.pageType"> <br /><div class="'similiar'"> <br /> <br /><div class="'widget-content'"> <br /><h3>Related Posts :</h3> <br /><div id="'data2007'/"><br/><br/> <br /><script type="'text/javascript'"> <br /> <br />var homeUrl3 = &quot;<data:blog.homepageurl/>&quot;; <br />var maxNumberOfPostsPerLabel = 4; <br />var maxNumberOfLabels = 10; <br /> <br />maxNumberOfPostsPerLabel = 100; <br />maxNumberOfLabels = 3; <br /> <br />function listEntries10(json) { <br />var ul = document.createElement(&#39;ul&#39;); <br />var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ? <br />json.feed.entry.length : maxNumberOfPostsPerLabel; <br />for (var i = 0; i &lt; maxPosts; i++) { <br />var entry = json.feed.entry[i]; <br />var alturl; <br /> <br />for (var k = 0; k &lt; entry.link.length; k++) { <br />if (entry.link[k].rel == &#39;alternate&#39;) { <br />alturl = entry.link[k].href; <br />break; <br />} <br />} <br />var li = document.createElement(&#39;li&#39;); <br />var a = document.createElement(&#39;a&#39;); <br />a.href = alturl; <br /> <br />if(a.href!=location.href) { <br />var txt = document.createTextNode(entry.title.$t); <br />a.appendChild(txt); <br />li.appendChild(a); <br />ul.appendChild(li); <br />} <br />} <br />for (var l = 0; l &lt; json.feed.link.length; l++) { <br />if (json.feed.link[l].rel == &#39;alternate&#39;) { <br />var raw = json.feed.link[l].href; <br />var label = raw.substr(homeUrl3.length+13); <br />var k; <br />for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;); <br />var txt = document.createTextNode(label); <br />var h = document.createElement(&#39;b&#39;); <br />h.appendChild(txt); <br />var div1 = document.createElement(&#39;div&#39;); <br />div1.appendChild(h); <br />div1.appendChild(ul); <br />document.getElementById(&#39;data2007&#39;).appendChild(div1); <br />} <br />} <br />} <br />function search10(query, label) { <br /> <br />var script = document.createElement(&#39;script&#39;); <br />script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39; <br />+ label + <br />&#39;?alt=json-in-script&amp;callback=listEntries10&#39;); <br />script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;); <br />document.documentElement.firstChild.appendChild(script); <br />} <br /> <br />var labelArray = new Array(); <br />var numLabel = 0; <br /> <br /><b:loop values="'data:posts'" var="'post'"> <br /><b:loop values="'data:post.labels'" var="'label'"> <br />textLabel = &quot;<data:label.name/>&quot;; <br /> <br />var test = 0; <br />for (var i = 0; i &lt; labelArray.length; i++) <br />if (labelArray[i] == textLabel) test = 1; <br />if (test == 0) { <br />labelArray.push(textLabel); <br />var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ? <br />labelArray.length : maxNumberOfLabels; <br />if (numLabel &lt; maxLabels) { <br />search10(homeUrl3, textLabel); <br />numLabel++; <br />} <br />} <br /></b:loop> <br /></b:loop> <br /></script> <br /></div> <br /> <br /></div> <br /></b:if> <br /><!--Related Post javascripts End here--> <br /></center></td></tr></tbody></table></center> <br /> <br />5.Click on "Save Templates" and refresh your site.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-349969307907994892?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-14770352392373813612009-07-16T07:01:00.000-07:002009-07-16T07:02:26.715-07:00How To Add Popular Post Widget - without comments count1.Login to your dashboard--> layout- ->Page Elements <br /> <br />2.Click on '<span style="color: rgb(51, 51, 255);">Add a Gadget</span>' on the sidebar. <br /> <br />3.Select '<span style="color: rgb(255, 0, 0);">HTML/Javascript</span>' and add the code given below and click save. <br /> <br /><center><table width="400" bgcolor="#cccd94" border="0"><tbody><tr><td><center><script type="text/javascript"> <br />function pipeCallback(obj) { <br />document.write('<ol style="text-transform: capitalize;">'); <br />var i; <br />for (i = 0; i < obj.count ; i++) <br />{ <br />var href = "'" + obj.value.items[i].link + "'"; <br />var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>"; <br />document.write(item); <br />} <br />document.write('</ol>'); <br />} <br /></script> <br /><script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&amp;_callback=pipeCallback&amp;_id=1a1c6e4e6d4f148e3650fda46910e15f&amp;url=http%3A%2F%2F<span style=">YOURBLOG</span>.blogspot.com&amp;num=<span style="font-weight: bold;">10</span>" type="text/javascript"></script></center></td></tr></tbody></table></center> <br /> <br /><span style="font-weight: bold;">Note :</span> Remember to <span style="color: rgb(51, 51, 255);">replace</span> <span style="font-weight: bold; color: rgb(255, 0, 0);">YOURBLOG</span> with your blog name.Also you can change <span style="font-weight: bold; color: rgb(255, 0, 0);">10</span> to show different number of popular posts. <br /> <br />Now you are done. <div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-1477035239237381361?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-6101650490263473662009-07-14T07:35:00.000-07:002009-07-14T07:36:15.391-07:00How To Add Auto 'Read More' Feature with with ThumbnailsThis nice trick will automatically create post summaries with thumbnails.You don't need to add any extra code in every blogger post that you make. <br /> <br />1.Log in to your dashboard--> layout- -> Edit HTML <br /> <br />2.Click on "<span style="color: rgb(51, 51, 255);">Expand Widget Templates</span>" <br /> <br />3.Scroll down to where you see <span style="font-weight: bold; color: rgb(255, 0, 0);"></head></span> tag. <br /> <br />4.Now add below code just <span style="color: rgb(51, 51, 255);">before</span> <span style="color: rgb(255, 0, 0);"></head></span> tag. <br /> <br /><center><table width="400" bgcolor="#cccd94" border="0"><tbody><tr><td><center><script type="'text/javascript'"> <br />var thumbnail_mode = &quot;float&quot; ; <br />summary_noimg = 230; <br />summary_img = 140; <br />img_thumb_height = 100; <br />img_thumb_width = 100; <br /></script> <br /><script src="'http://keerthiset2.110mb.com/excerpt.js'" type="'text/javascript'/"></center></td></tr></tbody></table></center> <br /> <br /><span style="font-weight: bold;">Note :</span> You can change above value as your choice. <br /> <br />5.Now Scroll down to where you see this: <br /> <br /><center><table width="400" bgcolor="#cccd94" border="0"><tbody><tr><td><center><data:post.body/></center></td></tr></tbody></table></center> <br /> <br />6.<span style="color: rgb(255, 0, 0);">Replace</span> above code with below code. <br /> <br /><center><table width="400" bgcolor="#cccd94" border="0"><tbody><tr><td><center><b:if cond="'data:blog.pageType"> <br /><data:post.body/> <br /><b:else/> <br /><div id="'&quot;summary&quot;"> <br /><data:post.body/> <br /></div> <br /><script type="'text/javascript'"> <br />createSummaryAndThumb(&quot;summary<data:post.id/>&quot;); <br /></script> <br /><div style="'clear:"> <br /><span style="'padding-top:5px;;float:right;text-align:right;'"><a href="'data:post.url'" rel="'bookmark'"><b>Reade more >></b></a></span> <br /></b:if></center></td></tr></tbody></table></center> <br /> <br />7.Now <span style="color: rgb(51, 51, 255);">save</span> your template and you are done. <div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-610165049026347366?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-19795552891616226842009-07-14T07:34:00.000-07:002009-07-14T07:35:09.399-07:00How To Add Icon Image Before Blogger Post Title1.Log in to your dashboard--> layout- -> Edit HTML <br /> <br />2.Click on "<span style="color: rgb(51, 51, 255);">Expand Widget Templates</span>" <br /> <br />3.Scroll down to where you see this: <br /> <br /><center><table width="400" bgcolor="#cccd94" border="0"><tbody><tr><td><center><b:if cond="'data:post.url'"> <br /><a href="'data:post.url'"><data:post.title/></a> <br /><b:else/> <br /><data:post.title/> <br /></b:if></center></td></tr></tbody></table></center> <br /> <br />4.Now copy below code . <br /> <br /><center><table width="400" bgcolor="#cccd94" border="0"><tbody><tr><td><center><img src="YOUR-IMAGE-URL" style="border-width: 0px;" /></center></td></tr></tbody></table></center> <br /><span style="font-weight: bold;"> <br />Note :</span> Remember to <span style="color: rgb(255, 0, 0);">replace</span> <span style="color: rgb(51, 51, 255);">YOUR-IMAGE-URL</span> with your real image url. <br /> <br />5.Now paste it <span style="color: rgb(255, 0, 0);">between</span> <span style="font-weight: bold; color: rgb(51, 51, 255);"><a href="'data:post.url'"></span> and <span style="font-weight: bold; color: rgb(51, 51, 255);"><data:post.title/></span> . <br /> <br />6.Now save your template and you are done. <div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-1979555289161622684?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-78969969880531526702009-07-14T07:30:00.000-07:002009-07-14T07:34:28.704-07:00How To Add Blogger Calendar Archive to Blogger1.Log in to your dashboard--> layout- -> Edit HTML <br /> <br />2.Scroll down to where you see <span style="font-weight: bold; color: rgb(255, 0, 0);"></head></span> tag. <br /> <br />3.Now copy below code and paste it <span style="color: rgb(51, 51, 255);">just before</span> <span style="font-weight: bold; color: rgb(255, 0, 0);"></head></span> tag. <br /> <br /><center><table width="400" bgcolor="#cccd94" border="0"><tbody><tr><td><center><script type="text/javascript" src="http://yui.yahooapis.com/2.2.0/build/yahoo-dom-event/yahoo-dom-event.js"></script> <br /><script type="text/javascript" src="http://yui.yahooapis.com/2.2.0/build/calendar/calendar-min.js"></script> <br /><link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.2.0/build/calendar/assets/calendar.css"> <br /> <br /> <br /><script type="text/javascript"> <br />//<![CDATA[ <br />/* <br /> Created by: PurpleMoggy <br /> http://purplemoggy.blogspot.com <br />*/ <br /> <br /><span style="font-weight: bold;">var _yourBlogUrl = "http://YOURBLOG.blogspot.com";</span> //edit this <br /><span style="font-weight: bold;">var _yourBlogTimeZone = "-08:00";</span> //edit this <br /> <br />_yourBlogTimeZone = encodeURIComponent(_yourBlogTimeZone); <br /> <br />var _dayTitles = new Array("","","","","","","","","","","","","","","","","","","","","","","","","","","","","","",""); <br /> <br />YAHOO.namespace("example.calendar"); <br /> <br />function cal1Init() { <br /> YAHOO.example.calendar.cal1 = new YAHOO.widget.Calendar("cal1","cal1Container"); <br /> YAHOO.example.calendar.cal1.addMonthRenderer(1, YAHOO.example.calendar.cal1.renderBodyCellRestricted); <br /> YAHOO.example.calendar.cal1.addMonthRenderer(2, YAHOO.example.calendar.cal1.renderBodyCellRestricted); <br /> YAHOO.example.calendar.cal1.addMonthRenderer(3, YAHOO.example.calendar.cal1.renderBodyCellRestricted); <br /> YAHOO.example.calendar.cal1.addMonthRenderer(4, YAHOO.example.calendar.cal1.renderBodyCellRestricted); <br /> YAHOO.example.calendar.cal1.addMonthRenderer(5, YAHOO.example.calendar.cal1.renderBodyCellRestricted); <br /> YAHOO.example.calendar.cal1.addMonthRenderer(6, YAHOO.example.calendar.cal1.renderBodyCellRestricted); <br /> YAHOO.example.calendar.cal1.addMonthRenderer(7, YAHOO.example.calendar.cal1.renderBodyCellRestricted); <br /> YAHOO.example.calendar.cal1.addMonthRenderer(8, YAHOO.example.calendar.cal1.renderBodyCellRestricted); <br /> YAHOO.example.calendar.cal1.addMonthRenderer(9, YAHOO.example.calendar.cal1.renderBodyCellRestricted); <br /> YAHOO.example.calendar.cal1.addMonthRenderer(10, YAHOO.example.calendar.cal1.renderBodyCellRestricted); <br /> YAHOO.example.calendar.cal1.addMonthRenderer(11, YAHOO.example.calendar.cal1.renderBodyCellRestricted); <br /> YAHOO.example.calendar.cal1.addMonthRenderer(12, YAHOO.example.calendar.cal1.renderBodyCellRestricted); <br /> YAHOO.example.calendar.cal1.selectEvent.subscribe(mySelectHandler, YAHOO.example.calendar.cal1, true); <br /> YAHOO.example.calendar.cal1.changePageEvent.subscribe(myChangePageHandler, YAHOO.example.calendar.cal1, true); <br /> YAHOO.example.calendar.cal1.renderEvent.subscribe(syncMonthYear); <br /> YAHOO.example.calendar.cal1.render(); <br /> myChangePageHandler(); <br />}; <br /> <br /> <br />var myChangePageHandler = function(type,args,obj) { <br /> var month = YAHOO.example.calendar.cal1.cfg.getProperty("pagedate").getMonth() + 1; <br /> if (month.toString().length == 1) { <br /> month = "0" + month; <br /> } <br /> var year = YAHOO.example.calendar.cal1.cfg.getProperty("pagedate").getFullYear(); <br /> <br /> document.getElementById("cal1Titles").innerHTML = ""; <br /> _dayTitles = new Array("","","","","","","","","","","","","","","","","","","","","","","","","","","","","","",""); <br /> <br /> checkPostsForMonth(month, year); <br />}; <br /> <br />function checkPostsForMonth(month,year) { <br /> document.getElementById("cal1loadimg").style.display = "block"; <br /> <br /> var script = document.createElement("script"); <br /> script.setAttribute("type", "text/javascript"); <br />var theUrl = _yourBlogUrl +"/feeds/posts/summary?alt=json-in-script&amp;callback=checkPostsCallback&amp;published-min=" + year + "-" + month + "-01T00%3A00%3A00" + _yourBlogTimeZone + "&amp;published-max=" + year + "-" + month + "-31T23%3A59%3A59" + _yourBlogTimeZone + "&amp;max-results=100"; <br /> script.setAttribute("src", theUrl); <br /> document.documentElement.firstChild.appendChild(script); <br />}; <br /> <br />function checkPostsCallback(json) { <br /> <br /> if (json.feed.entry) { <br /> for(i = 0; i < json.feed.entry.length; i++) { <br /> var month = json.feed.entry[i].published.$t.substr(5,2); <br /> var year = json.feed.entry[i].published.$t.substr(0,4); <br /> var day = json.feed.entry[i].published.$t.substr(8,2); <br /> var date = month + "/" + day + "/" + year; <br /> var href = json.feed.entry[i].link[0].href; <br /> var title = json.feed.entry[i].title.$t; <br /> <br /> if (day.substr(0,1) == "0") { <br /> day = day.substr(1); <br /> } <br /> <br /> document.getElementById("cal1Titles").innerHTML += "<li><a href="'">" + title + "</a>"; <br /> _dayTitles[day] += "<li><a href="'">" + title + "</a>"; <br /> <br /> YAHOO.example.calendar.cal1.addRenderer(date, myCustomRenderer); <br /> <br /> } <br /> YAHOO.example.calendar.cal1.render(); <br /> } <br /> <br /> document.getElementById("cal1loadimg").style.display = "none"; <br /> <br />}; <br /> <br /> <br />function showDayTitles(day) { <br /> document.getElementById("cal1Titles").innerHTML = _dayTitles[day]; <br />} <br /> <br /> <br />var myCustomRenderer = function(workingDate, cell) { <br /> <br /> var day = workingDate.toString().substr(8,2); <br /> if (day.substr(0,1) == "0") { <br /> day = day.substr(1); <br /> } <br /> <br /> <br />cell.innerHTML = '<div onmouseover="showDayTitles(' + day + ');"><a href="javascript:void(null);">' + YAHOO.example.calendar.cal1.buildDayLabel(workingDate) + "</a></div>"; <br /> YAHOO.util.Dom.addClass(cell, YAHOO.example.calendar.cal1.Style.CSS_CELL_SELECTABLE); <br /> YAHOO.util.Dom.addClass(cell, YAHOO.example.calendar.cal1.Style.CSS_CELL_HIGHLIGHT1); <br /> return YAHOO.widget.Calendar.STOP_RENDER; <br /> <br /> <br />} <br /> <br />var mySelectHandler = function(type,args,obj) { <br /> var dates = args[0]; <br /> var date = dates[0]; <br /> var year = date[0]; <br /> var month = date[1]; <br /> if (month.toString().length == 1) { <br /> month = "0" + month; <br /> } <br /> var day = date[2]; <br /> <br /> var element = YAHOO.util.Dom.getElementsByClassName("d" + day, "td", "cal1Container")[0]; <br /> <br /> if (day.toString().length == 1) { <br /> day = "0" + day; <br /> } <br /> <br /> if (element.className.indexOf("highlight1") != -1) { <br />window.location = _yourBlogUrl + "/search?updated-min=" + year + "-" + month + "-" + day + "T00%3A00%3A00" + _yourBlogTimeZone + "&amp;updated-max=" + year + "-" + month + "-" + day + "T23%3A59%3A59" + _yourBlogTimeZone; <br /> } <br /> <br />}; <br /> <br />var changeDate = function() { <br /> YAHOO.example.calendar.cal1.setMonth(parseInt(YAHOO.util.Dom.get("cal1monthselect").value)); <br /> YAHOO.example.calendar.cal1.setYear(parseInt(YAHOO.util.Dom.get("cal1yearselect").value)); <br /> YAHOO.example.calendar.cal1.render(); <br /> myChangePageHandler(); <br />} <br /> <br />var syncMonthYear = function(type) { <br /> YAHOO.util.Dom.get("cal1monthselect").value = parseInt(YAHOO.example.calendar.cal1.cfg.getProperty("pagedate").getMonth()); <br /> <br /> var fullYear = parseInt(YAHOO.example.calendar.cal1.cfg.getProperty("pagedate").getFullYear()); <br /> <br /> var isYearFound = false; <br /> var i = 0; <br /> while(i < document.getElementById("cal1yearselect").options.length &amp;&amp; !isYearFound) { <br /> if (document.getElementById("cal1yearselect").options[i].value == fullYear) { <br /> isYearFound = true; <br /> } <br /> i++; <br /> } <br /> if (!isYearFound) { <br /> var option = document.createElement("option"); <br /> option.setAttribute("value", fullYear); <br /> var text = document.createTextNode(fullYear); <br /> option.appendChild(text); <br /> document.getElementById("cal1yearselect").appendChild(option); <br /> } <br /> <br /> YAHOO.util.Dom.get("cal1yearselect").value = fullYear; <br />}; <br /> <br />YAHOO.util.Event.addListener(window, "load", cal1Init); <br />YAHOO.util.Event.addListener("cal1dateselect", "click", changeDate); <br />//]]> <br /></script></center></td></tr></tbody></table></center> <br /> <br /> <br /><span style="color: rgb(0, 153, 0);">Important : You must need to edit the following 2 variables of above code.</span> <br /> <br />(1)<span style="font-weight: bold; color: rgb(255, 0, 0);">var _yourBlogUrl = "http://YOURBLOG.blogspot.com";</span> <br /> <br />Remember to <span style="color: rgb(51, 51, 255);">replace</span> <span style="font-weight: bold; color: rgb(204, 51, 204);">YOURBLOG</span> with your real blog name. <br /> <br />(2)<span style="font-weight: bold; color: rgb(255, 0, 0);">var _yourBlogTimeZone = "-08:00";</span> <br /> <br />Remember to <span style="color: rgb(51, 51, 255);">replace</span> <span style="font-weight: bold; color: rgb(204, 51, 204);">-08:00</span> with the timezone offset that <span style="color: rgb(51, 51, 255);">your blog is set to</span>. <br />(For this go to Dashboard-->Settings-->Formatting and select 'Time Zone') <br /> <br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-j7_-ccACuU/SkmkL87CHAI/AAAAAAAAAkQ/S77_WZ80Bmk/s1600-h/time11.png"><img style="cursor: pointer; width: 400px; height: 257px;" src="http://1.bp.blogspot.com/_-j7_-ccACuU/SkmkL87CHAI/AAAAAAAAAkQ/S77_WZ80Bmk/s400/time11.png" alt="" id="BLOGGER_PHOTO_ID_5352990157345790978" border="0" /></a> <br /> <br />4.Now save your template. <br /> <br />5.Go to Layout > Page Elements <br /> <br />6.Click on 'Add a Gadget' <br /> <br />7.Select 'HTML/Javascript' and add the code given below and click save. <br /> <br /><center><table width="400" bgcolor="#cccd94" border="0"><tbody><tr><td><center><div id="cal1wrapper"> <br /> <br /><div id="cal1select"> <br /> <br /><select name="cal1monthselect" id="cal1monthselect"> <br /><option value="0">January</option> <br /><option value="1">February</option> <br /><option value="2">March</option> <br /><option value="3">April</option> <br /><option value="4">May</option> <br /><option value="5">June</option> <br /><option value="6">July</option> <br /><option value="7">August</option> <br /><option value="8">September</option> <br /><option value="9">October</option> <br /><option value="10">November</option> <br /><option value="11">December</option> <br /></select> <br /><select name="cal1yearselect" id="cal1yearselect"> <br /><option value="1995">1995</option> <br /><option value="1996">1996</option> <br /><option value="1997">1997</option> <br /><option value="1998">1998</option> <br /><option value="1999">1999</option> <br /><option value="2000">2000</option> <br /><option value="2001">2001</option> <br /><option value="2002">2002</option> <br /><option value="2003">2003</option> <br /><option value="2004">2004</option> <br /><option value="2005">2005</option> <br /><option value="2006">2006</option> <br /><option value="2007">2007</option> <br /><option value="2008">2008</option> <br /><option value="2009">2009</option> <br /><option value="2010">2010</option> <br /><option value="2011">2011</option> <br /><option value="2012">2012</option> <br /><option value="2013">2013</option> <br /><option value="2014">2014</option> <br /><option value="2015">2015</option> <br /><option value="2016">2016</option> <br /><option value="2017">2017</option> <br /><option value="2018">2018</option> <br /><option value="2019">2019</option> <br /></select> <br /><input type="button" value="">" id="cal1dateselect"/> <br /> <br /></div> <br /> <br /><div id="cal1Container"><img src="http://img239.imageshack.us/img239/9057/40lf8.gif" style="vertical-align:middle;" /> Loading...</div> <br /><div style="clear:both;"></div> <br /> <br /><div id="calbackloadimg"> <br /><pre id="cal1loadimg" style="display:none;"><img src="http://img239.imageshack.us/img239/9057/40lf8.gif" style="vertical-align:middle;" /> Loading...</pre> <br /><pre id="cal1Titles"></pre> <br /></div> <br /> <br /></div></center></td></tr></tbody></table></center> <br /> <br />Now you are done.It will look like this. <br /> <br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-j7_-ccACuU/Skml9tcXvKI/AAAAAAAAAkY/5-3-PB9Mt1A/s1600-h/time22.png"><img style="cursor: pointer; width: 205px; height: 237px;" src="http://1.bp.blogspot.com/_-j7_-ccACuU/Skml9tcXvKI/AAAAAAAAAkY/5-3-PB9Mt1A/s400/time22.png" alt="" id="BLOGGER_PHOTO_ID_5352992111695740066" border="0" /></a> <br /><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-7896996988053152670?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-29447825228604213882009-07-02T02:53:00.000-07:002009-07-02T02:54:20.566-07:00How To Add Feed Burner Headline Animator to your Blogger<a href="http://feeds2.feedburner.com/%7Er/blogspot/WyNa/%7E6/1"><img alt="Blogger Tips And Tricks" style="border: 0pt none ;" src="http://feeds2.feedburner.com/blogspot/WyNa.1.gif" /></a><br /><br />1.Sign in to the <a href="http://feedburner.google.com/">feedburner</a> with your gmail accont.<br /><br />2.Burn a feed for site address that you want to show the headline animator.For this you must spent few minutes.<br /><br />3.After burn the feed, click on your site name in the <span style="font-weight: bold; color: rgb(255, 0, 0);"><span style="color: rgb(0, 0, 0);"><span style="font-weight: bold;">"</span></span>My Feeds</span>" section.<br /><br />4.Now click on the <span style="font-weight: bold; color: rgb(255, 0, 0);"><span style="color: rgb(0, 0, 0);">"</span>Publicize</span><span style="font-weight: bold;">"</span> Tab<br />5.Clicik Headline Animator on the left side bar. Choose the type of display you want on the dropdown menu and click "<span style="font-weight: bold; color: rgb(255, 0, 0);">Activate</span>"<br /><br />6.Choose a blog service as "<span style="color: rgb(255, 0, 0); font-weight: bold;">Blogger blog</span>" on the drop down menu and click Next and then Click "<span style="font-weight: bold; color: rgb(255, 0, 0);">Add To Bloger</span>".<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-2944782522860421388?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-43473528401009786372009-07-02T02:52:00.000-07:002009-07-02T02:53:19.459-07:00How To Hide Title From Blogger Header1.Log in to your dashboard--> layout- -> Edit HTML<br /><p>2.Scroll down to where you see this :</p><center><table bgcolor="#cccd94" border="0" width="400"><tbody><tr><td><center>#Header h1</center></td></tr></tbody></table></center><p>Look at the picture below.</p><p><img style="cursor: pointer; width: 304px; height: 304px;" src="http://4.bp.blogspot.com/_-j7_-ccACuU/Sih1t9RaNoI/AAAAAAAAAaY/Z3tjVkN5zKQ/s400/head11.png" alt="" id="BLOGGER_PHOTO_ID_5343650390277240450" border="0" /></p><p>3.Copy below code and paste it <span style="font-weight: bold;">after</span> above line.</p><center><table bgcolor="#cccd94" border="0" width="400"><tbody><tr><td><center>display:none;</center></td></tr></tbody></table></center><p>Look at the example below.</p><p><img style="cursor: pointer; width: 289px; height: 289px;" src="http://3.bp.blogspot.com/_-j7_-ccACuU/Sih1zZ5DS8I/AAAAAAAAAag/3OzE7hlqX5k/s400/head22.png" alt="" id="BLOGGER_PHOTO_ID_5343650483859049410" border="0" /><br /></p><p>4.Now save your template and you are done.</p><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-4347352840100978637?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-56169012340790725892009-07-02T02:50:00.000-07:002009-07-02T02:52:02.409-07:00How To Remove Blogger Navba<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-j7_-ccACuU/Sc8Xlkhys7I/AAAAAAAAAA8/Fa8EQIc3_Fc/s1600-h/hide+blogger+navbar.jpg"><img style="cursor: pointer; width: 320px; height: 152px;" src="http://2.bp.blogspot.com/_-j7_-ccACuU/Sc8Xlkhys7I/AAAAAAAAAA8/Fa8EQIc3_Fc/s400/hide+blogger+navbar.jpg" alt="" id="BLOGGER_PHOTO_ID_5318495619175855026" border="0" /></a><br />I don't like the blogger bar across the top of my Web site because it didn’t really go with my template and I already had a Google search bar integrated. So I went on a mission to remove it and de-bloggerify my blog. I searched far and wide and for some reason kept hitting a dead end. It turns out that the code used to change the old blogger templates no longer works! So after tracking down the CSS changes here is how I did it:<br /><br />Goto Blogger Template>Edit Html .<br /><br />Put the following code as the picture below.<br /><br /><span style="color: rgb(255, 0, 0);">#navbar-iframe { height:0px; visibility:hidden; display:none; }</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-j7_-ccACuU/Sc8VpFw4SLI/AAAAAAAAAA0/eANFZDOl7VY/s1600-h/navbar2.jpg"><img style="cursor: pointer; width: 400px; height: 108px;" src="http://2.bp.blogspot.com/_-j7_-ccACuU/Sc8VpFw4SLI/AAAAAAAAAA0/eANFZDOl7VY/s400/navbar2.jpg" alt="" id="BLOGGER_PHOTO_ID_5318493480613857458" border="0" /></a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-5616901234079072589?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-35694778410333196992009-07-02T02:49:00.000-07:002009-07-02T02:50:47.749-07:00How To Create SnapShots for bloggerThis allows web users to <span style="color: rgb(51, 51, 255);">preview</span> a website before visiting it. When hover your mouse over the link you can see a preview of website without visiting it. <br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-j7_-ccACuU/ShPiXjqprcI/AAAAAAAAATA/EwW7f3O5O3g/s1600-h/snapshot11.png"><img style="cursor: pointer; width: 400px; height: 235px;" src="http://1.bp.blogspot.com/_-j7_-ccACuU/ShPiXjqprcI/AAAAAAAAATA/EwW7f3O5O3g/s400/snapshot11.png" alt="" id="BLOGGER_PHOTO_ID_5337858877703171522" border="0" /></a> <br />1.Log in to your dashboard--> layout- -> Edit HTML <br /> <br />2.Scroll down to where you see this:<center><table bgcolor="#cccd94" border="0" width="400"><tbody><tr><td><center></center> <br /></td></tr></tbody></table></center><p>3.Now copy below code and paste it <span style="color: rgb(51, 51, 255);">before</span> above code.</p><center><table bgcolor="#cccd94" border="0" width="400"><tbody><tr><td><center><script language="javascript" src="http://thumbnails.iwebtool.com/src.js?border=%3Cspan%20style=">004891</span>" type="text/javascript"></script></center> <br /></td></tr></tbody></table></center><p><strong>Note :</strong> <span style="color: rgb(255, 0, 0);">red code </span><span style="color: rgb(0, 0, 0);">is</span><span style="color: rgb(255, 0, 0);"> </span><span style="color: rgb(0, 0, 0);">a HEX color code.You can change it if you like.</span></p>4.Now save your template and you are done.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-3569477841033319699?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-30023488549633398112009-06-26T07:48:00.001-07:002009-06-26T07:48:58.695-07:00How To Add Encode/decode HTML entitiesThis tool will be very useful to your visitors.It is provided by http://centricle.com .This tool generate Parsed codes for adsense codes(not only adsense-chitika,bidvertiser,....) because we cannot put adsense code directly in the xml.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-j7_-ccACuU/Si-G2NlNQYI/AAAAAAAAAgg/n23w5p9OG_I/s1600-h/ad11.png"><img style="cursor: pointer; width: 400px; height: 226px;" src="http://3.bp.blogspot.com/_-j7_-ccACuU/Si-G2NlNQYI/AAAAAAAAAgg/n23w5p9OG_I/s400/ad11.png" alt="" id="BLOGGER_PHOTO_ID_5345639548628844930" border="0" /></a><br /><br />1.Login to your blogger dashboard--> layout- ->Page Elements<br /><br />2.Click on 'Add a Gadget' .<br /><br />3.Select 'HTML/Javascript' and add below code and click save.<br /><br /><center><table bgcolor="#cccd94" border="0" width="400"><tbody><tr><td><center><form action="http://centricle.com/tools/html-entities/" method="post" target="blank"><br /><br /> <fieldset><br /><br /> <input value="y" name="s" type="hidden"><br /><br /> <label for="pad">Convert text to HTML entities (and vice-versa):</label><br /> <textarea id="pad" rows="15" cols="60" name="pad"></textarea><br /><br /> <input value="Encode" name="submit" type="submit"><br /> <input value="Decode" name="submit" type="submit"><br /><br /> </fieldset><br /><br /></form></center></td></tr></tbody></table></center><br /><br />Now you are done.<br /><br /><form action="http://centricle.com/tools/html-entities/" method="post" target="blank"><fieldset><input value="y" name="s" type="hidden"><label for="pad">Convert text to HTML entities (and vice-versa):</label><textarea id="pad" rows="15" cols="55" name="pad"></textarea><input value="Encode" name="submit" type="submit"><input value="Decode" name="submit" type="submit"></fieldset></form> <script src="http://js-kit.com/rating-data.js?ref=http%3A%2F%2Fbloggertipandtrick.blogspot.com%2F2009%2F06%2Fhow-to-add-encodedecode-html-entities.html&amp;p%5B0%5D=%2F2009%2F06%2Fhow-to-add-encodedecode-html-entities.html&amp;jx%5B0%5D=0"></script><table class="js-ratings-tableWrapper" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td><div style="width: 105px;" class="js-ratingWrapper"><div style="float: left;"><div class="js-rating-labelText">Unrated</div></div></div></td></tr></tbody></table><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-3002348854963339811?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-63299265164292728752009-06-26T07:47:00.000-07:002009-06-26T07:48:14.238-07:00How To Add Word/character counterThis tool will be very useful to your visitors.It is provided by http://centricle.com.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-j7_-ccACuU/Si-RtUE523I/AAAAAAAAAgo/fPNTFBfAzWU/s1600-h/counter11.png"><img style="cursor: pointer; width: 400px; height: 241px;" src="http://4.bp.blogspot.com/_-j7_-ccACuU/Si-RtUE523I/AAAAAAAAAgo/fPNTFBfAzWU/s400/counter11.png" alt="" id="BLOGGER_PHOTO_ID_5345651490381486962" border="0" /></a><br /><br />1.Login to your blogger dashboard--> layout- ->Page Elements<br /><br />2.Click on 'Add a Gadget' .<br /><br />3.Select 'HTML/Javascript' and add below code and click save.<br /><br /><center><table bgcolor="#cccd94" border="0" width="400"><tbody><tr><td><center><form action="http://centricle.com/tools/word+character-counter/" method="post" target="blank"><br /><br /><fieldset><br /><br /> <label for="pad">String:</label><br /> <textarea cols="60" rows="15" name="pad" id="pad"></textarea><br /><br /> <input class="submit" type="submit" name="countem" value="How many?"><br /><br /></fieldset><br /><br /></form></center></td></tr></tbody></table></center><br /><br />Now you are done.<br /><br /><form action="http://centricle.com/tools/word+character-counter/" method="post" target="blank"><fieldset><label for="pad">String:</label><textarea cols="55" rows="15" name="pad" id="pad"></textarea><input class="submit" name="countem" value="How many?" type="submit"></fieldset></form> <script src="http://js-kit.com/rating-data.js?ref=http%3A%2F%2Fbloggertipandtrick.blogspot.com%2F2009%2F06%2Fhow-to-add-wordcharacter-counter.html&amp;p%5B0%5D=%2F2009%2F06%2Fhow-to-add-wordcharacter-counter.html&amp;jx%5B0%5D=0"></script><table class="js-ratings-tableWrapper" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td><div style="width: 105px;" class="js-ratingWrapper"><div style="float: left;"><div class="js-rating-labelText">1 vote</div></div></div></td></tr></tbody></table><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-6329926516429272875?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-89203089510135133962009-06-26T07:46:00.000-07:002009-06-26T07:47:36.502-07:00How To Add Adsense Parser to bloggerYou must generate <span style="color: rgb(255, 0, 0);">Parsed code</span> for your <span style="color: rgb(51, 51, 255);">adsense code</span> because you <span style="color: rgb(255, 0, 0);">cannot put adsense code directly in the xml</span>.So parse it using Adsense Parser tools.This tool help your visitors to parse their adsense code.I found this tips from <a href="http://www.bloggerplugins.org/">here</a> . <br /> <br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-j7_-ccACuU/SjhrmLdPS0I/AAAAAAAAAiY/OIkmhPUu5Z8/s1600-h/adsp111.png"><img style="cursor: pointer; width: 384px; height: 279px;" src="http://2.bp.blogspot.com/_-j7_-ccACuU/SjhrmLdPS0I/AAAAAAAAAiY/OIkmhPUu5Z8/s400/adsp111.png" alt="" id="BLOGGER_PHOTO_ID_5348142861157092162" border="0" /></a> <br />Parsed code will look like this : <br /> <br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-j7_-ccACuU/Sjhrp4oS8dI/AAAAAAAAAig/S72rXHJ_qwc/s1600-h/adsp222.png"><img style="cursor: pointer; width: 385px; height: 296px;" src="http://4.bp.blogspot.com/_-j7_-ccACuU/Sjhrp4oS8dI/AAAAAAAAAig/S72rXHJ_qwc/s400/adsp222.png" alt="" id="BLOGGER_PHOTO_ID_5348142924822671826" border="0" /></a> <br /> <br />1.Login to your dashboard--> layout- ->Page Elements <br /> <br />2.Click on 'Add a Gadget'. <br /> <br />3.Select 'HTML/Javascript' and add the code given below and click save. <br /> <br /><center><table bgcolor="#cccd94" border="0" width="400"><tbody><tr><td><center><iframe src ="http://tools.bloggerplugins.org/parser.php" width="100%" style="border: none" height="300"></center></td></tr></tbody></table></center> <br /> <br />It will look like this. <br /> <br /><iframe src="http://tools.bloggerplugins.org/parser.php" style="border: medium none ;" width="100%" height="300"></iframe> <br /> <br />Now you are done. <div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-8920308951013513396?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-31216581908050687952009-06-26T07:44:00.000-07:002009-06-26T07:45:19.188-07:00How To Compress CSS for Better Page Loading time1.Log in to your blogger dashboard and go to--> layout- -> Edit HTML<br /><br />2.Now <span style="color: rgb(51, 51, 255);">Cut</span> <span style="font-weight: bold; color: rgb(255, 102, 0);">CSS Code</span> of your template.<br /><br /><span style="font-weight: bold; color: rgb(102, 0, 204);">NOTE</span><span style="color: rgb(102, 0, 204);"> :</span> CSS Code is the code <span style="color: rgb(51, 51, 255); font-weight: bold;">between</span> the <span style="font-weight: bold; color: rgb(255, 0, 0);"><b:skin></span> and <span style="font-weight: bold; color: rgb(255, 0, 0);"></b:skin></span> tags.<br /><br />3.Now go to <a href="http://www.cssdrive.com/index.php/main/csscompressor/">cssdrive.com</a><br /><br />4.<span style="color: rgb(51, 51, 255);">Paste</span> your CSS Code into the box.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-j7_-ccACuU/SjtvSsWRv9I/AAAAAAAAAiw/8YFAf_7P9d4/s1600-h/css22.png"><img style="cursor: pointer; width: 400px; height: 340px;" src="http://1.bp.blogspot.com/_-j7_-ccACuU/SjtvSsWRv9I/AAAAAAAAAiw/8YFAf_7P9d4/s400/css22.png" alt="" id="BLOGGER_PHOTO_ID_5348991349365522386" border="0" /></a><br /><br />5.Select ,<br />(a).<span style="color: rgb(0, 153, 0);">Compression mode</span>:- Normal<br /><br />(b).<span style="color: rgb(0, 153, 0);">Comments handling</span>:- Select Don't strip any comments.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-j7_-ccACuU/SjtvNxuw3zI/AAAAAAAAAio/VfAw1BENRe4/s1600-h/css11.png"><img style="cursor: pointer; width: 398px; height: 211px;" src="http://1.bp.blogspot.com/_-j7_-ccACuU/SjtvNxuw3zI/AAAAAAAAAio/VfAw1BENRe4/s400/css11.png" alt="" id="BLOGGER_PHOTO_ID_5348991264911056690" border="0" /></a><br /><br />6.Now click on "Compress-it!".<br /><br />7.After compressing your css code you can see like this message.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-j7_-ccACuU/SjtvXN5R_WI/AAAAAAAAAi4/vFDDPEJ40Xw/s1600-h/css33.png"><img style="cursor: pointer; width: 216px; height: 106px;" src="http://3.bp.blogspot.com/_-j7_-ccACuU/SjtvXN5R_WI/AAAAAAAAAi4/vFDDPEJ40Xw/s400/css33.png" alt="" id="BLOGGER_PHOTO_ID_5348991427090185570" border="0" /></a><br /><br />8.Now <span style="color: rgb(51, 51, 255);">copy</span> your <span style="color: rgb(255, 102, 0);">Compressed CSS Code</span> and <span style="color: rgb(51, 51, 255);">paste</span> it <span style="color: rgb(51, 51, 255); font-weight: bold;">between</span> <span style="font-weight: bold; color: rgb(255, 0, 0);"><b:skin></span> and <span style="font-weight: bold; color: rgb(255, 0, 0);"></b:skin></span> tags.<br /><br />9.Now save your template and you are done.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-3121658190805068795?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-20351941724468453862009-06-26T07:43:00.000-07:002009-06-26T07:44:32.885-07:00How To Add You Tube embed code tool to bloggerThis tools is very important to every blogger.When you put the video address and click Ok, embed code will appears in text box.<br /><br />1.Log in to your dashboard--> layout- -> Page elements<br /><br />2.Click on "Add a Gadget"<br /><br />3.Select 'HTML/Javascript' and add the code given below and click save.<br /><img style="cursor: pointer; width: 400px; height: 200px;" src="http://3.bp.blogspot.com/_-j7_-ccACuU/Sj26sMlfR2I/AAAAAAAAAjA/3ySQSVIoUFg/s400/u11.png" alt="" id="BLOGGER_PHOTO_ID_5349637200841492322" border="0" /><br /><br /><center><table bgcolor="#cccd94" border="0" width="400"><tbody><tr><td><center><script>function go(){var x=document.theform.url.value;var YT=(function(){return {getId:function(u){var a=u.match(/(\/vi\/|v=)([^&amp;]+)/);return (a&amp;&amp;a[a.length-1]);}};})();document.theform.thelink.value=('<object width="'+document.theform.width.value+'" height="'+document.theform.height.value+'"><param value="http://www.youtube.com/v/'+YT.getId(document.theform.url.value)+'&amp;searchbar=0&amp;iv_load_policy=3&amp;ap=%2526fmt%3D18" name="movie"></param><param value="true" name="allowFullScreen"></param><param value="always" name="allowscriptaccess"></param><embed allowscriptaccess="always" width="'+document.theform.width.value+'" src="http://www.youtube.com/v/'+YT.getId(document.theform.url.value)+'&amp;searchbar=0&amp;iv_load_policy=3&amp;ap=%2526fmt%3D18" allowfullscreen="true" height="'+document.theform.height.value+'" type="application/x-shockwave-flash"></embed></object>');}</script><form action="#" name="theform" onsubmit="return go();"><input onfocus="this.value='';this.style.color='#72a8d2'" style="font-size:110%;color:#aaa" value="" name="url" size="50" type="text"> <input style="font-size:110%;" value="Ok" onclick="javascript:go();document.theform.thelink.select()" type="button"><br/>Width: <input onfocus="this.value='';this.style.color='#db0000'" style="color:#444;" value="660" name="width" size="3" type="text"> Height: <input onfocus="this.value='';this.style.color='#db0000'" style="color:#444;" value="544" name="height" size="3" type="text"><br/><div class="code-block-corner"></div><br/><div class="code-block"><div class="code"><br/><div style="background:#f3f6f7;padding:5px;"><textarea style="width:80%;height:100px;overflow:hidden" name="thelink"></textarea><br/><div style="text-align:center;color:#000;font-style:italic;font-size:130%;"></div></div></div></div></form></center></td></tr></tbody></table></center><br /><br />Now you are done.Look at the picture below.<br /><br /><img style="cursor: pointer; width: 400px; height: 197px;" src="http://1.bp.blogspot.com/_-j7_-ccACuU/Sj2615t66fI/AAAAAAAAAjQ/6omWXbyCVao/s400/u33.png" alt="" id="BLOGGER_PHOTO_ID_5349637367575276018" border="0" /><br /><img style="cursor: pointer; width: 400px; height: 305px;" src="http://4.bp.blogspot.com/_-j7_-ccACuU/Sj26w_wZeaI/AAAAAAAAAjI/s8tr5ZN2Zu4/s400/u22.png" alt="" id="BLOGGER_PHOTO_ID_5349637283296934306" border="0" /><p><br /></p><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-2035194172446845386?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-26450873897269230842009-06-26T07:42:00.000-07:002009-06-26T07:43:32.763-07:00How To Add MARQUEE TEXTTo add a moving text (also called marquee) effect use : <br /> <br /><span style="color: rgb(255, 0, 0);"><marquee>Add your text here....</marquee></span> <br /> <br />This will show as this : <br /> <br /><div class="post-body entry-content"><marquee>Add your text here....</marquee> <br /> <br />You can change the direction of the text by using this tag in the beginning : <br /> <br /><span style="color: rgb(255, 0, 0);"><marquee direction="right"></span> <br /> <br />Instead of 'right' put 'up' or 'down' or 'left' as per your preference. To add a background color use this code : <br /> <br /><span style="color: rgb(255, 0, 0);"><marquee direction="right" width="100%" style="background:#EC4F52"><span style="color:white;">Add your text here...</span></marquee></span> <br /> <br />It will look like this : <br /> <br /><marquee direction="right" style="background: rgb(236, 79, 82) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" width="100%"><span style="color: white;">Add your text here...</span></marquee> <br /></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-2645087389726923084?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-86588158267835396162009-06-26T07:41:00.002-07:002009-06-26T07:42:27.806-07:00How Add META TAGS to Blogger(blogspot) blogsAdding meta tags you can get get more traffic from search engines like google,yahoo,msn,etc,especially the meta description is the most important one. <br /> <br />Meta tags are the tags which describes your site and tells the search engines what your site is all about.Adding meta tags is an important factor in SEO.(Search Engine Optimisation).Meta tags allows search engines to index your web pages more accurately. In other words,Meta tags communicate with the search engines and tells more information about your site and make it index correctly and accurately. <br /> <br />We must add two main meta tags to the head section of the template.One is the Meta description which describes your site and another one is Meta Keywords which tells about your site keywords(what your site is all about) <br /> <br />Here is how to add meta tags to your blogger(blogspot) blog: <br /> <br />1.Sign in to your blogger dashboard>click the 'layout' button[see the screenshot below] <br /> <br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-j7_-ccACuU/Sc82s23Xs8I/AAAAAAAAABE/bWKjEoPayhw/s1600-h/layout2.jpg"><img style="cursor: pointer; width: 400px; height: 77px;" src="http://4.bp.blogspot.com/_-j7_-ccACuU/Sc82s23Xs8I/AAAAAAAAABE/bWKjEoPayhw/s400/layout2.jpg" alt="" id="BLOGGER_PHOTO_ID_5318529829217743810" border="0" /></a> <br /> <br />2.Click on the 'Edit html' tab <br /> <br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-j7_-ccACuU/Sc82y4nUQVI/AAAAAAAAABM/yRFU6yPZqoE/s1600-h/edit_htm.jpg"><img style="cursor: pointer; width: 278px; height: 103px;" src="http://1.bp.blogspot.com/_-j7_-ccACuU/Sc82y4nUQVI/AAAAAAAAABM/yRFU6yPZqoE/s400/edit_htm.jpg" alt="" id="BLOGGER_PHOTO_ID_5318529932766495058" border="0" /></a> <br /> <br />Here is the code you have to add <br /> <br /><span style="color: rgb(255, 0, 0);"><meta content="'DESCRIPTION" name="'description'/"></span> <br /><span style="color: rgb(255, 0, 0);"><meta content="'KEYWORDS" name="'keywords'/"></span> <br /><span style="color: rgb(255, 0, 0);"><meta content="'AUTHOR" name="'author'/"></span> <br /> <br /> <br />DESCRIPTION HERE:Write your blog description <br />KEYWORDS:Write the keywords of your blog <br />AUTHOR NAME:Write the author's name(Your name) <br /> <br />3.Add the above code just after this <br /> <br /><span style="color: rgb(255, 0, 0);"><b:include data="'blog'" name="'all-head-content'/"></b:include></span> <br /> <br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-j7_-ccACuU/Sc826UVS7UI/AAAAAAAAABU/bw2szPTFhpc/s1600-h/how-add_.jpg"><img style="cursor: pointer; width: 400px; height: 189px;" src="http://1.bp.blogspot.com/_-j7_-ccACuU/Sc826UVS7UI/AAAAAAAAABU/bw2szPTFhpc/s400/how-add_.jpg" alt="" id="BLOGGER_PHOTO_ID_5318530060466187586" border="0" /></a> <br /> <br />Don't forget to add description and keywords and save the changes. <br /><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-8658815826783539616?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-20224098475649661132009-06-26T07:39:00.000-07:002009-06-26T07:40:54.717-07:00How To Insert Search Box in HeaderYou <span>can insert Your <span style="color: rgb(255, 0, 0);">Google Custom Search Box</span> or <span style="color: rgb(255, 0, 0);">other Search Box</span> in Header</span> using these steps.Then look of the page will be very smart. <br /> <br />log in to your dashboard--> layout- -> Edit HTML <br /> <br />Click on "<span style="color: rgb(51, 102, 255);">Expand Widget Template</span>" <br /> <br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-j7_-ccACuU/Sd6zcoUHiII/AAAAAAAAAFc/C7s02TX_5so/s1600-h/expand2.jpg"><img style="cursor: pointer; width: 296px; height: 77px;" src="http://2.bp.blogspot.com/_-j7_-ccACuU/Sd6zcoUHiII/AAAAAAAAAFc/C7s02TX_5so/s400/expand2.jpg" alt="" id="BLOGGER_PHOTO_ID_5322889114038012034" border="0" /></a> <br /> <br />Scroll down to where you see this:- <br /> <br /><span style="color: rgb(255, 0, 0);"><div class="'descriptionwrapper'"> <br /> <br /><p class="'description'"><span><data:description></data:description></span></p> <br /> <br /> <br />Now Add your <span style="color: rgb(51, 102, 255); font-weight: bold;">search box code</span> immediately <span style="color: rgb(0, 153, 0);">after these lines</span>. <br /> <br />Now click on Save Template and refresh your site.That's it. <br /> <br /><script type="text/javascript">var addthis_pub="wam8387";</script></div></span><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-2022409847564966113?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-32267268928100927982009-06-15T07:24:00.000-07:002009-06-15T07:26:10.617-07:00How To Add Popular Post Widget - without comments count<p>1.Login to your dashboard--> layout- ->Page Elements <br /> <br />2.Click on '<span style="color: rgb(51, 51, 255);">Add a Gadget</span>' on the sidebar. <br /> <br />3.Select '<span style="color: rgb(255, 0, 0);">HTML/Javascript</span>' and add the code given below and click save. <br /> <br /></p><center><table bgcolor="#cccd94" border="0" width="400"><tbody><tr><td><center><script type="text/javascript"> <br />function pipeCallback(obj) { <br />document.write('<ol style="text-transform: capitalize;">'); <br />var i; <br />for (i = 0; i < obj.count ; i++) <br />{ <br />var href = "'" + obj.value.items[i].link + "'"; <br />var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>"; <br />document.write(item); <br />} <br />document.write('</ol>'); <br />} <br /></script> <br /><script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&amp;_callback=pipeCallback&amp;_id=1a1c6e4e6d4f148e3650fda46910e15f&amp;url=http%3A%2F%2F<span style=">YOURBLOG</span>.blogspot.com&amp;num=<span style="font-weight: bold;">10</span>" type="text/javascript"></script></center></td></tr></tbody></table></center> <br /> <br /><span style="font-weight: bold;">Note :</span> Remember to <span style="color: rgb(51, 51, 255);">replace</span> <span style="font-weight: bold; color: rgb(255, 0, 0);">YOURBLOG</span> with your blog name.Also you can change <span style="font-weight: bold; color: rgb(255, 0, 0);">10</span> to show different number of popular posts. <br /> <br />Now you are done. <div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-3226726892810092798?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-91424155063713574892009-06-15T07:21:00.000-07:002009-06-15T07:22:03.534-07:00<a href="http://bloggertipandtrick.blogspot.com/2009/05/how-to-add-4-columns-to-your-footer.html"> </a><div style="border-right: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); padding: 6px 0pt 6px 5px; background: rgb(234, 233, 233) none repeat scroll 0% 0%; margin-bottom: 2px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(64, 106, 14);"> <a href="http://blogrtemplates.blogspot.com/2009/06/how-to-add-4-columns-to-your-footer.html">How To Add 4 Columns to your Footer Section</a></div> <a href="http://bloggertipandtrick.blogspot.com/2009/05/how-to-add-three-columns-to-your-footer.html"> </a><div style="border-right: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); padding: 6px 0pt 6px 5px; background: rgb(234, 233, 233) none repeat scroll 0% 0%; margin-bottom: 2px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(64, 106, 14);"> <a href="http://blogrtemplates.blogspot.com/2009/06/how-to-add-three-columns-to-your-footer.html">How To Add Three columns to your Footer Section</a></div> <!-- google_ad_section_end --> <div class="blog-pager" id="blog-pager"> <span id="blog-pager-newer-link"> </span><br /></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-9142415506371357489?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-76340074387237738362009-06-15T07:19:00.000-07:002009-06-15T07:20:04.059-07:00How To Add Three columns to your Footer Section<p>1.Log in to your dashboard--> layout- -> Edit HTML</p><p>2.Click on "Expand Widget Templates" <br /></p><p>3.Scroll down to where you see this:</p><table bgcolor="#f4f4f4" border="2" width="400"><tbody><tr><td><center><div id="'footer-wrapper'"> <br /><b:section class="'footer'" id="'footer'/"> <br /></b:section></div> <br /></center></td></tr></tbody></table><p>4.<span style="color: rgb(51, 51, 255);">Replace</span> the line <strong><span style="color: rgb(255, 0, 0);"><b:section class="'footer'" id="'footer'/"></b:section></span></strong> of above code,with below code. <br /></p><table bgcolor="#f4f4f4" border="2" width="400"><tbody><tr><td><center><div id="'footer-column-container'"> <br /><div id="'footer2'" style=""> <br /><b:section class="'footer-column'" id="'col1'" preferred="'yes'" style=""> <br /></b:section></div> <br /><div id="'footer3'" style=""> <br /><b:section class="'footer-column'" id="'col2'" preferred="'yes'" style=""> <br /></b:section></div> <br /><div id="'footer4'" style=""> <br /><b:section class="'footer-column'" id="'col3'" preferred="'yes'" style=""> <br /></b:section></div> <br /><div style=""> <br /><p> <br /></p><hr align="'center'" color="#00d554" width="'90%'/"><p></p> <br /><div id="'footer-bottom'" style=""> <br /><b:section class="'footer'" id="'col-bottom'" preferred="'yes'"> <br /><b:widget id="'Text2'" locked="'false'" title="''" type="'Text'/"> <br /></b:widget> <br /></b:section></div> <br /><div style=""> <br /></div> <br /></div></div></center></td></tr></tbody></table><p>5.Now find the <strong><span style="color: rgb(255, 0, 0);"></span></strong> tag in your template.</p><p>6.Immediately before above line, add the below lines of code:</p><table bgcolor="#f4f4f4" border="2" width="400"><tbody><tr><td><center>#footer-column-container { <br />clear:both; <br />} <br /> <br />.footer-column { <br />padding: 10px; <br />} <br /></center></td></tr></tbody></table><p>7.Click on "<span style="color: rgb(51, 51, 255);">Save Templates</span>" and refresh your site.</p><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-7634007438723773836?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-14328981784558977582009-06-15T07:17:00.000-07:002009-06-15T07:19:20.069-07:00How To Add 4 Columns to your Footer Section<p>1.Log in to your dashboard--> layout- -> Edit HTML <br /> <br />2.Scroll down to where you see this: <br /></p><center><table bgcolor="#cccd94" border="0" width="400"><tbody><tr><td><center><b:section class="'footer'" id="'footer'/"></center></td></tr></tbody></table></center><p>Look at the picture below.</p><p><img style="cursor: pointer; width: 400px; height: 84px;" src="http://3.bp.blogspot.com/_-j7_-ccACuU/ShNk4XsQUYI/AAAAAAAAASI/z_nVQc4Bsko/s400/f11.png" alt="" id="BLOGGER_PHOTO_ID_5337720902959255938" border="0" /></p><p>3.Now <span style="color: rgb(255, 0, 0);">Replace</span> above Line with below code.</p><center><table bgcolor="#cccd94" border="0" width="400"><tbody><tr><td><center><div id="'footer-column-container'"> <br /><div id="'footer1'" style="'width:"> <br /><b:section class="'footer-column'" id="'footer-column-1'" preferred="'yes'" style="'float:left;'"> <br /><b:widget id="'Text1'" locked="'false'" title="'About" type="'Text'/"> <br /> <br /></b:section> <br /></div> <br /><div id="'footer2'" style="'width:"> <br /><b:section class="'footer-column'" id="'footer-column-2'" preferred="'yes'" style="'float:left;'"> <br /><b:widget id="'Text4'" locked="'false'" title="'About" type="'Text'/"> <br /></b:section> <br /></div> <br /> <br /><div id="'footer3'" style="'width:"> <br /><b:section class="'footer-column'" id="'footer-column-3'" preferred="'yes'" style="'float:right;'"> <br /><b:widget id="'Text3'" locked="'false'" title="'Subscribe" type="'Text'/"> <br /></b:section> <br /></div> <br /> <br /><div id="'footer4'" style="'width:"> <br /><b:section class="'footer-column'" id="'footer-column-4'" preferred="'yes'" style="'float:right;'"> <br /><b:widget id="'Text2'" locked="'false'" title="'Access" type="'Text'/"> <br /></b:section> <br /></div> <br /><div style="'clear:both;'/"> <br /></div> <br /></center></td></tr></tbody></table></center><p>4.Now again scroll down to where you see this:</p><center><table bgcolor="#cccd94" border="0" width="400"><tbody><tr><td><center>]]></b:skin></center></td></tr></tbody></table></center><p>5.Now add below code <span style="color: rgb(255, 0, 0);">before</span> the <strong><span style="color: rgb(51, 51, 255);">]]></b:skin></span></strong></p><center><table bgcolor="#cccd94" border="0" width="400"><tbody><tr><td><center>#footer-column-container { border: .3px dotted #cccccc;} <br /> <br />.footer-column { margin: 0 10px 0 10px; padding:5px; <br />color: #666666; line-height: 1.5em; font-size:12px;} <br /> <br />.footer-column h2 { <br />padding-bottom:.15em; text-align:center; <br />font:"normal normal 80% 'Comic Sans MS','Lucida Sans Unicode','Trebuchet MS',Sans-serif"; <br />color:#333333; <br />line-height:1em; letter-spacing:.1em; <br />border-bottom: 1px solid #cccccc;} <br /> <br />.footer-column ul { list-style:none; margin:0 0 0; padding:0 0 0;} <br /> <br />.footer-column ul li { <br />background: url(http://i421.photobucket.com/albums/pp296/rnbutpur/bullet-1.gif) no-repeat; <br />margin:0 0 0; padding-left: 16px; <br />padding-bottom: 0.5em; line-height:1.2em;} <br /> <br />.footer-column .widget {margin:0 0 .5em; padding:0 0 1em;} <br /></center></td></tr></tbody></table></center><p>6.Now save your template and you are done.</p><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-1432898178455897758?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-37254407791413456962009-06-15T07:15:00.000-07:002009-06-15T07:17:12.048-07:00Submit Blog to Blog Directories to increase TrafficDo you want <span style="color: rgb(255, 0, 0);">more visitors</span> and <span style="color: rgb(255, 0, 0);">readers</span> to your Blogsite? submitting your <span style="color: rgb(255, 0, 0);">Blog URL</span> to many good Blog directories as possible you can attract more visitors to your blog.So Start now to submit your blogsite to blog directories to make your Blog more visible.<br /><br />There are many blog directories on internet. Below I listed some good blog directories.You can join with them and below blog directories are completely free.<br /><br /><a style="font-weight: bold;" href="http://technorati.com/faves?sub=addfavbtn&amp;add=http://bloggertipandtrick.blogspot.com">Technorati</a><span style="font-weight: bold;"> </span><a style="font-weight: bold;" href="http://www.fuelmyblog.com/?c=/pages/vote.jsp?vt=fuel&amp;id=22950">Fuel My Blog</a><span style="font-weight: bold;"> </span><a style="font-weight: bold;" href="http://www.blogtoplist.com/resources/">Blogtoplist</a><br /><br /><br /><a style="font-weight: bold;" href="http://www.mybloggingarea.com/">Mybloggingarea</a><span style="font-weight: bold;"> </span><a style="font-weight: bold;" href="http://www.topblogarea.com/internet/">Topblogarea</a><span style="font-weight: bold;"> </span><a style="font-weight: bold;" href="http://www.topblogging.com/internet/">Topblogging</a><br /><br /><br /><a style="font-weight: bold;" href="http://blogroll.net/">Blogroll</a><span style="font-weight: bold;"> </span><a style="font-weight: bold;" href="http://www.worldtopblogs.com/">Worldtopblogs</a><span style="font-weight: bold;"> </span><a style="font-weight: bold;" href="http://www.topbloglists.com/">Topbloglists</a><br /><br /><br /><a style="font-weight: bold;" href="http://blogvillage.gotop100.com/">Blogvillage</a><span style="font-weight: bold;"> </span><a style="font-weight: bold;" href="http://www.blogelites.com/">Blogelites</a><span style="font-weight: bold;"> </span><a style="font-weight: bold;" href="http://www.myblogdirectory.net/index.php?id=77772">Myblogdirectory</a><br /><br /><br /><a style="font-weight: bold;" href="http://www.blogcatalog.com/directory/blogging">Blogcatalog</a><span style="font-weight: bold;"> </span><a style="font-weight: bold;" href="http://www.blogarama.com/">Blogarama</a><span style="font-weight: bold;"> </span><a style="font-weight: bold;" href="http://www.blogion.com/">Blogion</a><br /><br /><br /><a style="font-weight: bold;" href="http://www.bloggeries.com/">Bloggeries</a><span style="font-weight: bold;"> </span><a style="font-weight: bold;" href="http://www.bloghop.com/">Bloghop</a><span style="font-weight: bold;"> </span><a style="font-weight: bold;" href="http://www.bloggingfusion.com/">Bloggingfusion</a><br /><br /><br /><a style="font-weight: bold;" href="http://www.blog-search.com/">Blog-search</a><span style="font-weight: bold;"> </span><a style="font-weight: bold;" href="http://www.blogpoint.com/">Blogpoint</a><span style="font-weight: bold;"> </span><a style="font-weight: bold;" href="http://www.blogs-collection.com/">Blogs-collection</a><br /><br /><br /><a style="font-weight: bold;" href="http://www.globeofblogs.com/">Globeofblogs</a><span style="font-weight: bold;"> </span><a style="font-weight: bold;" href="http://www.blogoriffic.com/">Blogoriffic</a><span style="font-weight: bold;"> </span><a style="font-weight: bold;" href="http://dir.blogflux.com/cat/internet.html">Blogflux</a><br /><a style="font-weight: bold;" href="http://www.blogoriffic.com/"><br /></a><br /><a style="font-weight: bold;" href="http://www.blog-search.com/">Blogsearch</a><span style="font-weight: bold;"> </span><a style="font-weight: bold;" href="http://www.bloghub.com/">Bloghub</a><span style="font-weight: bold;"> </span><a style="font-weight: bold;" href="http://www.bloggernity.com/">Bloggernity</a><br /><br /><br /><a style="font-weight: bold;" href="http://www.bloggernow.com/">Bloggernow</a><span style="font-weight: bold;"> </span><a style="font-weight: bold;" href="http://www.weblog-index.com/">Weblog-index</a><span style="font-weight: bold;"> </span><a style="font-weight: bold;" href="http://www.5starblogs.com/">5starblogs</a><br /><a style="font-weight: bold;" href="http://www.weblog-index.com/"><br /></a><br /><a style="font-weight: bold;" href="http://www.getblogs.com/">Getblogs</a><span style="font-weight: bold;"> </span><a style="font-weight: bold;" href="http://www.blogtree.com/blogtree.php?blogid=26214">Blogtree</a><span style="font-weight: bold;"> </span><a style="font-weight: bold;" href="http://www.eblogzilla.com/">eBlogzilla</a><br /><br /><br /><a style="font-weight: bold;" href="http://www.search4blogs.com/">Search4Blogs</a><span style="font-weight: bold;"> </span><a style="font-weight: bold;" href="http://www.bloggertalk.net/">BloggerTalk</a><span style="font-weight: bold;"> </span><a style="font-weight: bold;" href="http://www.lsblogs.com/">LSblogs</a><br /><br /><br /><a style="font-weight: bold;" href="http://www.bloggapedia.com/">Bloggapedia</a><span style="font-weight: bold;"> </span><a style="font-weight: bold;" href="http://www.blogshowoff.com/">Blogshowoff</a><span style="font-weight: bold;"> </span><a style="font-weight: bold;" href="http://www.sgblog.com/">SGBlog</a><br /><br /><br /><a style="font-weight: bold;" href="http://www.myblog2u.com/">Myblog2u</a><span style="font-weight: bold;"> </span><a style="font-weight: bold;" href="http://tracker.icerocket.com/project.info.php?pid=25915&amp;rid=pbl">Icerocket</a><span style="font-weight: bold;"> </span><a style="font-weight: bold;" href="http://www.goblogz.com/">Goblogz</a><br /><br /><br /><a style="font-weight: bold;" href="http://www.aveblogs.com/">Aveblogs</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-3725440779141345696?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-4853360689597635642009-06-11T05:49:00.001-07:002009-06-11T05:49:28.840-07:00How To Add Google Index Pages Checker<p>1.Login to your dashboard--> layout- ->Page Elements<br /><br />2.Click on 'Add a Gadget' on the sidebar.<br /><br />3.Select 'HTML/Javascript' and add the code given below and click save.<br /><br /></p><center><table bgcolor="#cccd94" border="0" width="400"><tbody><tr><td><center><form method="get" action="http://www.google.com/search" target="_blank" rel="nofollow"><input name="q" value="site:" maxlength="255" size="40" type="text"><input value="Google Index" type="submit"><input value="en" name="hl" type="hidden"></form><br /></center></td></tr></tbody></table></center><br /><br />It will look like this.<br /><br /><form method="get" action="http://www.google.com/search" target="_blank" rel="nofollow"><input name="q" value="site:http://bloggertipandtrick.blogspot.com/" maxlength="255" size="40" type="text"><input value="Google Index" type="submit"><input value="en" name="hl" type="hidden"></form><br /><br /><span style="font-weight: bold;">Note :</span> To check google index pages ,Enter URL with <span style="font-weight: bold;">http://</span> after the word <span style="font-weight: bold;">site:</span><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-485336068959763564?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-47554623751800706172009-06-11T05:47:00.000-07:002009-06-11T05:49:01.179-07:00How To Add Google Backlinks Checker<p>1.Login to your dashboard--> layout- ->Page Elements<br /><br />2.Click on 'Add a Gadget' on the sidebar.<br /><br />3.Select 'HTML/Javascript' and add the code given below and click save.<br /><br /></p><center><table bgcolor="#cccd94" border="0" width="400"><tbody><tr><td><center><form method="get" action="http://www.google.com/search" target="_blank" rel="nofollow"><input name="q" value="link:" maxlength="255" size="40" type="text"><input value="Google Backlinks" type="submit"><input value="en" name="hl" type="hidden"></form><br /></center></td></tr></tbody></table></center><br /><br />It will look like this.<input value="Google Backlinks" type="submit"><input value="en" name="hl" type="hidden"><br /><br /><span style="font-weight: bold;">Note :</span> To check google backlinks,Enter URL with <span style="font-weight: bold;">http://</span> after the word <span style="font-weight: bold;">link:</span><br /><br />Now you are don<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-4755462375180070617?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-62076613947453632892009-06-11T05:40:00.001-07:002009-06-11T05:40:44.866-07:00How To Add MSN Backlinks Checker<p>1.Login to your dashboard--> layout- ->Page Elements<br /><br />2.Click on 'Add a Gadget' on the sidebar.<br /><br />3.Select 'HTML/Javascript' and add the code given below and click save.<br /><br /></p><center><table bgcolor="#cccd94" border="0" width="400"><tbody><tr><td><center><form method="get" action="http://search.live.com/results.aspx" target="_blank" rel="nofollow"><input name="q" value="link:" maxlength="255" size="40" type="text"><input value="MSN Backlinks" type="submit"></form><br /></center></td></tr></tbody></table></center><br /><br />It will look like this.<br /><br /><form method="get" action="http://search.live.com/results.aspx" target="_blank" rel="nofollow"><input name="q" value="link:http://bloggertipandtrick.blogspot.com/" maxlength="255" size="40" type="text"><input value="MSN Backlinks" type="submit"></form><br /><br /><span style="font-weight: bold;">Note :</span> To check MSN Backlinks ,Enter URL with <span style="font-weight: bold;">http://</span> after the word <span style="font-weight: bold;">link:</span><br /><br />Now you are done.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-6207661394745363289?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-89237335332368025282009-06-11T05:39:00.000-07:002009-06-11T05:40:04.781-07:00How To Add Alexa Rankings Checker<p>1.Login to your dashboard--> layout- ->Page Elements<br /><br />2.Click on 'Add a Gadget' on the sidebar.<br /><br />3.Select 'HTML/Javascript' and add the code given below and click save.<br /><br /></p><center><table bgcolor="#cccd94" border="0" width="400"><tbody><tr><td><center><form method="get" action="http://www.alexa.com/data/details/traffic_details" target="_blank" rel="nofollow"><input name="url" maxlength="255" size="40" type="text"><input value="Alexa" type="submit"></form><br /></center></td></tr></tbody></table></center><br /><br />It will look like this.<br /><br /><form method="get" action="http://www.alexa.com/data/details/traffic_details" target="_blank" rel="nofollow"><input name="url" value="http://bloggertipandtrick.blogspot.com/" size="40" maxlength="255" type="text"><input value="Alexa" type="submit"></form><br /><br />Now you are done<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-8923733533236802528?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-41465908721446555152009-06-11T05:38:00.000-07:002009-06-11T05:39:16.816-07:00How To Make Text Area With Auto highlight on Mouse Over<p>1.Login to your dashboard--> layout- ->Page Elements<br /><br />2.Click on 'Add a Gadget' on the sidebar.<br /><br />3.Select 'HTML/Javascript' and add the code given below and click save.<br /><br /></p><center><table bgcolor="#cccd94" border="0" width="400"><tbody><tr><td><center><textarea rows="5" cols="15" onfocus="this.select()" onmouseover="this.focus()" style="display: inline;" name="txt" onclick="this.focus();this.select()"><br /><br />Enter Your Content Here<br /><br /></textarea></center></td></tr></tbody></table></center><br /><br />Note : Remember to replace Enter Your Content Here with your real content.<br /><br />Look at the example below.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-4146590872144655515?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-25218318487244435732009-06-11T05:36:00.000-07:002009-06-11T05:38:19.826-07:00How To Add 5 Tabbed Widget For Blogger<p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-j7_-ccACuU/SinVx6iif6I/AAAAAAAAAbI/y1klN8jZ2Hk/s1600-h/tab11.png"><img style="cursor: pointer; width: 400px; height: 227px;" src="http://1.bp.blogspot.com/_-j7_-ccACuU/SinVx6iif6I/AAAAAAAAAbI/y1klN8jZ2Hk/s400/tab11.png" alt="" id="BLOGGER_PHOTO_ID_5344037486356234146" border="0" /></a> <br /> <br />I found this nice tip in www.bloganol.com . <br /> <br />1.Login to your dashboard--> layout- ->Page Elements <br /> <br />2.Click on 'Add a Gadget' on the sidebar. <br /> <br />3.Select 'HTML/Javascript' and add the code given below. <br /> <br /></p><center><table bgcolor="#cccd94" border="0" width="400"><tbody><tr><td><center><!-- widget by Bloganol.blogspot.com --> <br /><script language="JavaScript" type="text/javascript"><br />function st2(t){<br />for(i=1;i<=5;i++){ ts=document.getElementById('tt'+i); tr = document.getElementById('dd'+i); ta = document.getElementById('aa'+i); if(t==i){ if(t==1) ts.className="Tab1"; if(t==2) ts.className="Tab2"; if(t==3) ts.className="Tab3"; if(t==4) ts.className="Tab4"; if(t==5) ts.className="Tab5"; ta.className="srchlinksel2"; ts.style.borderBottom="1px solid #FFFFFF"; tr.style["display"]="block"; tr.style["visibility"]="visible"; } else{ ts.className="tb2"; ta.className="srchlink2"; ts.style.borderBottom="1px solid #B5D6EF"; tr.style["display"]="none"; tr.style["visibility"]="hidden"; } } } </script> <br /> <br /> <br /><!-- CSS Begin //--> <br /> <br /><style type="text/css">.f10 {<br />FONT-SIZE: 10px; FONT-FAMILY: arial<br />}<br />.f11 {<br />FONT-SIZE: 11px; FONT-FAMILY: arial<br />}<br />.f12 {<br />FONT-SIZE: 12px; FONT-FAMILY: arial<br />}<br />.f12r {<br />FONT-SIZE: 12px; LINE-HEIGHT: 13px; FONT-FAMILY: arial<br />}<br />.f12n {<br />FONT-SIZE: 12px; LINE-HEIGHT: 1.3em; FONT-FAMILY: arial<br />}<br />.ft11a {<br />FONT-SIZE: 11px; LINE-HEIGHT: 13px; FONT-FAMILY: Tahoma<br />}<br />.fv9 {<br />FONT-SIZE: 9px; FONT-FAMILY: verdana<br />}<br />.fv10 {<br />FONT-SIZE: 10px; FONT-FAMILY: verdana<br />}<br />.ft11 {<br />FONT-SIZE: 11px; LINE-HEIGHT: 14px; FONT-FAMILY: Tahoma<br />}<br />.fmicro9 {<br />FONT-SIZE: 9px; FONT-FAMILY: Microsoft Sans Serif<br />}<br />A.srchlink:link {<br />COLOR: #2864b4; TEXT-DECORATION: none<br />}<br />A.srchlink:visited {<br />}<br />A.srchlinksel:link {<br />CURSOR: text; COLOR: #000000; TEXT-DECORATION: none<br />}<br />A.srchlinksel:visited {<br />CURSOR: text; COLOR: #000000; TEXT-DECORATION: none<br />}<br />A.srchlink2:link {<br />COLOR: #2864b4; TEXT-DECORATION: underline<br />}<br />A.srchlink2:visited {<br />COLOR: #2864b4; TEXT-DECORATION: underline<br />}<br />A.srchlinksel2:link {<br />CURSOR: text; COLOR: #000000; TEXT-DECORATION: none<br />}<br />A.srchlinksel2:visited {<br />CURSOR: text; COLOR: #000000; TEXT-DECORATION: none<br />}<br />.tb2 {<br />FILTER: progid:DXImageTransform.Microsoft.Gradient<br />(GradientType:0,StartColorStr:'#EEF5FB',EndColorStr:'#D9E9F6');BACKGROUND-COLOR: #d9e9f6<br />}<br />.tbmain2 {<br />BACKGROUND-COLOR: #ffffff<br />}<br />.lfttbl {<br />FILTER: progid:DXImageTransform.Microsoft.Gradient<br />(GradientType:0,StartColorStr:'#DEFFC6',EndColorStr:'#B7E4A2'); BACKGROUND-COLOR: #deffc6<br />}<br />.rttbl {<br />BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef 1px solid; FILTER: progid:DXImageTransform.Microsoft.Gradient<br />(GradientType:0,StartColorStr:'#EEF5FB',EndColorStr:'#DEEFF7'); BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM: #b5d6ef 1px solid; BACKGROUND-COLOR: #eef5fb<br />}<br />.rttblx {<br />BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef 1px solid; BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM: #b5d6ef 1px solid; BACKGROUND-COLOR: #ffffff<br />}<br />.rt_tbl {<br />BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: 0px; BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM: #b5d6ef 1px solid; BACKGROUND-COLOR: #b0dafd<br />}<br />.toptbl {<br />FILTER: progid:DXImageTransform.Microsoft.Gradient<br />(GradientType:0,StartColorStr:'#4A84AD',EndColorStr:'#00426B'); BACKGROUND-COLOR: #00426b<br />}<br />.srchtbl {<br />FILTER: progid:DXImageTransform.Microsoft.Gradient<br />(GradientType:0,StartColorStr:'#FFFFFF',EndColorStr:'#A5DEDE'); BACKGROUND-COLOR: #a5dede<br />}<br />.Tab1 {<br />FILTER: progid:DXImageTransform.Microsoft.Gradient<br />(GradientType:0,StartColorStr:'#FEDFB3',EndColorStr:'#FFFFFF');<br />BACKGROUND-COLOR: #fedfb3<br />}<br />.Tab2 {<br />FILTER: progid:DXImageTransform.Microsoft.Gradient<br />(GradientType:0,StartColorStr:'#B39DFE',EndColorStr:'#FFFFFF');<br />BACKGROUND-COLOR: #b39dfe<br />}<br />.Tab3 {<br />FILTER: progid:DXImageTransform.Microsoft.Gradient<br />(GradientType:0,StartColorStr:'#F6FE9D',EndColorStr:'#FFFFFF');<br />BACKGROUND-COLOR: #f6fe9d<br />}<br />.Tab4 {<br />FILTER: progid:DXImageTransform.Microsoft.Gradient<br />(GradientType:0,StartColorStr:'#FEAF9D',EndColorStr:'#FFFFFF');<br />BACKGROUND-COLOR: #feaf9d<br />}<br />.Tab5 {<br />FILTER: progid:DXImageTransform.Microsoft.Gradient<br />(GradientType:0,StartColorStr:'#9DFEA5',EndColorStr:'#FFFFFF');<br />BACKGROUND-COLOR: #9dfea5<br />}<br />A {<br />TEXT-DECORATION: none<br />}<br />A:hover {<br />TEXT-DECORATION: underline}<br /></style> <br /><!-- CSS End //--> <br /><!-- Widget Code Ends Here --> <br /> <br /> <br /> <br /><!-- widget by Bloganol.blogspot.com --> <br /> <br /><table border="0" cellpadding="0" cellspacing="0" width="380"> <br /><tbody> <br /><tr> <br /><td onclick="st2('1')" id="tt1" style="border-top: 1px solid rgb(181, 214, 239); border-left: 1px solid rgb(181, 214, 239); border-right: 1px solid rgb(181, 214, 239);" class="Tab1" align="middle" width="70" height="22"><a id="aa1" class="srchlinksel2" href="javascript:undefined"><span class="f12"><b><span style="font-weight: bold;">TAB1</span></b></span></a></td> <br /><td style="border-bottom: 1px solid rgb(181, 214, 239);" width="2"> <br /><table border="0" cellpadding="0" cellspacing="0" width="2"> <br /><tbody> <br /><tr> <br /><td width="2"> <br /></td></tr></tbody></table></td> <br /><td onclick="st2('2')" id="tt2" style="border: 1px solid rgb(181, 214, 239);" class="tb2" align="middle" width="47" height="22"><a id="aa2" class="srchlink2" href="javascript:undefined"><span class="f12"><b><span style="font-weight: bold;">TAB2</span></b></span></a></td> <br /><td style="border-bottom: 1px solid rgb(181, 214, 239);" width="2"> <br /><table border="0" cellpadding="0" cellspacing="0" width="2"> <br /><tbody> <br /><tr> <br /><td width="2"> <br /></td></tr></tbody></table></td> <br /><td onclick="st2('3')" id="tt3" style="border: 1px solid rgb(181, 214, 239);" class="tb2" align="middle" width="62" height="22"><a id="aa3" class="srchlink2" href="javascript:undefined"><span class="f12"><b><span style="font-weight: bold;">Tab3</span></b></span></a></td> <br /><td style="border-bottom: 1px solid rgb(181, 214, 239);" width="2"> <br /><table border="0" cellpadding="0" cellspacing="0" width="2"> <br /><tbody> <br /><tr> <br /><td width="2"> <br /></td></tr></tbody></table></td> <br /><td onclick="st2('4')" id="tt4" style="border: 1px solid rgb(181, 214, 239);" class="tb2" align="middle" width="48" height="22"><a id="aa4" class="srchlink2" href="javascript:undefined"><span class="f12"><b><span style="font-weight: bold;">Tab4</span></b></span></a></td> <br /><td style="border-bottom: 1px solid rgb(181, 214, 239);" width="2"> <br /><table border="0" cellpadding="0" cellspacing="0" width="2"> <br /><tbody> <br /><tr> <br /><td width="2"> <br /></td></tr></tbody></table></td> <br /><td onclick="st2('5')" id="tt5" style="border: 1px solid rgb(181, 214, 239);" class="tb2" align="middle" width="52" height="22"><a id="aa5" class="srchlink2" href="javascript:undefined"><span class="f12"><b><span style="font-weight: bold;">Tab5</span></b></span></a></td></tr> <br /><tr> <br /><td colspan="9"> <br /><div style="border-style: none solid; border-color: -moz-use-text-color rgb(181, 214, 239); border-width: 0px 1px; width: 380px;"><!-- Main Headlines Begin //--> <br /><table border="0" cellpadding="0" cellspacing="0" width="380" height="5"> <br /><tbody> <br /><tr> <br /><td height="5"> <br /></td></tr></tbody></table> <br /> <span class="f10" style="color: rgb(121, 121, 121);"> <br /><!-- wmlheadline begin --> <br /><!-- TDate Begin --> <br /><!-- Date Begin --> <br />Browse Items</span> <br /><!-- Date End --> <br /><!-- TDate End --> <br /><div id="dd1" style="border-style: none solid solid; border-color: -moz-use-text-color rgb(181, 214, 239) rgb(181, 214, 239); border-width: 0px 0px 1px; display: block; visibility: visible; width: 380px;"> <br /><table border="0" cellpadding="0" cellspacing="0" width="380"> <br /><tbody> <br /><tr> <br /><td width="14"> <br /></td> <br /><td valign="top"><span class="f12n" style="color: rgb(22, 56, 124);"><span style="font-weight: bold;">Tab 1 <br />Content</span></span></td> <br /></tr> <br /><tr> <br /><td colspan="2" align="right"><span class="f10"><b> Widget <br />by <a href="http://bloganol.blogspot.com/2008/03/5-tabbed-content-widget-for-blogger.html" target="_blank">Bloganol</a></b> <br /> </span></td></tr> <br /><tr> <br /><td height="4"> <br /></td></tr></tbody></table></div><!-- Main Headlines End //--></div> <br /><div id="dd2" style="border-style: none solid solid; border-color: -moz-use-text-color rgb(181, 214, 239) rgb(181, 214, 239); border-width: 0px 1px 1px; display: none; visibility: hidden; width: 380px;"><!-- News Begin //--> <br /><table border="0" cellpadding="0" cellspacing="0" width="380"> <br /><tbody> <br /><tr> <br /><td width="14"></td> <br /><td valign="top"><span class="f12n" style="color: rgb(22, 56, 124);"><span style="font-weight: bold;">Tab 2 <br />Content</span></span></td></tr> <br /><tr> <br /><td colspan="2" align="right"><span class="f10"><b> Widget <br />by <a href="http://bloganol.blogspot.com/2008/03/5-tabbed-content-widget-for-blogger.html" target="_blank">Bloganol</a></b> <br /> </span></td></tr> <br /><tr> <br /><td height="4"></td></tr></tbody></table><!-- News End //--></div> <br /><div id="dd3" style="border-style: none solid solid; border-color: -moz-use-text-color rgb(181, 214, 239) rgb(181, 214, 239); border-width: 0px 1px 1px; display: none; visibility: hidden; width: 380px;"><!-- Business Begin //--> <br /><table border="0" cellpadding="0" cellspacing="0" width="380"> <br /><tbody> <br /><tr> <br /><td width="14"></td> <br /><td valign="top"><span class="f12n" style="color: rgb(22, 56, 124);"><span style="font-weight: bold;">Tab 3 <br />Content</span></span></td></tr> <br /><tr> <br /><td colspan="2" align="right"><span class="f10"><b> Widget <br />by <a href="http://bloganol.blogspot.com/2008/03/5-tabbed-content-widget-for-blogger.html" target="_blank">Bloganol</a></b> <br /> </span></td></tr> <br /><tr> <br /><td height="4"></td></tr></tbody></table><!-- Business End //--></div> <br /><div id="dd4" style="border-style: none solid solid; border-color: -moz-use-text-color rgb(181, 214, 239) rgb(181, 214, 239); border-width: 0px 1px 1px; display: none; visibility: hidden; width: 380px;"><!-- Movies Begin //--> <br /><table border="0" cellpadding="0" cellspacing="0" width="380"> <br /><tbody> <br /><tr> <br /><td width="14"></td> <br /><td valign="top"><span class="f12n" style="color: rgb(22, 56, 124);"><span style="font-weight: bold;">Tab 4 <br />Content</span></span></td> <br /></tr> <br /><tr> <br /><td colspan="2" align="right"><span class="f10"><b> Widget <br />by <a href="http://bloganol.blogspot.com/2008/03/5-tabbed-content-widget-for-blogger.html" target="_blank">Bloganol</a></b> <br /> </span></td></tr> <br /><tr> <br /><td height="4"></td></tr></tbody></table><!-- Movies End //--></div> <br /><div id="dd5" style="border-style: none solid solid; border-color: -moz-use-text-color rgb(181, 214, 239) rgb(181, 214, 239); border-width: 0px 1px 1px; display: none; visibility: hidden; width: 380px;"><!-- Sports Begin //--> <br /><table border="0" cellpadding="0" cellspacing="0" width="380"> <br /><tbody> <br /><tr> <br /><td width="14"></td> <br /><td valign="top"><span class="f12n" style="color: rgb(22, 56, 124);"><span style="font-weight: bold;">Tab 5 <br />Content</span></span></td></tr> <br /><tr> <br /><td colspan="2" align="right"><span class="f10"><b> Widget <br />by <a href="http://bloganol.blogspot.com/2008/03/5-tabbed-content-widget-for-blogger.html" target="_blank">Bloganol</a></b> <br /> </span></td></tr> <br /><tr> <br /><td height="4"></td></tr></tbody></table> <br /> <br /><!-- Widget Code Ends Here --></div></td></tr></tbody></table></center> <br /> <br />4.Now Replace <span style="font-weight: bold;">TAB1</span>,<span style="font-weight: bold;">TAB2</span>,<span style="font-weight: bold;">TAB3</span>,<span style="font-weight: bold;">TAB4</span>,<span style="font-weight: bold;">TAB5</span> with your Tab Header Title and Replace <span style="font-weight: bold;">Tab 1Content</span>,<span style="font-weight: bold;">Tab 2 Content</span>,<span style="font-weight: bold;">Tab 3 Content</span>,<span style="font-weight: bold;">Tab 4 Content</span>,<span style="font-weight: bold;">Tab 5 Content</span> with your tab content. <br /> <br />5.Now click Save and you are done. </td></tr></tbody></table></center><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-2521831848724443573?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-15961151960240697272009-06-11T05:33:00.000-07:002009-06-11T05:35:54.297-07:00How To Show Only The Title Of Posts For Searches, Archives And Labels1.Login to your blogger dashboard--> layout- -> Edit HTML<br /><br />2.Click on "<span style="color: rgb(51, 51, 255);">Expand Widget Templates</span>"<br /><br />3.Scroll down to where you see this:<br /><br /><center><table bgcolor="#cccd94" border="0" width="400"><tbody><tr><td><center><b:include data="'post'" name="'post'/"></center></td></tr></tbody></table></center><br /><br />4.Now <span style="color: rgb(255, 0, 0);">Replace</span> above line with below code.<br /><br /><center><table bgcolor="#cccd94" border="0" width="400"><tbody><tr><td><center><!--ARCHIVE-TITLES-STARTS--><b:if cond="'data:blog.homepageUrl"><b:if cond="'data:blog.pageType"><a href="'data:post.url'"><li></li><data:post.title/></a><br/><br/><b:else/><b:include data="'post'" name="'post'/"></b:if><b:else/><b:include data="'post'" name="'post'/"></b:if><!--ARCHIVE-TITLES-STOPS--></center></td></tr></tbody></table></center><br /><br />5.Now save your template and you are done.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-1596115196024069727?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-18733497046853543742009-06-03T23:02:00.000-07:002009-06-03T23:04:39.703-07:00<!-- google_ad_section_start --> <a href="http://bloggertipandtrick.blogspot.com/2009/05/how-to-add-feed-burner-email.html"> </a><div style="border-right: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); padding: 6px 0pt 6px 5px; background: rgb(234, 233, 233) none repeat scroll 0% 0%; margin-bottom: 2px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(64, 106, 14);"><a href="http://bloggertipandtrick.blogspot.com/2009/05/how-to-add-feed-burner-email.html"> </a><a href="http://blogrtemplates.blogspot.com/2009/06/how-to-add-feed-burner-email.html">How To Add Feed Burner Email Subscriptions to Blogger</a></div> <a href="http://bloggertipandtrick.blogspot.com/2009/05/how-to-redirect-your-blogger-feed-to.html"> </a><div style="border-right: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); padding: 6px 0pt 6px 5px; background: rgb(234, 233, 233) none repeat scroll 0% 0%; margin-bottom: 2px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(64, 106, 14);"><a href="http://bloggertipandtrick.blogspot.com/2009/05/how-to-redirect-your-blogger-feed-to.html"> </a><a href="http://blogrtemplates.blogspot.com/2009/06/how-to-redirect-your-blogger-feed-to.html">How To Redirect your Blogger feed to FeedBurner feed</a></div> <a href="http://bloggertipandtrick.blogspot.com/2009/05/how-to-add-feedburner-feedflare-below.html"> </a><div style="border-right: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); padding: 6px 0pt 6px 5px; background: rgb(234, 233, 233) none repeat scroll 0% 0%; margin-bottom: 2px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(64, 106, 14);"><a href="http://bloggertipandtrick.blogspot.com/2009/05/how-to-add-feedburner-feedflare-below.html"> </a><a href="http://blogrtemplates.blogspot.com/2009/06/how-to-add-feedburner-feedflare-below.html">How To Add Feedburner FeedFlare below your Blog Post</a></div> <a href="http://bloggertipandtrick.blogspot.com/2009/04/how-to-set-number-of-posts-in-feed-with.html"> </a><div style="border-right: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); padding: 6px 0pt 6px 5px; background: rgb(234, 233, 233) none repeat scroll 0% 0%; margin-bottom: 2px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(64, 106, 14);"><a href="http://bloggertipandtrick.blogspot.com/2009/04/how-to-set-number-of-posts-in-feed-with.html"> </a><a href="http://blogrtemplates.blogspot.com/2009/06/how-to-set-number-of-posts-in-feed-with.html">How To SET NUMBER OF POSTS IN FEED with Feedburner</a></div> <a href="http://bloggertipandtrick.blogspot.com/2009/04/how-to-add-feed-burner-headline.html"> </a><div style="border-right: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); padding: 6px 0pt 6px 5px; background: rgb(234, 233, 233) none repeat scroll 0% 0%; margin-bottom: 2px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(64, 106, 14);"><a href="http://bloggertipandtrick.blogspot.com/2009/04/how-to-add-feed-burner-headline.html"> </a><a href="http://blogrtemplates.blogspot.com/2009/06/how-to-add-feed-burner-headline.html">How To Add Feed Burner Headline Animator to your Blogger blog</a></div> <a href="http://bloggertipandtrick.blogspot.com/2009/03/how-to-add-email-subscription-form-to.html"> </a><div style="border-right: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); padding: 6px 0pt 6px 5px; background: rgb(234, 233, 233) none repeat scroll 0% 0%; margin-bottom: 2px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(64, 106, 14);"> <a href="http://blogrtemplates.blogspot.com/2009/06/how-to-add-email-subscription-form-to.html">How to add "Email Subscription Form" to your blog(blogger,blogspot)</a></div> <!-- google_ad_section_end --> <div class="blog-pager" id="blog-pager"> <span id="blog-pager-newer-link"> </span><span id="blog-pager-older-link"><br /></span> </div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-1873349704685354374?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-54065568201910606672009-06-03T23:01:00.001-07:002009-06-03T23:01:52.333-07:00How to add "Email Subscription Form" to your blog(blogger,blogspot)If are a new blogger,you may have seen an email subscrtiption form like the below one in other blogs while browsing.<br /><br />It is delevered by <a href="http://feedburner.com/">FeedBurner.</a>When people subscribe,they will recieve a email with your blog posts whenever your blog is updated.It is a very easy thing and make your visitors come back again and again to your blog.<br /><br />So,Let's see how to add a "Email Subscription form" like that in your blog:<br /><br />1.First,Sign in to your FeedBurner account.If you don't have a FeedBurner account yet,you can <a href="http://feedburner.com/">register it here</a><br /><br />2.Click on the "<span style="color: rgb(255, 0, 0);">My Feeds</span>" link at the top of the page and next ,click on your blog name<br /><br />3.Next,Click on the '<span style="color: rgb(255, 0, 0);">Publicize</span>' tab as shown below.<br /><br />4.Select the "<span style="color: rgb(255, 0, 0);">Email Subscriptions</span>" option<br /><br />5.Next,Click on '<span style="color: rgb(255, 0, 0);">Activate</span>'<br /><br />6.There are a few more options under the Email Subscriptions column namely Subscription Management,Communication Preferences,Email Branding and Delivery options.Edit them according to your needs.<br /><br />Now,Click on the <span style="color: rgb(255, 0, 0);">Subscription Managemant</span> option and copy the code they provide<br /><br />7.Sign in to your blogger <span style="color: rgb(255, 0, 0);">dashboard>layout>add a page element>html/javascript</span> and paste the code and SAVE THE CHANGES.That's it!<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-5406556820191060667?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-36692425898482638312009-06-03T23:00:00.002-07:002009-06-03T23:01:20.698-07:00How To Add Feed Burner Headline Animator to your Blogger blog<p><a href="http://feeds2.feedburner.com/%7Er/blogspot/WyNa/%7E6/1"><img alt="Blogger Tips And Tricks" style="border: 0pt none ;" src="http://feeds2.feedburner.com/blogspot/WyNa.1.gif" /></a><br /><br />1.Sign in to the <a href="http://feedburner.google.com/">feedburner</a> with your gmail accont.<br /><br />2.Burn a feed for site address that you want to show the headline animator.For this you must spent few minutes.<br /><br />3.After burn the feed, click on your site name in the <span style="font-weight: bold; color: rgb(255, 0, 0);"><span style="color: rgb(0, 0, 0);"><span style="font-weight: bold;">"</span></span>My Feeds</span>" section.<br /><br />4.Now click on the <span style="font-weight: bold; color: rgb(255, 0, 0);"><span style="color: rgb(0, 0, 0);">"</span>Publicize</span><span style="font-weight: bold;">"</span> Tab<br /></p>5.Clicik Headline Animator on the left side bar. Choose the type of display you want on the dropdown menu and click "<span style="font-weight: bold; color: rgb(255, 0, 0);">Activate</span>"<br /><br />6.Choose a blog service as "<span style="color: rgb(255, 0, 0); font-weight: bold;">Blogger blog</span>" on the drop down menu and click Next and then Click "<span style="font-weight: bold; color: rgb(255, 0, 0);">Add To Bloger</span>".<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-3669242589848263831?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-7882018546857899082009-06-03T23:00:00.001-07:002009-06-03T23:00:45.053-07:00How To SET NUMBER OF POSTS IN FEED with FeedburnerBlogger sends <span style="font-weight: bold;"> latest 25 posts</span> in your blog feed. So your Feedburner feed also contains the latest 25 blog posts. If you wish to include <span style="color: rgb(51, 102, 255);">more or less</span> posts in it :<br /><br />1. Login to <a href="http://feedburner.google.com/">Feedburner account.</a><br /><br />2. Click on <span style="color: rgb(255, 0, 0);">Feed Title<span style="color: rgb(0, 0, 0);">.</span></span><br /><br />3. Click on '<span style="color: rgb(255, 0, 0);">Edit Feeds Details</span>' link just below title of your feed.<br /><br />4. In the Original Feed Address field, You can see your feed address.<br /><br /><span style="color: rgb(51, 102, 255);">http://<span style="color: rgb(255, 0, 0);">MYBLOGNAME</span>.blogspot.com/feeds/posts/default</span><br /><br />Change this address to:<br /><br /><span style="color: rgb(51, 102, 255);">http://<span style="color: rgb(255, 0, 0);">MYBLOGNAME</span>.blogspot.com/feeds/posts/default<span style="color: rgb(255, 0, 0);">?max-results=50</span></span><br /><br />Instead of '<span style="font-weight: bold;">MYBLOGNAME</span>' enter actual name of your blog.<br /><br />Instead of the number '<span style="font-weight: bold;">50</span>' specify the number of posts ( 1 to 500 )you want to appear in your feed.<br /><br />5. Click <span style="color: rgb(51, 102, 255);">Save</span> Feed Details.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-788201854685789908?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-91763205670995580122009-06-03T22:59:00.001-07:002009-06-03T22:59:58.989-07:00How To Add Feedburner FeedFlare below your Blog Post<p>If you want to add the FeedFlare to your blog follow the instruction below. </p><p>1. Login to your <a href="http://feedburner.google.com/">Feedburner account</a>.<br /></p><p>2. Click on the <span style="color: rgb(255, 0, 0);">Feed Title</span>.<br /></p><p>3. Click on <span style="color: rgb(255, 0, 0);">Optimize Tab</span>.<br /></p><p><img style="cursor: pointer; width: 400px; height: 96px;" src="http://4.bp.blogspot.com/_-j7_-ccACuU/SglRnukWR3I/AAAAAAAAAMo/c3jrhx8zPlw/s400/optimizetab.jpg" alt="" id="BLOGGER_PHOTO_ID_5334884976554297202" border="0" /></p><p>4. Click on <span style="color: rgb(255, 0, 0);">FeedFlare</span>.<br /></p><p><img style="cursor: pointer; width: 400px; height: 302px;" src="http://2.bp.blogspot.com/_-j7_-ccACuU/SglRxExaZlI/AAAAAAAAAMw/T9pIPk-c4LU/s400/feedflare.jpg" alt="" id="BLOGGER_PHOTO_ID_5334885137133495890" border="0" /></p><p>5. <span style="color: rgb(255, 0, 0);">Check on the services</span> you want to display in your Feed or on your Site.</p><p><img style="cursor: pointer; width: 292px; height: 400px;" src="http://3.bp.blogspot.com/_-j7_-ccACuU/SglR5EpvLLI/AAAAAAAAAM4/QRc9U9k3J7c/s400/checkservices.jpg" alt="" id="BLOGGER_PHOTO_ID_5334885274540256434" border="0" /></p><p>6.There is a <span style="color: rgb(51, 51, 255);">FeedFlare Preview/Ordering</span> below the list of services. This lets you see how FeedFlare will appear in your feed and/or on your site. Just Click and Drag the links on the location that you want.</p><p><img style="cursor: pointer; width: 300px; height: 333px;" src="http://2.bp.blogspot.com/_-j7_-ccACuU/SglSemb4iXI/AAAAAAAAANA/1-5ZQgmL2y8/s400/preview.jpg" alt="" id="BLOGGER_PHOTO_ID_5334885919264115058" border="0" /></p><p>7.Click on "Activate".Now You will get this message.<br /></p><p><img style="cursor: pointer; width: 400px; height: 103px;" src="http://1.bp.blogspot.com/_-j7_-ccACuU/SglT5IfVTII/AAAAAAAAANI/i-Jt8gV-fHI/s400/success2.jpg" alt="" id="BLOGGER_PHOTO_ID_5334887474593614978" border="0" /></p><p>8.Now in this window Before the Save button, there is a "<span style="color: rgb(51, 51, 255);">Get the HTML code to put FeedFlare on your site</span>". Choose the Blogging Platform as "<span style="color: rgb(255, 0, 0);">Blogger</span>"</p><p>9. <span style="color: rgb(255, 0, 0);">A pop-up window</span> will appear and it contains the instructions on how you embed the Feed burner FeedFlare on your blog.Just <span style="color: rgb(51, 51, 255);">follow the instructions</span>.Now wait about 20 minutes and refresh your site.Look at the example below.</p><p><img style="cursor: pointer; width: 400px; height: 91px;" src="http://1.bp.blogspot.com/_-j7_-ccACuU/SglV92dKw4I/AAAAAAAAANQ/GXi6Ugw3UnU/s400/example2.jpg" alt="" id="BLOGGER_PHOTO_ID_5334889754675299202" border="0" /></p><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-9176320567099558012?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-12064151717556435382009-06-03T22:58:00.000-07:002009-06-03T22:59:18.367-07:00How To Redirect your Blogger feed to FeedBurner feed<p>If you have a blog and start to use <a href="http://feedburner.google.com/">FeedBurner</a> to manage your feed, you have to change the auto discovery link in your template and redirect the old feed to FeedBurner, so you don't have to tell your readers to subscribe to the new feed.To Redirect your Blogger feed to FeedBurner feed follow the steps below.</p><p>1.Login to your blogger dashboard.</p><p>2.Go to <span style="color: rgb(255, 0, 0);">settings</span>--><span style="color: rgb(255, 0, 0);">Site Feed</span>.</p><p><img style="cursor: pointer; width: 400px; height: 280px;" src="http://3.bp.blogspot.com/_-j7_-ccACuU/Sgqy8c915JI/AAAAAAAAAPY/zyz60pfnbvI/s400/re2.jpg" alt="" id="BLOGGER_PHOTO_ID_5335273460211246226" border="0" /></p><p>3.Now type your <span style="color: rgb(51, 51, 255);">Feedburner Feed URL</span> into the Post Feed Redirect URL text field. <span style="color: rgb(0, 153, 0);">Remember</span> to include <strong><span style="color: rgb(255, 0, 0);">http://</span></strong></p><p>For example My Feedburner Feed URL is http://feeds2.feedburner.com/blogspot/WyNa</p><p>I must enter it like below.</p><p><img style="cursor: pointer; width: 400px; height: 275px;" src="http://4.bp.blogspot.com/_-j7_-ccACuU/SgqzAx8MbXI/AAAAAAAAAPg/KOe8575J9qc/s400/re12.jpg" alt="" id="BLOGGER_PHOTO_ID_5335273534560955762" border="0" /></p><p>4.After you enter your Feedburner Feed URL click on "<span style="color: rgb(255, 0, 0);">Save Settings</span>" and your done.Now Blogger will redirect feed traffic of your blog to your Feedburner feed.</p><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-1206415171755643538?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-68154924051980754542009-06-03T22:57:00.000-07:002009-06-03T22:58:48.125-07:00How To Add Feed Burner Email Subscriptions to Blogger<p>Using Feedburner, you are able to instantly have an email subscription service for your blog. Every day that you post something new in the blog, an email is sent out to the people who have subscribed to your blog. You don't have to do anything. People join the list and leave the list of their own free will; again, You don't have to do anything. You can make some choice about the way the email is configured, but Feedburner does all the work of actually maintaining the list and sending out the email.<br /></p><p>1. Login to your <a href="http://feedburner.google.com/">Feedburner account</a>.<br /></p>2. Click on the <strong><span style="color: rgb(255, 0, 0);">Feed Title</span></strong>.<br /><p>3. Click on <span style="color: rgb(255, 0, 0);"><strong>Publicize</strong></span> Tab.</p><p><img style="cursor: pointer; width: 400px; height: 113px;" src="http://1.bp.blogspot.com/_-j7_-ccACuU/SgqpgJY8qdI/AAAAAAAAAO4/HHlENrsmENM/s400/feedtitle11.jpg" alt="" id="BLOGGER_PHOTO_ID_5335263078315239890" border="0" /><br /></p><p>4.Now Click on <strong><span style="color: rgb(255, 0, 0);">Email Subscriptions</span></strong>.</p><p><img style="cursor: pointer; width: 374px; height: 380px;" src="http://4.bp.blogspot.com/_-j7_-ccACuU/Sgqplyf4EMI/AAAAAAAAAPA/sW1AM37RV3k/s400/feedtitle22.jpg" alt="" id="BLOGGER_PHOTO_ID_5335263175249498306" border="0" /> </p><p>5.Now Click on "Activate" Button.<br /></p><p><img style="cursor: pointer; width: 400px; height: 268px;" src="http://3.bp.blogspot.com/_-j7_-ccACuU/SgqpsSetJZI/AAAAAAAAAPI/vACf0qhPJ-4/s400/feedtitle33.jpg" alt="" id="BLOGGER_PHOTO_ID_5335263286913738130" border="0" /></p><p>6.Now Choose the <span style="color: rgb(51, 51, 255);">Blogging Platform</span> as "<strong><span style="color: rgb(255, 0, 0);">Blogger</span></strong>" </p><p><img style="cursor: pointer; width: 400px; height: 259px;" src="http://4.bp.blogspot.com/_-j7_-ccACuU/SgqqwkyZUPI/AAAAAAAAAPQ/0AGm8zizq1U/s400/feedtitle44.jpg" alt="" id="BLOGGER_PHOTO_ID_5335264460059267314" border="0" /></p><p>7.Then you will get code . Copy and paste the code in your blog where ever you like to add Feed Burner Email Subscriptions Form. </p> <script src="http://js-kit.com/rating-data.js?ref=http%3A%2F%2Fbloggertipandtrick.blogspot.com%2F2009%2F05%2Fhow-to-add-feed-burner-email.html&amp;p%5B0%5D=%2F2009%2F05%2Fhow-to-add-feed-burner-email.html&amp;jx%5B0%5D=0"></script><table class="js-ratings-tableWrapper" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td><div style="width: 105px;" class="js-ratingWrapper"><div style="float: left;"><div class="js-rating-labelText">Unrated</div></div></div></td></tr></tbody></table><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-6815492405198075454?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-5300131182735658532009-06-03T08:16:00.000-07:002009-06-03T08:17:53.730-07:00Bcute<div class="macro"> <a href="http://bcute-btemplates.blogspot.com/" title="Bcute"> <img src="http://btemplates.com/wp-content/uploads/2009/06/bcute.jpg" alt="preview" width="500" height="285" /></a><br /><a href="http://btemplates.com/download/1061/"><img src="http://i178.photobucket.com/albums/w246/zefirakos/Other/fw_download.png" alt="Image" title="Image" border="0" /></a><br /> </div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-530013118273565853?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-26271921791060814462009-06-03T08:13:00.000-07:002009-06-03T08:16:27.932-07:00Black Pearl<div class="macro"> <a href="http://blackpearl-btemplates.blogspot.com/" title="Black Pearl"> <img src="http://btemplates.com/wp-content/uploads/2009/06/blackpearl.jpg" alt="preview" width="500" height="285" /></a><br /><br /><br /><a href="http://btemplates.com/download/1064/"><img src="http://i178.photobucket.com/albums/w246/zefirakos/Other/fw_download.png" alt="Image" title="Image" border="0" /></a><br /> </div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-2627192179106081446?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-76900852742282558012009-06-03T08:08:00.000-07:002009-06-03T08:11:49.879-07:00adsense<!-- google_ad_section_start --> <a href="http://bloggertipandtrick.blogspot.com/2009/05/how-to-remove-adsense-ads-from-homepage.html"> </a><div style="border-right: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); padding: 6px 0pt 6px 5px; background: rgb(234, 233, 233) none repeat scroll 0% 0%; margin-bottom: 2px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(64, 106, 14);"> <a href="http://blogrtemplates.blogspot.com/2009/06/how-to-remove-adsense-ads-from-homepage.html">How To Remove AdSense Ads from the Homepage</a></div> <a href="http://bloggertipandtrick.blogspot.com/2009/05/how-to-put-adsense-in-middle-of-blogger.html"> </a><div style="border-right: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); padding: 6px 0pt 6px 5px; background: rgb(234, 233, 233) none repeat scroll 0% 0%; margin-bottom: 2px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(64, 106, 14);"> <a href="http://blogrtemplates.blogspot.com/2009/06/how-to-put-adsense-in-middle-or.html">How to put AdSense in the Middle or Anywhere of Blogger posts</a></div> <a href="http://bloggertipandtrick.blogspot.com/2009/04/how-to-embed-adsense-add-unit-in-left.html"> </a><div style="border-right: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); padding: 6px 0pt 6px 5px; background: rgb(234, 233, 233) none repeat scroll 0% 0%; margin-bottom: 2px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(64, 106, 14);"> <a href="http://blogrtemplates.blogspot.com/2009/06/how-to-embed-adsense-add-unit-in-left.html">How to Embed Adsense add unit in Left or Right corner of post content</a></div> <a href="http://bloggertipandtrick.blogspot.com/2009/04/how-to-insert-adsense-ads-in-blogger.html"> </a><div style="border-right: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); padding: 6px 0pt 6px 5px; background: rgb(234, 233, 233) none repeat scroll 0% 0%; margin-bottom: 2px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(64, 106, 14);"> <a href="http://blogrtemplates.blogspot.com/2009/06/how-to-insert-adsense-ads-in-blogger.html">How To Insert Adsense Ads In Blogger Post</a></div> <a href="http://bloggertipandtrick.blogspot.com/2009/04/how-to-make-money-with-adsense-without.html"> </a><div style="border-right: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); padding: 6px 0pt 6px 5px; background: rgb(234, 233, 233) none repeat scroll 0% 0%; margin-bottom: 2px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(64, 106, 14);"> <a href="http://blogrtemplates.blogspot.com/2009/06/how-to-make-money-with-adsense-without.html">How To Make Money With Adsense Without Your Website</a></div> <a href="http://bloggertipandtrick.blogspot.com/2009/03/how-to-add-adsense-ads-inside-blogger.html"> </a><div style="border-right: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); padding: 6px 0pt 6px 5px; background: rgb(234, 233, 233) none repeat scroll 0% 0%; margin-bottom: 2px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(64, 106, 14);"> <a href="http://blogrtemplates.blogspot.com/2009/06/how-to-add-adsense-ads-inside-blogger.html">How to Add Adsense ads inside Blogger blog posts or between blog posts</a></div> <!-- google_ad_section_end --> <div class="blog-pager" id="blog-pager"> <span id="blog-pager-newer-link"><br /></span> </div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-7690085274228255801?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-37469321539769431042009-06-03T08:07:00.002-07:002009-06-03T08:08:23.535-07:00How to Add Adsense ads inside Blogger blog posts or between blog posts<p><span style="font-weight: bold; font-size: 130%;">How to place adsense ads inside Blogger blog Posts:</span><br /><br />1.Sign in to your blogger dashboard>layout>Edit html<br /><br /> Check the box next to 'Expand Widget Templates'<br /><br />2.Scroll down the window till you see this code<br /><br /><span style="color: rgb(255, 0, 0);"><b:if cond="'data:post.includeAd'"> <data:adend/> <data:adcode/> <data:adstart/> </b:if></span><br /><br />3.Replace that code in the template with the below code<br /><br /><span style="color: rgb(255, 0, 0);"><b:if cond="'data:blog.pageType"> <b:if cond="'data:post.includeAd'"> <data:adend/> <data:adcode/> <data:adstart/> </b:if> </b:if></span><br /><br />4.Again,scroll down the template and find out data-post body tag and paste the below code just above that code{this will show ads above the post body.If you want ads to show below the post,paste the code below that tag.<br /><br />Here is the code to paste:-<br /><br /><span style="color: rgb(255, 0, 0);"><b:if cond="'data:blog.pageType"> <b:if cond="'data:post.includeAd'"> <data:adend/> <data:adcode/> <data:adstart/> </b:if> </b:if></span><br /><br />That's it!<br /><br /><br /><span style="font-weight: bold; font-size: 130%;">How to place adsense ads between Blog posts:</span><br /><br />1.Sign in to your blogger dashboard>click on the layout link<br /><br />2.Click on the Edit link in the "Blog Posts' column<br /> ..............a pop up window opens..........<br /><br />3.Check the box next to 'Show ads between Posts'<br /><br /></p>next,configure the ads,choose the format,colours,etc and SAVE THE CHANGES.<br />That's it! Now your adsense ads will show between blog posts.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-3746932153976943104?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-52372061994997403472009-06-03T08:07:00.001-07:002009-06-03T08:07:24.358-07:00How To Make Money With Adsense Without Your Website<p>Direct Download Center <span style="color: rgb(51, 102, 255);">100% Adsense Revenue Sharing Program</span><br /><br /><span style="color: rgb(255, 0, 0);">DirectDownloadCenter.com</span> is free software download center. You can download any Freeware and Shareware directly from publisher. They have setup a system to share 100% AdSense revenue to all contributing members from all traffic that you sent to their site.<br /><br />It is easy to use DirectDownloadCenter.com to earn advertising revenue. <span style="color: rgb(255, 0, 0);">There are two ways to do it:</span><br /><br />1. Link to any pages of DirectDownloadCenter.com <span style="color: rgb(51, 102, 255);">using your referrer code</span>. Traffic sent from your link will display Google Ads using your Adsense ID 90%.<br /><br />2. Referring your friends to be our member and getting your ads displayed on their traffic 10% of the time. It's easy, just link to any pages using your referrer code and wait for his/her registering.<br /><br />All you have to do is to guide your friends to download software from them or invite your friends to be their member and start getting money!!.<br /><br />Publish or share software with your friends and start getting money too!!<br /><br /><span style="font-size: 85%;"><a href="http://directdownloadcenter.com/?p=revenue_share&amp;u=keerthiset2">Join Now!! Make Money With Adsense Without Your Website. Apply now!</a><br /><br /><a href="http://directdownloadcenter.com/?u=keerthiset2">Free Download 50000+ Freeware Shareware NOW. </a><br /><br /><a href="http://directdownloadcenter.com/business-finance.html?u=keerthiset2">Free Download Business &amp; Finance Software </a><br /><br /><a href="http://directdownloadcenter.com/download_php-mysql-wizard.html?u=keerthiset2">Download PHP MySQL Wizard 1.3</a></span><br /></p><script type="text/javascript">var addthis_pub="wam8387"</script><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-5237206199499740347?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-91738622086570732742009-06-03T08:05:00.001-07:002009-06-03T08:06:52.699-07:00How To Insert Adsense Ads In Blogger Post<p>This will explain how to Embedd adsense ads in between posts body.</p><p>1.<span style="color: rgb(51, 51, 255);">Generate Parsed code</span> for adsense code because we cannot put adsense code directly in the xml.So parse it using <a href="http://blogcrowds.com/resources/parse_html.php">AdParser.</a></p><p>2.After parsing,your ad code Should look like this.</p><p> <br /> <br /><span style="font-size: 130%;"><span style="color: rgb(255, 102, 0);"><strong>How To Place ad above or below your post header</strong></span></span> <br /></p><p><span style="font-size: 100%;"><span style="color: rgb(0, 0, 0);">log in to your dashboard--> layout- -> Edit HTML</span></span></p><p><span style="font-size: 100%;"><span style="color: rgb(0, 0, 0);">Click on "</span></span><span style="font-size: 100%;"><span style="color: rgb(51, 102, 255);">Expand Widget Template</span></span><span style="font-size: 100%;"><span style="color: rgb(0, 0, 0);">" and </span></span><span style="font-size: 100%;"><span style="color: rgb(0, 0, 0);"> scroll down to where you see this:-</span></span></p><p><span style="font-size: 100%;"><span style="color: rgb(255, 0, 0);"><strong><div class="'post-header-line-1'/"></strong></span></span></p><p><span style="color: rgb(0, 0, 0);"><span style="font-size: 100%;">To place ad </span></span><span style="font-size: 100%;"><span style="color: rgb(0, 153, 0);">above</span></span><span style="color: rgb(0, 0, 0);"><span style="font-size: 100%;"> your post header.Paste the code above this line. <br /></span></span></p><p><span style="color: rgb(0, 0, 0);"><span style="font-size: 100%;">To place ad </span></span><span style="font-size: 100%;"><span style="color: rgb(0, 153, 0);">below</span></span><span style="color: rgb(0, 0, 0);"><span style="font-size: 100%;"> your post header.Paste the code below this line.</span></span></p><p><span style="font-size: 130%;"><span style="color: rgb(255, 102, 0);"><strong>How To Place ad end of your post body</strong></span></span><span style="font-size: 100%;"><span style="color: rgb(0, 0, 0);"> <br /></span></span></p><p><span style="font-size: 100%;"><span style="color: rgb(0, 0, 0);">log in to your dashboard--> layout- -> Edit HTML</span></span></p><p><span style="font-size: 100%;"><span style="color: rgb(0, 0, 0);">Click on "Expand Widget Template" and </span></span><span style="font-size: 100%;"><span style="color: rgb(0, 0, 0);"> scroll down to where you see this:-</span></span></p><p><span style="font-size: 100%;"><strong><span style="color: rgb(255, 0, 0);"><p><data:post.body/></p></span></strong></span><span style="font-size: 100%;"><span style="color: rgb(0, 0, 0);"> <br /> <br />Paste the code below this line, to show your ad at the end of your post. <br /> <br /></span></span></p><p><span style="font-size: 100%;"><span style="color: rgb(0, 0, 0);"><strong>NOTE :</strong> To Set the Align of your ad , Insert your code like this.</span></span></p><p><span style="color: rgb(255, 0, 0);"><span style="font-size: 100%;"><p align=""></span><span style="font-size: 100%;"><span style="color: rgb(0, 153, 0);">center</span></span><span style="color: rgb(255, 0, 0);"><span style="font-size: 100%;">"> <br /></span></span><span style="font-size: 100%;"><span style="color: rgb(51, 102, 255);">Your Ad code</span></span><span style="color: rgb(255, 0, 0);"><span style="font-size: 100%;"> <br /></p></span></span><span style="font-size: 100%;"><span style="color: rgb(0, 0, 0);"> <br /> <br />Replace "</span></span><span style="font-size: 100%;"><span style="color: rgb(0, 153, 0);">center</span></span><span style="font-size: 100%;"><span style="color: rgb(0, 0, 0);">" with "</span></span><span style="font-size: 100%;"><span style="color: rgb(0, 153, 0);">left</span></span><span style="font-size: 100%;"><span style="color: rgb(0, 0, 0);">" or "</span></span><span style="font-size: 100%;"><span style="color: rgb(0, 153, 0);">right</span></span><span style="font-size: 100%;"><span style="color: rgb(0, 0, 0);">" for desired alignment.</span></span></p><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-9173862208657073274?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-51388861819717553952009-06-03T08:04:00.002-07:002009-06-03T08:05:34.977-07:00How to Embed Adsense add unit in Left or Right corner of post content<p>This will explain How to Embed Adsense add unit in <span style="color: rgb(255, 0, 0);">Left or Right corner</span> of <span style="color: rgb(51, 204, 0);">post content</span>. </p><p>Generate <span style="color: rgb(255, 0, 0);">Parsed code</span> for <span style="color: rgb(0, 153, 0);">adsense code</span> because we cannot put adsense code directly in the xml.So parse it using <a href="http://blogcrowds.com/resources/parse_html.php">AdParser. <br /> <br /></a>After parsing,your ad code Should look like this.</p><p><img style="cursor: pointer; width: 300px; height: 148px;" src="http://1.bp.blogspot.com/_-j7_-ccACuU/SfFQQojr-0I/AAAAAAAAAGE/eG85a3PNw70/s400/ads1111.jpg" alt="" id="BLOGGER_PHOTO_ID_5328128080851237698" border="0" /> <br /> <br /></p><p>1.Log in to your dashboard--> layout- -> Edit HTML <br /></p>2.Click on "Expand Widget Templates" <br /><p>3.Scroll down to where you see this:- <br /></p><p><strong><span style="color: rgb(255, 0, 0);"><div class="'post-header-line-1'/"></span></strong></p><p>4.To place ad Top <span style="color: rgb(51, 102, 255);">left</span> corner of your post ,Paste the below code, below of above line.</p><p><strong><span style="color: rgb(51, 204, 0);"><div style="”display:block;float:</span"><span style="color: rgb(51, 102, 255);">left</span><span style="color: rgb(51, 204, 0);">;margin: 0px 10px 0px 0px;”></span> <br /><span style="color: rgb(255, 0, 0);">Your Adsense Parsed code</span> <br /><span style="color: rgb(51, 204, 0);"></div></span></strong></p><p><strong><span style="color: rgb(255, 0, 0);"></span></strong></p><p><strong><span style="color: rgb(255, 0, 0);">Attention :</span> </strong> We can't put "<span style="color: rgb(0, 153, 0);"><div style="”display:block;float:left;margin:"></span>" and "<span style="color: rgb(0, 153, 0);"></div></span>" directly in the xml.So we must generate <span style="color: rgb(255, 0, 0);">Parsed code</span> for these code using <a href="http://blogcrowds.com/resources/parse_html.php">AdParser.</a> </p><p>So Final Code you have to copy below the line "<span style="color: rgb(255, 0, 0);"><div class="'post-header-line-1'/"></span><span style="color: rgb(0, 0, 0);">" ,look like this. </span></p><p><img style="cursor: pointer; width: 400px; height: 122px;" src="http://3.bp.blogspot.com/_-j7_-ccACuU/SfFM2UCafDI/AAAAAAAAAF8/6D2TqZuR2Vw/s400/adsense44.jpg" alt="" id="BLOGGER_PHOTO_ID_5328124330131487794" border="0" /> <br /></p><p>If you Want To place ad Top <span style="color: rgb(51, 102, 255);">Right </span>corner of your post,Replace "left" with "right".</p><p>5.Click on "Save Templates" and Refresh your site.</p><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-5138886181971755395?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-30325976291124510692009-06-03T08:04:00.001-07:002009-06-03T08:04:48.178-07:00How to put AdSense in the Middle or Anywhere of Blogger posts<p>If you want to put Adsense ads in the middle of Blogger posts follow the steps below.<br /></p><p>1.Generate <span style="color: rgb(255, 0, 0);">Parsed code</span> for your adsense code because we cannot put adsense code directly in the xml.So parse it using <a href="http://blogcrowds.com/resources/parse_html.php">AdParser</a>. </p><p>After parsing,your ad code Should look like this.</p><p><img style="cursor: pointer; width: 400px; height: 198px;" src="http://2.bp.blogspot.com/_-j7_-ccACuU/ShDHoSjWHaI/AAAAAAAAAQA/EWdPK_ccU7k/s400/ads11.jpg" alt="" id="BLOGGER_PHOTO_ID_5336985053422820770" border="0" /></p><p>2.Log in to your dashboard--> layout- -> Edit HTML<br /></p>3.Click on "Expand Widget Templates"<br /><p>4.Scroll down to where you see this:</p><center><table bgcolor="#cccd94" border="0" width="400"><tbody><tr><td><center><data:post.body/></center></td></tr></tbody></table></center><p>5.Now replace above code with below code.</p><center><table bgcolor="#cccd94" border="0" width="400"><tbody><tr><td><center><div id="'"></div><br /><br /><div style="clear:both; margin:10px 0"><br /><!-- Your AdSense code here --><br /></div><br /><br /><div id="'"><br /><data:post.body/><br /></div><br /><br /><script type="text/javascript"><br />var obj0=document.getElementById("aim1<data:post.id/>");<br />var obj1=document.getElementById("aim2<data:post.id/>");<br />var s=obj1.innerHTML;<br />var r=s.search(/\x3C!-- adsense --\x3E/igm);<br />if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}<br /></script><br /></center></td></tr></tbody></table></center><p><strong>Note :</strong> You must you must replace <span style="color: rgb(255, 0, 0);"><!-- Your AdSense code here --></span> with <span style="color: rgb(255, 0, 0);">Your Adsense Parsed code</span>.</p><p>6.Now save your template.</p><p>7.In every blog post ,Put this special code :</p><center><table bgcolor="#cccd94" border="0" width="400"><tbody><tr><td><center><!-- adsense --></center></td></tr></tbody></table></center><br /><br /><p>in the exact point you want to appear AdSense advertising.Now you are done.</p><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-3032597629112451069?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-55517750714415607592009-06-03T08:02:00.000-07:002009-06-03T08:04:16.153-07:00How To Remove AdSense Ads from the Homepage<p>This post explains how to hide Google Adsense Ads In Home Page And display them only Inside Post pages Alone.</p><p>If you want to hide Google Adsense Ads In Home Page ,follow the steps below.</p><p>1.Generate Parsed code for your adsense code because we cannot put adsense code directly in the xml.So parse it using <a href="http://blogcrowds.com/resources/parse_html.php">AdParser</a>.<br /><br />After parsing,your ad code Should look like this.</p><p><img style="cursor: pointer; width: 400px; height: 198px;" src="http://2.bp.blogspot.com/_-j7_-ccACuU/ShDzUWa-OGI/AAAAAAAAAQI/EKYMFuLttIs/s400/ads11.jpg" alt="" id="BLOGGER_PHOTO_ID_5337033089375680610" border="0" /><br />2.Log in to your dashboard--> layout- -> Edit HTML<br /></p><p>3.Click on "Expand Widget Templates"<br /><br />4.Scroll down to where you see this:</p><center><table bgcolor="#cccd94" border="0" width="400"><tbody><tr><td><center><data:post.body/></center></td></tr></tbody></table></center><p>5.Now Copy below code and paste it before the above line.</p><center><table bgcolor="#cccd94" border="0" width="400"><tbody><tr><td><center><b:if cond ="'data:blog.pageType"><br /><br /><!-- Your AdSense code here --><br /><br /></b:if><br /></center></td></tr></tbody></table></center><p><strong>Note :</strong> You must you must replace <span style="color: rgb(255, 0, 0);"><!-- Your AdSense code here --> </span>with <span style="color: rgb(255, 0, 0);">Your Adsense Parsed code</span>.</p>6.Now save your template and you are done.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-5551775071441560759?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-32581391012603465402009-06-02T06:02:00.000-07:002009-06-02T06:03:57.006-07:00Thisaway Blogger Templates<p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-j7_-ccACuU/Sf7JcTw1HNI/AAAAAAAAAHo/YDGy0LDkk4A/s1600-h/thisaway.jpg"><img style="cursor: pointer; width: 400px; height: 229px;" src="http://3.bp.blogspot.com/_-j7_-ccACuU/Sf7JcTw1HNI/AAAAAAAAAHo/YDGy0LDkk4A/s400/thisaway.jpg" alt="" id="BLOGGER_PHOTO_ID_5331920497031847122" border="0" /></a></p><p><strong><span style="color: rgb(255, 0, 0);">Download Here !!!</span></strong> <a href="http://www.ziddu.com/downloadlink/4599042/thisaway.zip">Thisaway Templates</a></p><strong>Template name:</strong> Thisaway<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-3258139101260346540?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-54887463242366471712009-06-02T05:49:00.000-07:002009-06-02T05:52:55.852-07:00<!-- google_ad_section_start --> <a href="http://bloggertipandtrick.blogspot.com/2009/05/how-to-create-text-area-with-select-all.html"> </a><div style="border-right: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); padding: 6px 0pt 6px 5px; background: rgb(234, 233, 233) none repeat scroll 0% 0%; margin-bottom: 2px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(64, 106, 14);"> <a href="http://blogrtemplates.blogspot.com/2009/06/how-to-create-text-area-with-select-all.html">How To Create Text Area with Select All</a></div> <a href="http://bloggertipandtrick.blogspot.com/2009/05/how-to-add-javascript-welcome-popup-box.html"> </a><div style="border-right: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); padding: 6px 0pt 6px 5px; background: rgb(234, 233, 233) none repeat scroll 0% 0%; margin-bottom: 2px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(64, 106, 14);"> <a href="http://blogrtemplates.blogspot.com/2009/06/how-to-add-javascript-welcome-popup-box.html">How To Add a Javascript Welcome Popup Box to blogger</a></div> <a href="http://bloggertipandtrick.blogspot.com/2009/05/how-to-create-snapshots-for-blogger.html"> </a><div style="border-right: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); padding: 6px 0pt 6px 5px; background: rgb(234, 233, 233) none repeat scroll 0% 0%; margin-bottom: 2px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(64, 106, 14);"> <a href="http://blogrtemplates.blogspot.com/2009/06/how-to-create-snapshots-for-blogger.html">How To Create SnapShots for blogger</a></div> <a href="http://bloggertipandtrick.blogspot.com/2009/05/how-to-disable-highlight-text-on.html"> </a><div style="border-right: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); padding: 6px 0pt 6px 5px; background: rgb(234, 233, 233) none repeat scroll 0% 0%; margin-bottom: 2px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(64, 106, 14);"> <a href="http://blogrtemplates.blogspot.com/2009/06/how-to-disable-highlight-text-on.html">How To Disable Highlight Text on blogger blog</a></div> <a href="http://bloggertipandtrick.blogspot.com/2009/05/how-to-disable-right-click-on-blogger.html"> </a><div style="border-right: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); padding: 6px 0pt 6px 5px; background: rgb(234, 233, 233) none repeat scroll 0% 0%; margin-bottom: 2px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(64, 106, 14);"> <a href="http://blogrtemplates.blogspot.com/2009/06/how-to-disable-right-click-on-blogger.html">How To Disable Right Click on blogger blog</a></div> <a href="http://bloggertipandtrick.blogspot.com/2009/05/how-to-add-fadein-and-fadeout-effect-to.html"> </a><div style="border-right: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); padding: 6px 0pt 6px 5px; background: rgb(234, 233, 233) none repeat scroll 0% 0%; margin-bottom: 2px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(64, 106, 14);"> <a href="http://blogrtemplates.blogspot.com/2009/06/how-to-add-fadein-and-fadeout-effect-to.html">How To Add FadeIn and FadeOut Effect to Blogger</a></div> <a href="http://bloggertipandtrick.blogspot.com/2009/05/how-to-add-slide-up-and-slide-down.html"> </a><div style="border-right: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); padding: 6px 0pt 6px 5px; background: rgb(234, 233, 233) none repeat scroll 0% 0%; margin-bottom: 2px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(64, 106, 14);"> <a href="http://blogrtemplates.blogspot.com/2009/06/how-to-add-slide-up-and-slide-down.html">How To Add Slide up and Slide down Effect to Blogger</a></div> <a href="http://bloggertipandtrick.blogspot.com/2009/05/how-to-add-hide-and-show-effect-to.html"> </a><div style="border-right: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); padding: 6px 0pt 6px 5px; background: rgb(234, 233, 233) none repeat scroll 0% 0%; margin-bottom: 2px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(64, 106, 14);"> <a href="http://blogrtemplates.blogspot.com/2009/06/how-to-add-hide-and-show-effect-to.html">How To Add Hide and Show Effect to Blogger</a></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-5488746324236647171?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-71860999356009848382009-06-02T05:47:00.003-07:002009-06-02T05:47:57.836-07:00How To Add Hide and Show Effect to Blogger<p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-j7_-ccACuU/Sg7oZKZ7aII/AAAAAAAAAPw/6qSS2HGbB8o/s1600-h/showhide00.jpg"><img style="cursor: pointer; width: 400px; height: 119px;" src="http://4.bp.blogspot.com/_-j7_-ccACuU/Sg7oZKZ7aII/AAAAAAAAAPw/6qSS2HGbB8o/s400/showhide00.jpg" alt="" id="BLOGGER_PHOTO_ID_5336458127468095618" border="0" /></a><br /></p><p>If you want to add hide and show effect to your blog, follow the steps below.</p><p>1.Log in to your dashboard--> layout- ->Page Elements<br /><br />2.Click on 'Add a Gadget' on the sidebar.<br /><br />3.Select 'HTML/Javascript' and add the javascript code given below and click save.</p><center><table bgcolor="#cccd94" border="0" width="400"><tbody><tr><td><center><script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script><br /><script type="text/javascript"><br />$(document).ready(function(){<br /> $('#butShowHide').click(function()<br /> {<br /> $('#pShowHide').toggle();<br /> });<br />});<br /></script><br /><p id="pShowHide" style="display:none">Insert Your Content Here</p><br /><button id="butShowHide">Show/Hide</button><br /></center></td></tr></tbody></table></center><br /><br /><p><strong>Note :</strong> Remember to replace 'Insert Your Content Here' with your real content.</p><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-7186099935600984838?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-12098337734584047032009-06-02T05:47:00.001-07:002009-06-02T05:47:26.910-07:00How To Add Slide up and Slide down Effect to Blogger<p>Follow the easy steps below to add Slide up and Slide down Effect to your blog.</p><p>1.Log in to your dashboard--> layout- ->Page Elements<br /></p>2.Click on Add a Gadget on the sidebar.<br /><p>3.Select HTML/Javascript and add the javascript code given below and click save.</p><center><table bgcolor="#cccd94" border="0" width="400"><tbody><tr><td><center><script type="text/javascript"><br /> $(document).ready(function(){<br /> $('#butSlide').click(function () {<br /> $('#divSlide').slideToggle("slow");<br /> });<br /> });<br /></script><br /><br /><button id="butSlide">Slide up/down</button><br /><br /><br /><div style="width:350px;height:80px; border: solid 1px black;background-color:LightGrey;text-align:center;" id="divSlide">Insert your content here</div><br /></center></td></tr></tbody></table></center><p><strong>Note :</strong> Remember to replace '<span style="color: rgb(255, 0, 0);">Insert Your Content Here</span>' with your real content.</p> You can change the value of height,width,background color,.....<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-1209833773458404703?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-53276441933620953812009-06-02T05:46:00.001-07:002009-06-02T05:46:58.389-07:00How To Add FadeIn and FadeOut Effect to Blogger<p>If you want to add FadeIn and FadeOut effect to your blog, follow the steps below.<br /><br />1.Log in to your dashboard--> layout- ->Page Elements<br /><br />2.Click on 'Add a Gadget' on the sidebar.<br /></p><p>3.Select 'HTML/Javascript' and add the javascript code given below and click save.</p><center><table bgcolor="#cccd94" border="0" width="400"><tbody><tr><td><center><script type="text/javascript"><br /> $(document).ready(function(){<br /> $("#butFadeOut").click(function () {<br /> $("#pFadeInOut").fadeOut(3000);<br /> });<br /> <br /> $("#butFadeIn").click(function () {<br /> $("#pFadeInOut").fadeIn(3000);<br /> });<br /> });<br /></script><br /><br /><button id="butFadeOut">Fade Out</button> <button id="butFadeIn">Fade In</button><br /><br /><br /><p id="pFadeInOut">Insert Your Content Here</p><br /></center></td></tr></tbody></table></center><p><strong>Note :</strong> Remember to replace '<span style="color: rgb(255, 0, 0);">Insert Your Content Here</span>' with your real content.</p><p><br /></p><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-5327644193362095381?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-66623884953125755542009-06-02T05:45:00.002-07:002009-06-02T05:46:27.558-07:00How To Disable Right Click on blogger blog<p>1.Log in to your dashboard--> layout- ->Page Elements<br /></p><p>2.Click on '<span style="color: rgb(51, 51, 255);">Add a Gadget</span>' on the sidebar.<br /></p><p>3.Select '<span style="color: rgb(255, 0, 0);">HTML/Javascript</span>' and add the code given below and click save.</p><center><table bgcolor="#cccd94" border="0" width="400"><tbody><tr><td><script language="JavaScript"><br /><!--<br /><br />//Disable right click script III- By Renigade (renigade@mediaone.net)<br />//For full source code, visit http://www.dynamicdrive.com<br /><br />var message="";<br />///////////////////////////////////<br />function clickIE() {if (document.all) {(message);return false;}}<br />function clickNS(e) {if<br />(document.layers||(document.getElementById&amp;&amp;!document.all)) {<br />if (e.which==2||e.which==3) {(message);return false;}}}<br />if (document.layers)<br />{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}<br />else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}<br /><br />document.oncontextmenu=new Function("return false")<br />// --><br /></script><br /></td></tr></tbody></table></center><p>Now everybody can not use right click on your blog.</p><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-6662388495312575554?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-34669632511667029912009-06-02T05:45:00.001-07:002009-06-02T05:45:44.988-07:00How To Disable Highlight Text on blogger blog<p>1.Log in to your dashboard--> layout- ->Page Elements<br /></p><p>2.Click on '<span style="color: rgb(51, 51, 255);">Add a Gadget</span>' on the sidebar.<br /></p><p>3.Select '<span style="color: rgb(255, 0, 0);">HTML/Javascript</span>' and add the code given below and click save.</p><center><table bgcolor="#cccd94" border="0" width="450"><tbody><tr><td><script type="text/javascript"><br /><br />/***********************************************<br />* Disable select-text script- © Dynamic Drive (www.dynamicdrive.com)<br />* This notice MUST stay intact for legal use<br />* Visit http://www.dynamicdrive.com/ for full source code<br />***********************************************/<br /><br />//form tags to omit in NS6+:<br />var omitformtags=["input", "textarea", "select"]<br /><br />omitformtags=omitformtags.join("|")<br /><br />function disableselect(e){<br />if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)<br />return false<br />}<br /><br />function reEnable(){<br />return true<br />}<br /><br />if (typeof document.onselectstart!="undefined")<br />document.onselectstart=new Function ("return false")<br />else{<br />document.onmousedown=disableselect<br />document.onmouseup=reEnable<br />}<br /><br /></script><br /></td></tr></tbody></table></center><p>Now you are done.<br /></p><p><br /></p><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-3466963251166702991?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-4022110328950335372009-06-02T05:43:00.000-07:002009-06-02T05:48:54.202-07:00How To Create SnapShots for blogger<p>This allows web users to <span style="color: rgb(51, 51, 255);">preview</span> a website before visiting it. When hover your mouse over the link you can see a preview of website without visiting it. <br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-j7_-ccACuU/ShPiXjqprcI/AAAAAAAAATA/EwW7f3O5O3g/s1600-h/snapshot11.png"><img style="cursor: pointer; width: 400px; height: 235px;" src="http://1.bp.blogspot.com/_-j7_-ccACuU/ShPiXjqprcI/AAAAAAAAATA/EwW7f3O5O3g/s400/snapshot11.png" alt="" id="BLOGGER_PHOTO_ID_5337858877703171522" border="0" /></a> <br />1.Log in to your dashboard--> layout- -> Edit HTML <br /> <br />2.Scroll down to where you see this:</p><center><table bgcolor="#cccd94" border="0" width="400"><tbody><tr><td><center></center> <br /></td></tr></tbody></table></center><p>3.Now copy below code and paste it <span style="color: rgb(51, 51, 255);">before</span> above code.</p><center><table bgcolor="#cccd94" border="0" width="400"><tbody><tr><td><center><script language="javascript" src="http://thumbnails.iwebtool.com/src.js?border=%3Cspan%20style=">004891</span>" type="text/javascript"></script></center> <br /></td></tr></tbody></table></center><p><strong>Note :</strong> <span style="color: rgb(255, 0, 0);">red code </span><span style="color: rgb(0, 0, 0);">is</span><span style="color: rgb(255, 0, 0);"> </span><span style="color: rgb(0, 0, 0);">a HEX color code.You can change it if you like.</span></p>4.Now save your template and you are done.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-402211032895033537?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-81061436235904100562009-06-02T05:42:00.000-07:002009-06-02T05:43:03.187-07:00How To Add a Javascript Welcome Popup Box to blogger<p>1.Log in to your dashboard--> layout- -> Edit HTML <br /> <br />2.Scroll down to where you see </head> tag. <br /></p><p>3.Now copy below code and paste it <span style="color: rgb(51, 51, 255);">right above</span> <strong><span style="color: rgb(255, 0, 0);"></head></span></strong> tag.</p><center><table bgcolor="#cccd94" border="0" width="400"><tbody><tr><td><center><script> function MYALERT() { <br />alert("WELLCOME MESSAGE"); } MYALERT() <br /></script> <br /></center></td></tr></tbody></table></center><p><strong>Note :</strong> Remember to <span style="color: rgb(51, 51, 255);">replace</span> <span style="color: rgb(255, 0, 0);">WELLCOME MESSAGE</span> with your real wellcome message.</p><p>Look at the example below;<!-- adsense --></p><p><img style="cursor: pointer; width: 400px; height: 156px;" src="http://2.bp.blogspot.com/_-j7_-ccACuU/Shy5gB5vW0I/AAAAAAAAAXA/lfuKaQa1RkI/s400/popup222.png" alt="" id="BLOGGER_PHOTO_ID_5340347218072132418" border="0" /></p><p>your wellcome message will look like this.</p><p><img style="cursor: pointer; width: 400px; height: 160px;" src="http://3.bp.blogspot.com/_-j7_-ccACuU/Shy5kfETPEI/AAAAAAAAAXI/xylmqdEGr6A/s400/popup33.png" alt="" id="BLOGGER_PHOTO_ID_5340347294620531778" border="0" /> <br /> <br /></p><p>4.Now save your template and you are done.</p> <script src="http://js-kit.com/rating-data.js?ref=http%3A%2F%2Fbloggertipandtrick.blogspot.com%2F2009%2F05%2Fhow-to-add-javascript-welcome-popup-box.html&amp;p%5B0%5D=%2F2009%2F05%2Fhow-to-add-javascript-welcome-popup-box.html&amp;jx%5B0%5D=0"></script><table class="js-ratings-tableWrapper" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td><div style="width: 105px;" class="js-ratingWrapper"><div style="float: left;"><div class="js-rating-labelText">Unrated</div></div></div></td></tr></tbody></table><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-8106143623590410056?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-61945822044673341082009-06-02T05:38:00.000-07:002009-06-02T05:41:37.398-07:00How To Create Text Area with Select All<p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-j7_-ccACuU/SiJJAhEnDRI/AAAAAAAAAYo/eF5n2gP6Uzg/s1600-h/text11.png"><img style="cursor: pointer; width: 259px; height: 261px;" src="http://2.bp.blogspot.com/_-j7_-ccACuU/SiJJAhEnDRI/AAAAAAAAAYo/eF5n2gP6Uzg/s400/text11.png" alt="" id="BLOGGER_PHOTO_ID_5341912381241363730" border="0" /></a><br /></p><p>1.Log in to your dashboard--> layout- -> Edit HTML<br /></p>2.Scroll down to where you see tag.<br /><p>3.Now add below code <span style="color: rgb(51, 51, 255);">before</span> <span style="color: rgb(255, 0, 0);"></span> tag.</p><center><table bgcolor="#cccd94" border="0" width="400"><tbody><tr><td><center><script type="text/javascript"><br /><br />function selectAll()<br />{<br />document.form1.demo.focus();<br />document.form1.demo.select();<br />}<br /><br /></script><br /></center></td></tr></tbody></table></center><p>4.Save your template.</p><p>5.Go to layout-->Page Elements.</p><p>6.Click on 'Add a Gadget' on the sidebar.<br /><br />7.Select 'HTML/Javascript' and add the code given below and click save.</p><center><table bgcolor="#cccd94" border="0" width="400"><tbody><tr><td><center><form name="form1"><br /><textarea cols="25" rows="10" name="demo"><br /><br />INSERT YOUR CONTENT HERE<br /><br /></textarea><br /><input name="selectit" value="Select All" onclick="selectAll ();" type="button"><br /></form><br /></center></td></tr></tbody></table></center><p><strong>Note :</strong> Remember to replace <span style="color: rgb(255, 0, 0);">INSERT YOUR CONTENT HERE</span> with your real content.</p><p>Now you are done.</p><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-6194582204467334108?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-79259397420052049452009-06-02T05:32:00.000-07:002009-06-02T05:33:50.876-07:00Ads Theme Blogger Template<p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-j7_-ccACuU/Sf-u2N9re0I/AAAAAAAAALY/lX_YzqPR7MM/s1600-h/ads-theme-blogger-med.jpg"><img style="cursor: pointer; width: 400px; height: 300px;" src="http://1.bp.blogspot.com/_-j7_-ccACuU/Sf-u2N9re0I/AAAAAAAAALY/lX_YzqPR7MM/s400/ads-theme-blogger-med.jpg" alt="" id="BLOGGER_PHOTO_ID_5332172730314488642" border="0" /></a><br /></p>Template name:Ads Theme<br />http://www.ziddu.com/downloadlink/4585241/ads-theme-blogger.zip<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-7925939742005204945?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-72709300998537415852009-06-02T05:31:00.000-07:002009-06-02T05:32:44.134-07:0025 Blogy Web 2.0 Blogger Template<p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-j7_-ccACuU/Sf-ylVShbXI/AAAAAAAAALo/JZkU7g3fh9E/s1600-h/blogy-web20-med.gif"><img style="cursor: pointer; width: 400px; height: 300px;" src="http://4.bp.blogspot.com/_-j7_-ccACuU/Sf-ylVShbXI/AAAAAAAAALo/JZkU7g3fh9E/s400/blogy-web20-med.gif" alt="" id="BLOGGER_PHOTO_ID_5332176838269693298" border="0" /></a><br /></p>Template name:Blogy Web 2।0<br /><strong><span style="color: rgb(255, 0, 0);">Download Here !!!</span></strong> <a href="http://www.ziddu.com/downloadlink/4585236/blogy-20-blogger.zip">Blogy Web 2.0 Template</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-7270930099853741585?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-61382912398361775132009-06-02T05:30:00.000-07:002009-06-02T05:31:35.266-07:00Minyx Blogger Template<p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-j7_-ccACuU/Sf-z9zJJgzI/AAAAAAAAALw/hfPxHzpKtK8/s1600-h/minyx-blogger-med.jpg"><img style="cursor: pointer; width: 400px; height: 300px;" src="http://2.bp.blogspot.com/_-j7_-ccACuU/Sf-z9zJJgzI/AAAAAAAAALw/hfPxHzpKtK8/s400/minyx-blogger-med.jpg" alt="" id="BLOGGER_PHOTO_ID_5332178358111929138" border="0" /></a><br /></p>Template name : Minyx<br /><br /><strong><span style="color: rgb(255, 0, 0);">Download Here !!! </span></strong> <a href="http://www.ziddu.com/downloadlink/4585242/minyx-2blogger.zip">Minyx Template</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-6138291239836177513?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-79099372688586860702009-05-31T23:41:00.000-07:002009-05-31T23:42:24.685-07:00Passionduo-blue Blogger Template<p><img style="cursor: pointer; width: 400px; height: 300px;" src="http://3.bp.blogspot.com/_-j7_-ccACuU/Sf-1YxYWpGI/AAAAAAAAAL4/x4-9aJsQXbY/s400/passionduo-blue-blogger-med.jpg" alt="" id="BLOGGER_PHOTO_ID_5332179921006928994" border="0" /><br /></p>Template name : Passionduo-blue<br /><strong><span style="color: rgb(255, 0, 0);">Download Here !!!</span></strong> <a href="http://www.ziddu.com/downloadlink/4585238/passionduo-blue-blogger.zip">Passionduo-blue Template</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-7909937268858686070?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-52663226050185511022009-05-31T23:40:00.000-07:002009-05-31T23:41:23.022-07:00Simpress-2 Blogger Template<p><img style="cursor: pointer; width: 400px; height: 300px;" src="http://4.bp.blogspot.com/_-j7_-ccACuU/Sf-2spkAuKI/AAAAAAAAAMA/x649vOIQ5xU/s400/simpress-med.gif" alt="" id="BLOGGER_PHOTO_ID_5332181362017351842" border="0" /><br /></p><strong><span style="color: rgb(255, 0, 0);">Download Here !!!</span></strong> <a href="http://www.ziddu.com/downloadlink/4585243/simpress20-blogger.zip">Simpress-2 Template</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-5266322605018551102?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-21214309592998654392009-05-31T23:39:00.000-07:002009-05-31T23:40:30.427-07:00WP-Polaroid Blogger Template<p><img style="cursor: pointer; width: 400px; height: 300px;" src="http://4.bp.blogspot.com/_-j7_-ccACuU/Sf-37BK2nWI/AAAAAAAAAMI/VAGNF7KpRog/s400/wp-polaroid-blogger-med.jpg" alt="" id="BLOGGER_PHOTO_ID_5332182708384079202" border="0" /><br /></p><strong><span style="color: rgb(255, 0, 0);">Download Here !!!</span></strong> <a href="http://www.ziddu.com/downloadlink/4585239/wp-polaroid-blogger.zip">WP-Polaroid Template</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-2121430959299865439?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-74349679165857600312009-04-24T06:05:00.001-07:002009-04-24T06:05:58.320-07:00Flower Garden 3c<div class="macro"> <a href="http://flowergarden3c.blogspot.com/" title="Flower Garden 3c"> <img src="http://btemplates.com/wp-content/uploads/2009/04/flowergarden3c.jpg" alt="preview" width="500" height="285" /></a><br /><a id="download_link" href="http://btemplates.com/download/1002/" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('img1','','images/download_over.gif',0)"><br /> <img src="http://www.imtoo.com/images/download_nor.gif" alt="Free Download ImTOO DVD to iPod Converter" name="img1" border="0" width="160" height="27" /></a><br /> </div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-7434967916585760031?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-52114766257212546792009-04-24T06:03:00.000-07:002009-04-24T06:04:45.140-07:00Black Nero<div class="macro"> <a href="http://blacknero-btemplates.blogspot.com/" title="Black Nero"> <img src="http://btemplates.com/wp-content/uploads/2009/04/blacknero.jpg" alt="preview" width="500" height="285" /></a><br /><br /><a id="download_link" href="http://btemplates.com/download/1004/" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('img1','','images/download_over.gif',0)"> <img src="http://www.imtoo.com/images/download_nor.gif" alt="Free Download ImTOO DVD to iPod Converter" name="img1" border="0" width="160" height="27" /></a><br /> </div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-5211476625721254679?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-21659030136028687082009-04-24T06:02:00.000-07:002009-04-24T06:03:35.443-07:00Bizmax<div class="macro"> <a href="http://bizmax-btemplates.blogspot.com/" title="Bizmax"> <img src="http://btemplates.com/wp-content/uploads/2009/04/bizmax.jpg" alt="preview" width="500" height="285" /></a><br /><a id="download_link" href="http://btemplates.com/download/1008/" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('img1','','images/download_over.gif',0)"><br /> <img src="http://www.imtoo.com/images/download_nor.gif" alt="Free Download ImTOO DVD to iPod Converter" name="img1" border="0" width="160" height="27" /></a><br /><br /> </div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-2165903013602868708?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-41424694744468375132009-04-24T06:00:00.000-07:002009-04-24T06:02:25.742-07:00Magasin Cuatro<div class="macro"> <a href="http://magasincuatro-btemplates.blogspot.com/" title="Magasin Cuatro"> <img src="http://btemplates.com/wp-content/uploads/2009/04/magasincuatro.jpg" alt="preview" width="500" height="285" /></a><br /><a id="download_link" href="http://btemplates.com/download/1009/" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('img1','','images/download_over.gif',0)"><br /> <img src="http://www.imtoo.com/images/download_nor.gif" alt="Free Download ImTOO DVD to iPod Converter" name="img1" border="0" width="160" height="27" /></a><br /><br /> </div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-4142469474446837513?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-52018419897209640572009-04-17T07:42:00.000-07:002009-04-17T07:45:59.351-07:00Dark Mistry<div class="macro"> <img src="http://btemplates.com/wp-content/uploads/2009/04/darkmistry.jpg" alt="preview" width="500" height="285" /><br /><br /> <a id="download_link" href="http://btemplates.com/download/993/" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('img1','','images/download_over.gif',0)"> <img src="http://www.imtoo.com/images/download_nor.gif" alt="Free Download ImTOO DVD to iPod Converter" name="img1" border="0" width="160" height="27" /></a> </div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-5201841989720964057?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-42012514066836120672009-04-17T07:38:00.000-07:002009-04-17T07:46:54.325-07:00Mimoozha<div class="macro"> <img src="http://btemplates.com/wp-content/uploads/2009/04/mimoozha.jpg" alt="preview" width="500" height="285" /><br /><br /> <a id="download_link" href="http://btemplates.com/download/996/" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('img1','','images/download_over.gif',0)"><img src="http://www.imtoo.com/images/download_nor.gif" alt="Free Download iPod Computer Transfer" name="img1" border="0" width="160" height="27" /></a><br /><br /> </div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-4201251406683612067?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0tag:blogger.com,1999:blog-529975672224930247.post-11413077067784154402009-03-14T02:04:00.001-07:002009-03-14T02:04:37.048-07:00Jeans<a title="Preview" rel="nofollow" href="http://jeans3c-btemplates.blogspot.com/" onclick="window.open(this.href, 'exemple', 'toolbar=no, menubar=yes, location=no, resizable=yes, scrollbars=no, status=no'); return false;"><img style="border: 1px solid rgb(170, 170, 170);" src="http://1.bp.blogspot.com/_AOJK6bFFsUI/R-rYt7I19rI/AAAAAAAAW2Q/pR8UlMk1HxE/s400/Image+1.jpg" alt="" /></a><br />» <span style="font-weight: bold;"><a href="http://docs.google.com/View?docID=ac5m4dxmjw6b_270c5f637f7&amp;hgd=1">Download this template</a></span> «<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/529975672224930247-1141307706778415440?l=blogrtemplates.blogspot.com' alt='' /></div>luckyhttp://www.blogger.com/profile/08067686908072489738noreply@blogger.com0