<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:openSearch="http://a9.com/-/spec/opensearch/1.1/" xmlns:georss="http://www.georss.org/georss" xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr="http://purl.org/syndication/thread/1.0" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:creativeCommons="http://backend.userland.com/creativeCommonsRssModule" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0"><channel><atom:id>tag:blogger.com,1999:blog-4015155777717502209</atom:id><lastBuildDate>Thu, 05 Jan 2012 06:35:48 +0000</lastBuildDate><category>mobile</category><category>Adsense Help</category><category>blackberry</category><category>ocean template</category><category>3 column Blogger Templates</category><category>transparent template</category><category>Javascript Magic</category><category>devnagari</category><category>blogger hacks</category><category>Music and MP3</category><category>Blue</category><category>flowers</category><category>Miscellaneous</category><category>blogger template</category><category>Cool Tricks</category><title>Welcome to Beehacker !!</title><description>Tricks to customize Blogger</description><link>http://beehacker.blogspot.com/</link><managingEditor>noreply@blogger.com (Expectedmiracle)</managingEditor><generator>Blogger</generator><openSearch:totalResults>21</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/beehacker" /><feedburner:info uri="beehacker" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><thespringbox:skin xmlns:thespringbox="http://www.thespringbox.com/dtds/thespringbox-1.0.dtd">http://feeds.feedburner.com/beehacker?format=skin</thespringbox:skin><geo:lat>38.806163</geo:lat><geo:long>-77.051398</geo:long><creativeCommons:license>http://creativecommons.org/licenses/by/2.0/</creativeCommons:license><feedburner:emailServiceId>beehacker</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><feedburner:browserFriendly>Subscribe to my blog</feedburner:browserFriendly><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4015155777717502209.post-5921174857416824443</guid><pubDate>Fri, 26 Nov 2010 01:20:00 +0000</pubDate><atom:updated>2010-11-25T22:23:36.073-05:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">mobile</category><category domain="http://www.blogger.com/atom/ns#">devnagari</category><category domain="http://www.blogger.com/atom/ns#">blackberry</category><title>How to view Devnagari website in blackberry</title><description>&lt;span style="background-color: red;"&gt;&lt;span style="background-color: white;"&gt;&lt;span style="color: red;"&gt;&lt;strong&gt;Method #1&amp;nbsp; method works with following languages:&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="background-color: red;"&gt;&lt;span style="background-color: white;"&gt;&lt;span style="color: red;"&gt;&lt;strong&gt;Bengali, Greek, Gujarati, Hindi, Kannada, Malayalam, Marathi, Nepali, Persian, Punjabi, Russian, Sanskrit, Serbian, Tamil, Telugu, Urdu&amp;nbsp;&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style="background-color: red;"&gt;&lt;span style="background-color: white;"&gt;&lt;span style="color: red;"&gt;&lt;strong&gt;Method# 2 works with most of the languages&amp;nbsp;&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
There is a neat way to read websites which are in Devnagari such as Nepali or Hindi languages directly from your mobile browsers such as blackberry without installing any font in your device. There are two ways for this.&lt;br /&gt;
&lt;b&gt;Please note that in both of these methods, it is best to use the BOLT browser for blackberry. To download BOLT browser, please visit &lt;i&gt;&lt;a href="http://boltbrowser.com/boltbb.jad"&gt;http://boltbrowser.com/boltbb.jad&lt;/a&gt;&lt;/i&gt; from your default blackberry browser.&lt;/b&gt;&lt;br /&gt;
&lt;span&gt;&lt;/span&gt;&lt;br /&gt;
Below is the website where none of the words written in Devnagari font is visible in our blackberry mobile browser &lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/_-92RYKVjuXg/TO8KN6XITxI/AAAAAAAAAWk/mpnnoidjkoI/s1600/vScreenshot_1290733748109.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://1.bp.blogspot.com/_-92RYKVjuXg/TO8KN6XITxI/AAAAAAAAAWk/mpnnoidjkoI/s1600/vScreenshot_1290733748109.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;b&gt;1. Google Script converter : &lt;/b&gt;This is a very easy way to view the devnagari script from your mobile browser. Just open the browser in your blackberry and go to &lt;i&gt;&lt;a href="http://scriptconv.googlelabs.com/"&gt;http://scriptconv.googlelabs.com&lt;/a&gt; &lt;/i&gt;and enter the website address that you want to convert as shown in the screenshot below and then click &lt;b&gt;convert&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/_-92RYKVjuXg/TO8GkBHmv8I/AAAAAAAAAWc/mINpD3Qtrdw/s1600/vScreenshot_1290729727389.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/_-92RYKVjuXg/TO8GkBHmv8I/AAAAAAAAAWc/mINpD3Qtrdw/s1600/vScreenshot_1290729727389.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&amp;nbsp;The requested webpage is now converted as shown below where we can view the devnagari script converted into english.&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/_-92RYKVjuXg/TO8KOvzc45I/AAAAAAAAAWo/8U5YWHbmsSA/s1600/vScreenshot_1290733856785.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/_-92RYKVjuXg/TO8KOvzc45I/AAAAAAAAAWo/8U5YWHbmsSA/s1600/vScreenshot_1290733856785.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://4.bp.blogspot.com/_-92RYKVjuXg/TO8GkSfH0AI/AAAAAAAAAWg/g4zk8ASFBc0/s1600/vScreenshot_1290730123458.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;br /&gt;
&lt;/a&gt;&lt;b&gt;2. View webpage as PDF:&lt;/b&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;&lt;b&gt;2. Convert webpage into PDF:&lt;/b&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;&lt;b&gt;&amp;nbsp;&lt;/b&gt;In this method, you need to convert the webpage into PDF and download it into your blackberry device.&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;Go to &lt;i&gt;&lt;a href="http://www.pdfmyurl.com/"&gt;http://www.pdfmyurl.com&lt;/a&gt; &lt;/i&gt;from  your blackberry mobile device and enter the webpage address that you  want to convert.Then save the webpage as PDF in your blackberry folder.&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/_-92RYKVjuXg/TO8ip5c1yfI/AAAAAAAAAWw/ojVP4fzyPP4/s1600/vScreenshot_1290735179246.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/_-92RYKVjuXg/TO8ip5c1yfI/AAAAAAAAAWw/ojVP4fzyPP4/s1600/vScreenshot_1290735179246.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;Now go to the online PDF viewer from your blackberry browser by typing &lt;i&gt;&lt;a href="http://view.samurajdata.se/"&gt;http://view.samurajdata.se&lt;/a&gt; &lt;/i&gt;and upload the document from your blackberry as shown below&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/_-92RYKVjuXg/TO8isQm2byI/AAAAAAAAAW0/jsct54Bw7sI/s1600/vScreenshot_1290735898649.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/_-92RYKVjuXg/TO8isQm2byI/AAAAAAAAAW0/jsct54Bw7sI/s1600/vScreenshot_1290735898649.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;Within moments, you can view the pdf in your blackberry browser as shown below:&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/_-92RYKVjuXg/TO8ihaz03oI/AAAAAAAAAWs/pjz3bu8-6Q8/s1600/vScreenshot_1290739475087.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://3.bp.blogspot.com/_-92RYKVjuXg/TO8ihaz03oI/AAAAAAAAAWs/pjz3bu8-6Q8/s1600/vScreenshot_1290739475087.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;This method may work for iphone and android phones, but I have not tested on those phones. If anybody could get these to work for other phones, please let us know through comments.&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/_-92RYKVjuXg/TO8GkSfH0AI/AAAAAAAAAWg/g4zk8ASFBc0/s1600/vScreenshot_1290730123458.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;br /&gt;
&lt;/a&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4015155777717502209-5921174857416824443?l=beehacker.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/beehacker/~4/JBAU0JZIbkM" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/beehacker/~3/JBAU0JZIbkM/how-to-view-devnagari-website-in.html</link><author>noreply@blogger.com (Expectedmiracle)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/_-92RYKVjuXg/TO8KN6XITxI/AAAAAAAAAWk/mpnnoidjkoI/s72-c/vScreenshot_1290733748109.jpg" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://beehacker.blogspot.com/2010/11/how-to-view-devnagari-website-in.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4015155777717502209.post-3544467075370869734</guid><pubDate>Fri, 02 Jul 2010 23:11:00 +0000</pubDate><atom:updated>2010-07-03T18:22:59.734-04:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">transparent template</category><category domain="http://www.blogger.com/atom/ns#">blogger template</category><title>World Cup 2010 Template</title><description>Here is the release of worldcup 2010 Template. You are free to use this template but do not remove the link to my page. This template can be modified using the new template designer, if you want to change the font colors. Please view the demo to see this template in action.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/_-92RYKVjuXg/TC-4DvXEnhI/AAAAAAAAARQ/DNOPK0VKPXQ/s1600/sample.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="640" src="http://2.bp.blogspot.com/_-92RYKVjuXg/TC-4DvXEnhI/AAAAAAAAARQ/DNOPK0VKPXQ/s640/sample.jpg" width="472" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;b&gt;Installation Guide:&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;ol&gt;&lt;li&gt;Save your original template.&lt;/li&gt;
&lt;li&gt;Download the 'world cup 2010 template' from the link provided below.&lt;/li&gt;
&lt;li&gt;Go to Design &amp;gt; Edit Html and click Browse and upload the 'worldcupTemplate.xml' file from your computer.&lt;/li&gt;
&lt;li&gt;When the warning appears, click KEEP WIDGETS&lt;br /&gt;
&lt;br /&gt;
&lt;/li&gt;
&lt;li&gt;Download the header image from &lt;a href="http://sites.google.com/site/worldcuptheme/worldcupheader.jpg"&gt;here&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Go to Design &amp;gt; Page Elements and Edit header element.&lt;/li&gt;
&lt;li&gt;Follow the steps as shown below to choose the header image saved on your computer.&lt;/li&gt;
&lt;/ol&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/_-92RYKVjuXg/TC5vb5rZCgI/AAAAAAAAARM/OqbvPHfPkDc/s1600/configureHeader.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="400" src="http://4.bp.blogspot.com/_-92RYKVjuXg/TC5vb5rZCgI/AAAAAAAAARM/OqbvPHfPkDc/s400/configureHeader.JPG" width="366" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
8.Your blog has got a new template now.&lt;br /&gt;
&lt;div class="download-counter"&gt;&lt;a href="http://worldcuptemplate.blogspot.com/"&gt;Demo&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://dstats.net/download/http://sites.google.com/site/worldcuptheme/worldcupTemplate.xml"&gt;Download&lt;/a&gt;&lt;br /&gt;
&lt;script src="http://dstats.net/dstatsjs.php?file=http://sites.google.com/site/worldcuptheme/worldcupTemplate.xml" type="text/javascript"&gt;
&lt;/script&gt;&lt;br /&gt;
&lt;script type="text/javascript"&gt;
document.write(dsCounter);
&lt;/script&gt; Downloads&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4015155777717502209-3544467075370869734?l=beehacker.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/beehacker/~4/XKVtdyhZkaE" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/beehacker/~3/XKVtdyhZkaE/world-cup-2010-template.html</link><author>noreply@blogger.com (Expectedmiracle)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/_-92RYKVjuXg/TC-4DvXEnhI/AAAAAAAAARQ/DNOPK0VKPXQ/s72-c/sample.jpg" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://beehacker.blogspot.com/2010/07/world-cup-2010-template.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4015155777717502209.post-8093589149463311048</guid><pubDate>Sat, 26 Jun 2010 17:22:00 +0000</pubDate><atom:updated>2010-06-26T14:10:34.526-04:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Javascript Magic</category><category domain="http://www.blogger.com/atom/ns#">Cool Tricks</category><category domain="http://www.blogger.com/atom/ns#">Music and MP3</category><title>Create Music blog for free: Easy way</title><description>Creating music blog without paying a penny had never been easier.&lt;br /&gt;There are three methods to create a music blog.&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;1. Yahoo Music Player:&lt;/span&gt;Just insert the following code  just before the &amp;lt;body&gt; tag in your webpage.&lt;br /&gt;&amp;lt;script src='http://mediaplayer.yahoo.com/js' type='text/javascript'/&gt;&lt;br /&gt;&lt;br /&gt;A play button will be added before your links to mp3 files (eg. &lt;span style="font-style: italic;"&gt;http://yoursite.com/song.mp3&lt;/span&gt;). Moreover, when a user clicks any of these buttons, a flash-player will pop-up and all the mp3 files will be available in a playlist. This flash player is visible at the bottom of the browser even when the users scroll the page. Moreover, user can open the player in a new brow&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-92RYKVjuXg/TCY6LqSq8RI/AAAAAAAAAPg/PKNp6MM3zAM/s1600/ymPlayer.JPG"&gt;&lt;img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 186px;" src="http://1.bp.blogspot.com/_-92RYKVjuXg/TCY6LqSq8RI/AAAAAAAAAPg/PKNp6MM3zAM/s400/ymPlayer.JPG" alt="" id="BLOGGER_PHOTO_ID_5487137168003100946" border="0" /&gt;&lt;/a&gt;ser as well. Please see the picture to see Yahoo music player in action.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;2. Delicious Playtagger:&lt;/span&gt;&lt;br /&gt;To make single Mp3 files playable use this method. The disadvantage of this method is you cannot play the songs in the playlist. Just  insert the following code  just before the &amp;lt;body&gt; tag in your  webpage.&lt;br /&gt;&lt;span style="font-size:100%;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;span style="font-size:100%;"&gt;script  src='http://images.del.icio.us/static/js/playtagger.js'  type='text/javascript'/&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-weight: bold;"&gt;3.Opera Unite:&lt;br /&gt;&lt;/span&gt;You can get opera unite when you download the &lt;a href="http://www.opera.com/download/"&gt;opera browser&lt;/a&gt;&lt;br /&gt;Opera unite can be used to convert your computer to a web-server easily and its free as well.  After you download the opera browser, you can use the web-server option found on the side of the opera browser window. Just click the settings button and get your domain name. After that you can use the "Media Player" option to share the music from your computer without even uploading it to the web.&lt;br /&gt;&lt;span style="font-size:85%;"&gt;&lt;span style="font-size:100%;"&gt;&lt;a onblur="try  {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-92RYKVjuXg/TCZAOPEMaUI/AAAAAAAAAPo/SnPcHLtXGow/s1600/operaUnite.JPG"&gt;&lt;img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 304px; height: 400px;" src="http://1.bp.blogspot.com/_-92RYKVjuXg/TCZAOPEMaUI/AAAAAAAAAPo/SnPcHLtXGow/s400/operaUnite.JPG" alt="" id="BLOGGER_PHOTO_ID_5487143809303996738" border="0" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;You just need to specify the folder in your computer from where the opera media player fetches the mp3 files and automatically provides you with a webpage. You can place the link to this webpage in your blog. When the user clicks this link, they can play the music files in the form of a playlist. Users don't need opera browser to play the songs. It works with all other browsers.&lt;br /&gt;&lt;br /&gt;The disadvantage of this method is that your computer needs to be open for the users to play the music. Whenever your computer is shut down, your music player goes offline and users cannot access it. Comments and suggestions will be appreciated.&lt;br /&gt;&lt;span style="font-size:85%;"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-size:85%;"&gt;&lt;span style="font-size:100%;"&gt;&lt;span style="font-style: italic;"&gt;&lt;a onblur="try  {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-92RYKVjuXg/TCZAbtRMPtI/AAAAAAAAAPw/m24n249UGww/s1600/operaMplayer.JPG"&gt;&lt;img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 297px;" src="http://3.bp.blogspot.com/_-92RYKVjuXg/TCZAbtRMPtI/AAAAAAAAAPw/m24n249UGww/s400/operaMplayer.JPG" alt="" id="BLOGGER_PHOTO_ID_5487144040749874898" border="0" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4015155777717502209-8093589149463311048?l=beehacker.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/beehacker/~4/HAQD3foOgmU" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/beehacker/~3/HAQD3foOgmU/create-music-blog-for-free-easy-way.html</link><author>noreply@blogger.com (Expectedmiracle)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/_-92RYKVjuXg/TCY6LqSq8RI/AAAAAAAAAPg/PKNp6MM3zAM/s72-c/ymPlayer.JPG" height="72" width="72" /><thr:total>1</thr:total><feedburner:origLink>http://beehacker.blogspot.com/2010/06/create-music-blog-for-free-easy-way.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4015155777717502209.post-8426484856314949990</guid><pubDate>Fri, 25 Jun 2010 20:00:00 +0000</pubDate><atom:updated>2010-06-25T16:04:17.763-04:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Blue</category><category domain="http://www.blogger.com/atom/ns#">3 column Blogger Templates</category><category domain="http://www.blogger.com/atom/ns#">ocean template</category><category domain="http://www.blogger.com/atom/ns#">flowers</category><title>Changes to templates Flowers and Ocean</title><description>I have changed the previous versions of Flowers and ocean template . These new versions look better than the old ones. Please see the posts to get the new templates.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4015155777717502209-8426484856314949990?l=beehacker.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/beehacker/~4/PVI5k755L6A" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/beehacker/~3/PVI5k755L6A/changes-to-templates-flowers-and-ocean.html</link><author>noreply@blogger.com (Expectedmiracle)</author><thr:total>0</thr:total><feedburner:origLink>http://beehacker.blogspot.com/2010/06/changes-to-templates-flowers-and-ocean.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4015155777717502209.post-7940103017261658227</guid><pubDate>Fri, 25 Jun 2010 02:52:00 +0000</pubDate><atom:updated>2010-07-03T15:11:55.300-04:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">transparent template</category><category domain="http://www.blogger.com/atom/ns#">Blue</category><category domain="http://www.blogger.com/atom/ns#">3 column Blogger Templates</category><title>New Transparent Template for blogger: Ocean</title><description>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-92RYKVjuXg/TCUBD_ZShUI/AAAAAAAAAO0/wjNXKyHkYrM/s1600/oceanTemplate.JPG"&gt;&lt;img style="cursor: pointer; width: 400px; height: 171px;" src="http://1.bp.blogspot.com/_-92RYKVjuXg/TCUBD_ZShUI/AAAAAAAAAO0/wjNXKyHkYrM/s400/oceanTemplate.JPG" alt="" id="BLOGGER_PHOTO_ID_5486792889089557826" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Here is the transparent template for your blogger. The background image is static.&lt;br /&gt;
To  use this template, follow the following steps:&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;download the  xml file and upload the file from EDIT HTML menu of your blogger.&lt;/li&gt;
&lt;li&gt;When  you are prompted with the message as shown in the image below, choose,  KEEP WIDGETS&lt;br /&gt;
&lt;/li&gt;
&lt;/ul&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();}  catch(e) {}" href="http://2.bp.blogspot.com/_-92RYKVjuXg/TCQZrGX34tI/AAAAAAAAAOc/ONP_MWduvfQ/s1600/warning.JPG"&gt;&lt;img style="cursor: pointer; width: 400px; height: 122px;" src="http://2.bp.blogspot.com/_-92RYKVjuXg/TCQZrGX34tI/AAAAAAAAAOc/ONP_MWduvfQ/s400/warning.JPG" alt="" id="BLOGGER_PHOTO_ID_5486538474279920338" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;Please  save your original template, in case anything goes wrong and you need  to revert to your old settings.&lt;/li&gt;
&lt;/ul&gt;&lt;div class = "download-counter"&gt;&lt;a href="http://gantavyash.blogspot.com/"&gt;Demo&lt;/a&gt; &lt;br /&gt;
&lt;br /&gt;
&lt;a href='http://dstats.net/download/http://sites.google.com/site/beehacker/FlowersTemplate.xml'&gt;Download&lt;/a&gt;&lt;br /&gt;
&lt;script type='text/javascript' src='http://dstats.net/dstatsjs.php?file=http://sites.google.com/site/beehacker/FlowersTemplate.xml'&gt;&lt;/script&gt;&lt;br /&gt;
&lt;script type='text/javascript'&gt;document.write(dsCounter);&lt;/script&gt; Downloads&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
If  you face any problems, please contact me through comment section.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4015155777717502209-7940103017261658227?l=beehacker.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/beehacker/~4/-XJfMFBonZQ" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/beehacker/~3/-XJfMFBonZQ/new-template-for-blogger.html</link><author>noreply@blogger.com (Expectedmiracle)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/_-92RYKVjuXg/TCUBD_ZShUI/AAAAAAAAAO0/wjNXKyHkYrM/s72-c/oceanTemplate.JPG" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://beehacker.blogspot.com/2010/06/new-template-for-blogger.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4015155777717502209.post-3425496219147804067</guid><pubDate>Thu, 24 Jun 2010 23:42:00 +0000</pubDate><atom:updated>2010-06-25T15:58:36.188-04:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">transparent template</category><category domain="http://www.blogger.com/atom/ns#">Blue</category><category domain="http://www.blogger.com/atom/ns#">3 column Blogger Templates</category><category domain="http://www.blogger.com/atom/ns#">flowers</category><title>Transparent Blogger Template: Flowers</title><description>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-92RYKVjuXg/TCUKQeWwM6I/AAAAAAAAAO8/R2qqt5kQhxI/s1600/FlowersTemplate.JPG"&gt;&lt;img style="cursor: pointer; width: 400px; height: 170px;" src="http://1.bp.blogspot.com/_-92RYKVjuXg/TCUKQeWwM6I/AAAAAAAAAO8/R2qqt5kQhxI/s400/FlowersTemplate.JPG" alt="" id="BLOGGER_PHOTO_ID_5486802999163499426" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Here is the template for your blogger. The background image is static.&lt;br /&gt;To use this template, follow the following steps:&lt;br /&gt;&lt;ul&gt;&lt;li&gt;download the xml file and upload the file from EDIT HTML menu of your blogger.&lt;/li&gt;&lt;li&gt;When you are prompted with the message as shown in the inage below, choose, KEEP WIDGETS&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-92RYKVjuXg/TCQZrGX34tI/AAAAAAAAAOc/ONP_MWduvfQ/s1600/warning.JPG"&gt;&lt;img style="cursor: pointer; width: 400px; height: 122px;" src="http://2.bp.blogspot.com/_-92RYKVjuXg/TCQZrGX34tI/AAAAAAAAAOc/ONP_MWduvfQ/s400/warning.JPG" alt="" id="BLOGGER_PHOTO_ID_5486538474279920338" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Please save your original template, in case anything goes wrong and you need to revert to your old settings.&lt;/li&gt;&lt;/ul&gt;&lt;a href="http://www.beehacker-hive.blogspot.com/"&gt;Demo&lt;/a&gt;  |  &lt;a href="https://sites.google.com/site/beehacker/FlowersTemplate.xml"&gt;Download&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;If you face any problems, please contact me through comment section.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4015155777717502209-3425496219147804067?l=beehacker.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/beehacker/~4/4W_lm6wEDF0" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/beehacker/~3/4W_lm6wEDF0/blogger-template.html</link><author>noreply@blogger.com (Expectedmiracle)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/_-92RYKVjuXg/TCUKQeWwM6I/AAAAAAAAAO8/R2qqt5kQhxI/s72-c/FlowersTemplate.JPG" height="72" width="72" /><thr:total>1</thr:total><feedburner:origLink>http://beehacker.blogspot.com/2010/06/blogger-template.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4015155777717502209.post-2256586555703588655</guid><pubDate>Thu, 24 Jun 2010 06:38:00 +0000</pubDate><atom:updated>2010-06-24T04:21:50.815-04:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Cool Tricks</category><category domain="http://www.blogger.com/atom/ns#">blogger hacks</category><title>Change your regular blog into mobile blog</title><description>&lt;div class="quote"&gt;&lt;span class="quotebig"&gt;"&lt;/span&gt;Many people are using mobile phones to access the internet. Few steps can change your existing blog into mobile blog.&lt;span class="quotebig"&gt;"&lt;/span&gt;&lt;/div&gt;&lt;br /&gt;&lt;span class="bigfirst"&gt;W&lt;/span&gt;hen people are accessing internet from mobile, they usually see a jumbled text scattered all over the place. But few minutes of your work can make your blog easily accessible for mobile users. Although this post is primarily for the blogspot users, other blogger may also follow these steps to change their blog into mobile blog.&lt;br /&gt;&lt;br /&gt;There are two methods:&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(0, 153, 0);"&gt;Method # 1.&lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(0, 153, 0);"&gt; Google:&lt;/span&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Go to &lt;a href="http://www.google.com/gwt/n"&gt;this w&lt;/a&gt;&lt;a href="http://www.google.com/gwt/n"&gt;e&lt;/a&gt;&lt;a href="http://www.google.com/gwt/n"&gt;bsite&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-92RYKVjuXg/TCMVZ3RKJrI/AAAAAAAAAN0/eeXcB9Te8CY/s1600/mobilegoogle.JPG"&gt;&lt;img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 156px;" src="http://3.bp.blogspot.com/_-92RYKVjuXg/TCMVZ3RKJrI/AAAAAAAAAN0/eeXcB9Te8CY/s400/mobilegoogle.JPG" alt="" id="BLOGGER_PHOTO_ID_5486252305144227506" border="0" /&gt;&lt;/a&gt;&lt;/li&gt;&lt;li&gt;Enter the name of your website in "&lt;span style="font-style: italic;"&gt;Enter a URL:&lt;/span&gt;" field.&lt;/li&gt;&lt;li&gt;Hit "&lt;span style="font-weight: bold;"&gt;Go&lt;/span&gt;" Button&lt;/li&gt;&lt;li&gt;Copy the link.&lt;/li&gt;&lt;li&gt;Create a link  "Mobile Site" and paste the link address and place it somewhere in the top of your website.&lt;/li&gt;&lt;li&gt;Now whenever the users click this link, they will be redirected to the mobile version of your website.&lt;/li&gt;&lt;/ul&gt;Although, this method is very easy, users need to access your main website to get into the mobile website. There is another way so that users can access your mobile website when they are browsing the internet from the mobile. When the users are using computers, they can access the main website.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(0, 153, 0);"&gt;Method # 2. Using CSS for mobile devices:&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;You need to host two versions of CSS in a remote location, one for computer users and another for mobile users. &lt;a href="http://sites.google.com/"&gt;Google sites&lt;/a&gt; comes handy for this purpose.&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Go to Edit the HTML of your blogger.&lt;/li&gt;&lt;li&gt;Download the HTML of your blog in case anything goes wrong.&lt;/li&gt;&lt;li&gt;Cut (not copy) all the codes between&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-92RYKVjuXg/TCMRd0cIJjI/AAAAAAAAANk/945LNMGbmng/s1600/cdata.JPG"&gt;&lt;img style="cursor: pointer; width: 315px; height: 15px;" src="http://1.bp.blogspot.com/_-92RYKVjuXg/TCMRd0cIJjI/AAAAAAAAANk/945LNMGbmng/s320/cdata.JPG" alt="" id="BLOGGER_PHOTO_ID_5486247975057892914" border="0" /&gt;&lt;/a&gt;&lt;/li&gt;&lt;li&gt;Open the &lt;span style="font-style: italic;"&gt;Notepad &lt;/span&gt;from your desktop and paste the code. Then, save it as &lt;span style="font-style: italic; font-weight: bold;"&gt;screen.css&lt;/span&gt;&lt;/li&gt;&lt;li&gt;Now create another file in notepad&lt;span style="font-style: italic;"&gt;&lt;span style="font-weight: bold;"&gt; &lt;/span&gt;&lt;/span&gt;&lt;span&gt;and paste the following piece of code &lt;span style="font-style: italic;"&gt;&lt;span&gt;(I got these codes from &lt;a href="http://perishablepress.com/press/2009/08/02/the-5-minute-css-mobile-makeover/"&gt;Perishable press &lt;/a&gt;):&lt;/span&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div class="box"&gt;/* mobile styles */&lt;br /&gt;@media handheld {&lt;br /&gt;&lt;br /&gt;html, body {&lt;br /&gt;font: 12px/15px sans-serif;&lt;br /&gt;background: #fff;&lt;br /&gt;padding: 3px;&lt;br /&gt;color: #000;&lt;br /&gt;margin: 0;&lt;br /&gt;}&lt;br /&gt;#sidebar, #footer {&lt;br /&gt;display: none;&lt;br /&gt;}&lt;br /&gt;h1, h2, h3, h4, h5, h6 {&lt;br /&gt;font-weight: normal;&lt;br /&gt;}&lt;br /&gt;#content img {&lt;br /&gt;max-width: 250px;&lt;br /&gt;}&lt;br /&gt;.center {&lt;br /&gt;width: 100%; !important;&lt;br /&gt;text-align: center;&lt;br /&gt;}&lt;br /&gt;a:link, a:visited {&lt;br /&gt;text-decoration: underline;&lt;br /&gt;color: #0000CC;&lt;br /&gt;}&lt;br /&gt;a:hover, a:active {&lt;br /&gt;text-decoration: underline;&lt;br /&gt;color: #660066;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;/* iPhone-specific styles */&lt;br /&gt;@media only screen and (max-device-width: 480px) {&lt;br /&gt;&lt;br /&gt;html {&lt;br /&gt;-webkit-text-size-adjust: none;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Save this file as &lt;span style="font-style: italic;"&gt;&lt;span style="font-weight: bold;"&gt;mobile.css&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;Upload these two css files to &lt;span style="font-weight: bold;"&gt;google sites&lt;/span&gt; and copy the link for these files.&lt;/li&gt;&lt;/ul&gt;&lt;span style="font-style: italic;"&gt;      eg. http://sites.google.com/site/YOURSITENAME/screen.css&lt;/span&gt;&lt;br /&gt;&lt;span style="font-style: italic;"&gt;http://sites.google.com/site/YOURSITENAME/mobile.css&lt;/span&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Now go to &lt;span style="font-style: italic;"&gt;edit blog&lt;/span&gt; in your blogger and paste the following code immediately before &lt;span style="font-weight: bold;"&gt;&amp;lt;/head&gt;&lt;/span&gt;&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;div class="box"&gt;&amp;lt;link href="http://sites.google.com/site/&lt;span style="font-style: italic;"&gt;YOURSITENAME&lt;/span&gt;/screen.css" media="Screen" rel="stylesheet" type="text/css"&gt;&amp;lt;link href="sites.google.com/site/&lt;span style="font-style: italic;"&gt;YOURSITENAME&lt;/span&gt;/mobile.css" media="handheld" rel="stylesheet" type="text/css"&gt;&lt;br /&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Mobile version of your website can now be viewed by the mobile users without any problem. But when you access the website from computer, it will be the same website&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4015155777717502209-2256586555703588655?l=beehacker.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/beehacker/~4/TS881_6G8Qw" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/beehacker/~3/TS881_6G8Qw/how-to-change-your-blog-into-mobile.html</link><author>noreply@blogger.com (Expectedmiracle)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/_-92RYKVjuXg/TCMVZ3RKJrI/AAAAAAAAAN0/eeXcB9Te8CY/s72-c/mobilegoogle.JPG" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://beehacker.blogspot.com/2010/06/how-to-change-your-blog-into-mobile.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4015155777717502209.post-3476473903219571614</guid><pubDate>Tue, 15 May 2007 17:48:00 +0000</pubDate><atom:updated>2009-06-17T02:41:43.423-04:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Miscellaneous</category><title>Spam Story</title><description>&lt;div class="quote"&gt;&lt;span class="quotebig"&gt;"&lt;/span&gt;there were 5001 spams in just 30 days which is about 166 spams in a day.&lt;span class="quotebig"&gt;"&lt;/span&gt;&lt;/div&gt;&lt;br /&gt;&lt;span class="bigfirst"&gt;I&lt;/span&gt; am really irritated by the number of spams I get in my inbox. I get most of the spams in Gmail. The rate of receiving such spams is really high. Today, as I was checking my mails, there were 5001(Yes, 5001) spams in just 30 days! Simple mathematics shows that the rate of receiving spams is about 166 spams in a day. I am so sure about the number of days because gmail automatically deletes the spam every 30 days. I deleted all the spams with a click of a button (which is nice by the way). Then, the page read, "Hooray, no spam here!"&lt;br /&gt;&lt;br /&gt;&lt;img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 387px; DISPLAY: block; HEIGHT: 127px; CURSOR: hand" id="BLOGGER_PHOTO_ID_5064853741089767858" border="0" alt="" src="http://2.bp.blogspot.com/_-92RYKVjuXg/Rkn5pIz2wbI/AAAAAAAAADk/bBKv0VBhGgU/s320/spam_story.bmp" width="265" height="144" /&gt;&lt;br /&gt;I was happy to see this. But after an hour later there were already 7 spams. Point to be noted, these are the spams Gmail found as spam. Many of the spams make directly into Inbox. Out of 1177 emails I got in my Gmail inbox in nine months period, only about 200 emails were the emails I wanted to be in my inbox. Rest of them (about 83%) were the spams which passed through Gmail-Filter.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4015155777717502209-3476473903219571614?l=beehacker.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/beehacker/~4/A2HcFqrkKsM" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/beehacker/~3/A2HcFqrkKsM/spam-story.html</link><author>noreply@blogger.com (Expectedmiracle)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/_-92RYKVjuXg/Rkn5pIz2wbI/AAAAAAAAADk/bBKv0VBhGgU/s72-c/spam_story.bmp" height="72" width="72" /><thr:total>1</thr:total><feedburner:origLink>http://beehacker.blogspot.com/2007/05/spam-story.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4015155777717502209.post-6821769713313494003</guid><pubDate>Thu, 15 Mar 2007 05:31:00 +0000</pubDate><atom:updated>2007-03-15T02:08:36.450-04:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Javascript Magic</category><title>Dynamic Greeting for your blog</title><description>&lt;div class="quote"&gt;&lt;span class="quotebig"&gt;"&lt;/span&gt;the greeting that changes not just randomly but according to the browser time&lt;span class="quotebig"&gt;"&lt;/span&gt;&lt;/div&gt;&lt;br /&gt;&lt;span class="bigfirst"&gt;W&lt;/span&gt;ondering how to put the dynamic greeting which changes according to the browser time. How about the greeting that changes between "good morning", "good afternoon" and "good evening" not just randomly but according to the browser time. It is all possible with a little javascript and here it is:&lt;br /&gt;&lt;div class="box"&gt;&amp;lt;script type="text/javascript"&amp;gt;&lt;br /&gt;var d = new Date()&lt;br /&gt;var time = d.getHours()&lt;br /&gt;if (time&amp;lt;12 &amp;&amp; time&amp;gt;=0)&lt;br /&gt;{&lt;br /&gt;document.write("&amp;lt;h3&amp;gt;Good Morning !!&amp;lt;/h3&amp;gt;")&lt;br /&gt;}&lt;br /&gt;else if (time&amp;gt;12 &amp;&amp; time&amp;lt;=16)&lt;br /&gt;{&lt;br /&gt;document.write("&amp;lt;h3&amp;gt;Good Afternoon !!&amp;lt;/h3&amp;gt;")&lt;br /&gt;}&lt;br /&gt;else&lt;br /&gt;{&lt;br /&gt;document.write("&amp;lt;h3&amp;gt;Good Evening !!&amp;lt;/h3&amp;gt;")&lt;br /&gt;}&lt;br /&gt;&amp;lt;/script&amp;gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4015155777717502209-6821769713313494003?l=beehacker.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/beehacker/~4/3Xq7YHmud64" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/beehacker/~3/3Xq7YHmud64/dynamic-greeting-for-your-blog.html</link><author>noreply@blogger.com (Expectedmiracle)</author><thr:total>0</thr:total><feedburner:origLink>http://beehacker.blogspot.com/2007/03/dynamic-greeting-for-your-blog.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4015155777717502209.post-8019000576034094278</guid><pubDate>Mon, 19 Feb 2007 17:55:00 +0000</pubDate><atom:updated>2007-11-23T01:40:20.087-05:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Cool Tricks</category><category domain="http://www.blogger.com/atom/ns#">blogger hacks</category><title>Recover Deleted Comments</title><description>&lt;div class="quote"&gt;&lt;span class="quotebig"&gt;"&lt;/span&gt;If you use a little trick, you can recover the deleted comments no matter when you deleted it&lt;span class="quotebig"&gt;"&lt;/span&gt;&lt;/div&gt;&lt;br /&gt;&lt;span class="bigfirst"&gt;S&lt;/span&gt;ometimes you might delete a comment on your blog by mistake. You wanted that comment to be in your blog but how to get that as you have already deleted it. No worries though. If you use a little trick, you can recover the deleted comments no matter when you deleted it. But there is a limitation, though. You could recover the deleted comments only if you had provided the email address to deliver a notification whenever someone leaves a comment on your blog. Here are the steps to recover your deleted comments.&lt;br /&gt;&lt;br /&gt;1)To turn the comment notification on, go to &lt;span style="FONT-WEIGHT: bold"&gt;Customize&gt;Settings&gt;Comments &lt;/span&gt;and enter your email address on Comment Notification Address.&lt;br /&gt;&lt;br /&gt;2)Whenever someone leaves comment on your blog, you get a notification email with the Date, Name and Comments. You can save this email to act as a backup for the comments on your blog.&lt;br /&gt;&lt;br /&gt;3)If you ever delete the comments by mistake, you can retrieve it from the backup you have created; just copy the comments and paste it on your blog with with the original date and name of the comment poster.&lt;br /&gt;Listen to this post&lt;br /&gt;&lt;a href=http://www.student.nvcc.edu/home/sagautam/misc/Video 19.MP3&gt;&lt;/a&gt;Video 19.MP3&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4015155777717502209-8019000576034094278?l=beehacker.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/beehacker/~4/jg7wA5o958E" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/beehacker/~3/jg7wA5o958E/recover-deleted-comments.html</link><author>noreply@blogger.com (Expectedmiracle)</author><thr:total>3</thr:total><feedburner:origLink>http://beehacker.blogspot.com/2007/02/recover-deleted-comments.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4015155777717502209.post-5364649221268576610</guid><pubDate>Sat, 17 Feb 2007 01:29:00 +0000</pubDate><atom:updated>2010-06-26T14:31:07.997-04:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Cool Tricks</category><category domain="http://www.blogger.com/atom/ns#">Music and MP3</category><title>Create music blog</title><description>&lt;span class="bigfirst"&gt;&lt;br /&gt;&lt;br /&gt;T&lt;/span&gt;hinking about making your own music blog with  music playlists and with upload features and song submission forms for your visitors without spending a penny. Sounds too good to be true but yes you can do it. Without much delay, I would like to give few tips for those who want to have their own music blog :-&lt;br /&gt;1)First of all you need a MP3 player which can play the MP3 files from your blog. De.li.ci.ous Playtagger is the best option for this. To find out how to put this on you blog, see this &lt;a href="http://beehacker.blogspot.com/2006/11/how-to-add-mp3-player-in-your-blog.html" target="_blank"&gt;post&lt;/a&gt;. &lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;2)You also need a filehost service which will be hosting your MP3 files. &lt;a href="http://sites.google.com/"&gt;Google sites&lt;/a&gt; is the best option. &lt;a href="http://fileden.com/" target="_blank"&gt;Fileden&lt;/a&gt; and &lt;a href="http://filelodge.com/" target="_blank"&gt;Filelodge&lt;/a&gt; are other options. But the real problem with fileden and filelodge is the space and bandwidth. You can overcome this problem with multiple accounts. &lt;/p&gt;&lt;p&gt;&lt;span style="font-weight: bold;"&gt;Important: Since Webjay is down,  step#3 involving webjay no longer works. But I have posted about features better than webjay in another post. Instead of using step#3, please visit &lt;a href="http://beehacker.blogspot.com/2010/06/create-music-blog-for-free-easy-way.html"&gt;this  link to view the updated post&lt;/a&gt;.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;3)One problem with playtagger is that all of your songs are seperate ie, there is no continuous playback buthold on, there is a cool workaround. You can get this feature from &lt;a href="http://www.webjay.org/" target="_blank"&gt;from webjay's playthis page feature&lt;/a&gt;All you need is go to the webjay page and provide your page's address and you get a code which you can paste on your blog's post or sidebar to make all the songs on thet particular page to be played as a playlist. Moreover, webjay also enables you to play real(SMIL format) songs. Though, you have to make a link to the page containing playlist, it certainly is better than not being able to use Real Format songs at all. &lt;/p&gt;&lt;p&gt;&lt;br /&gt;4)Now you can get song upload form which allows your visitors to upload songs and provide them with the song links &lt;a href="http://www.easy-share.com/" target="_blank"&gt;from here&lt;/a&gt; which they can submit to you from the submission form &lt;a href="http://www.bravenet.com/" target="_blank"&gt;from here&lt;/a&gt;. &lt;/p&gt;&lt;p&gt;&lt;br /&gt;5)Moreover including videos on your site is a great idea. &lt;a href="http://www.youtube.com/" target="_blank"&gt;Youtube&lt;/a&gt; is the best source for online music videos. You can easily create the playlists and embed them in your blog.&lt;br /&gt;&lt;br /&gt;One thing to keep in mind, when you are using free service such as bravenet, your site gets popups almost everytime someone opens your page.&lt;br /&gt;&lt;span style="color: rgb(102, 255, 153);"&gt;To have a glimpse of how your page looks like, visit &lt;/span&gt;&lt;a href="http://www.songs-expectedmiracle.blogspot.com/" target="_blank"&gt;&lt;span style="color: rgb(102, 255, 153);"&gt;this blog&lt;/span&gt;&lt;/a&gt; &lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4015155777717502209-5364649221268576610?l=beehacker.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/beehacker/~4/ZAATBeUYTZ0" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/beehacker/~3/ZAATBeUYTZ0/create-music-blog.html</link><author>noreply@blogger.com (Expectedmiracle)</author><thr:total>4</thr:total><feedburner:origLink>http://beehacker.blogspot.com/2007/02/create-music-blog.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4015155777717502209.post-6946784068462433273</guid><pubDate>Wed, 14 Feb 2007 20:52:00 +0000</pubDate><atom:updated>2007-02-19T12:15:09.936-05:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Cool Tricks</category><category domain="http://www.blogger.com/atom/ns#">blogger hacks</category><title>Your own Graphic Blog header</title><description>&lt;span class= "bigfirst"&gt;I&lt;/span&gt;never liked the fact that regular Blogger templates have just the text header for your blog. No worries though, as blogger can be modified the way you wish to. Having your own graphic blog head is cool and being able to change it with an ease is even more cool. Follow the following steps to achieve this.&lt;br /&gt;1)First of all we need a slot next to the blog header for our new element to fit. I have explained a way for this in this &lt;a href="http://beehacker.blogspot.com/2007/02/drag-n-drop-adsense-ads-above-and-below.html" target="_blank"&gt;Post&lt;/a&gt;.&lt;br /&gt;2)Next we need to make sure that the original text header of your blog is not displayed. For this go to your blog template and add &lt;strong&gt;display: none;&lt;/strong&gt; for the &lt;em&gt;#header&lt;/em&gt; and &lt;em&gt;#header .description &lt;/em&gt;IDs as shown here:&lt;br /&gt;&lt;br /&gt;&lt;div class="box"&gt;&lt;br /&gt;#header {&lt;br /&gt;&lt;span style="color:#ffff33;"&gt;display: none;&lt;/span&gt;&lt;br /&gt;margin: 0 2%;&lt;br /&gt;background-color: $headerBgColor;&lt;br /&gt;color: $headerTextColor;&lt;br /&gt;padding: 0;&lt;br /&gt;font: $headerFont;&lt;br /&gt;position: relative;&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;h1.title {&lt;br /&gt;padding-top: 38px;&lt;br /&gt;margin: 0 1% .1em;&lt;br /&gt;line-height: 1.2em;&lt;br /&gt;font-size: 100%;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;h1.title a {&lt;br /&gt;color: $headerTextColor;&lt;br /&gt;text-decoration: none;&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;#header .description {&lt;br /&gt;&lt;span style="color:#ffff00;"&gt;display: none;&lt;br /&gt;&lt;/span&gt;margin: 0 1%;&lt;br /&gt;padding: 0 0 40px;&lt;br /&gt;line-height: 1.4em;&lt;br /&gt;font-size: 50%;&lt;br /&gt;}&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;Code in &lt;span style="color:#ffff00;"&gt;Yellow&lt;/span&gt; is added later.&lt;br /&gt;&lt;br /&gt;4)Open up any of the image editing software and create your own design.&lt;br /&gt;3)Now go to &lt;strong&gt;add page element&lt;/strong&gt; link showing on top of the drag-n-drop interface and click &lt;strong&gt;Add Photos&lt;/strong&gt; and upload your photos&lt;br /&gt;4)Save your work. Your blog shows the custom header you have just created.&lt;br /&gt;&lt;span style="color:#99ff99;"&gt;One of the advantages of this method is that you don't need any image-hosting site. You can upload your image directly to the Blogger&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4015155777717502209-6946784068462433273?l=beehacker.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/beehacker/~4/krFG2-o7iPw" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/beehacker/~3/krFG2-o7iPw/your-own-graphic-blog-header.html</link><author>noreply@blogger.com (Expectedmiracle)</author><thr:total>2</thr:total><feedburner:origLink>http://beehacker.blogspot.com/2007/02/your-own-graphic-blog-header.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4015155777717502209.post-1537163865423553368</guid><pubDate>Wed, 07 Feb 2007 05:37:00 +0000</pubDate><atom:updated>2007-02-14T01:43:43.881-05:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Adsense Help</category><category domain="http://www.blogger.com/atom/ns#">blogger hacks</category><title>Drag n Drop :Adsense ads above and below the header</title><description>&lt;p class='dropcap'&gt;I tried to achieve the drag and drop feature above and below the header on top of the page and after a few trial and error, I finally succeded in that goal. So, I want to share this cool trick with all of you.&lt;/p&gt;&lt;br /&gt;After going through few steps the page should look like the one shown here:-&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-92RYKVjuXg/RclpMIzSYeI/AAAAAAAAADU/bkTiC09IvMM/s1600-h/adsontop.JPG"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://2.bp.blogspot.com/_-92RYKVjuXg/RclpMIzSYeI/AAAAAAAAADU/bkTiC09IvMM/s320/adsontop.JPG" alt="" id="BLOGGER_PHOTO_ID_5028666116177813986" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;The steps involved are:-&lt;br /&gt;&lt;br /&gt;1)Insert the following piece of code before or after &lt;span style="font-style: italic;"&gt;header-wrapper&lt;/span&gt; to get the result accordingly.(Code in &lt;span style="color: rgb(255, 255, 51);"&gt;Yellow&lt;/span&gt;&lt;span style="color: rgb(255, 255, 51);"&gt; &lt;/span&gt;is the original one)&lt;div   style="border: 2px solid silver; overflow: auto; width: 450px; height: 200px; background-color: rgb(102, 102, 102); color: rgb(204, 255, 255);font-family:Courier;font-size:10px;"&gt;&lt;br /&gt;#aboveheaderad-wrapper {&lt;br /&gt;margin:0;&lt;br /&gt;padding: 0;&lt;br /&gt;background-color: $headerBgColor;&lt;br /&gt;text-align: center;&lt;br /&gt;}&lt;br /&gt;&lt;span style="color: rgb(255, 255, 51);"&gt;#header-wrapper {&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 51);"&gt;  margin:0;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 51);"&gt;  padding: 0;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 51);"&gt;  background-color: $headerCornersColor;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 51);"&gt;  text-align: left;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 51);"&gt;}&lt;/span&gt;&lt;br /&gt;#belowheaderad-wrapper {&lt;br /&gt;margin:0;&lt;br /&gt;padding: 0;&lt;br /&gt;background-color: $headerBgColor;&lt;br /&gt;text-align: center;&lt;br /&gt;}&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;2)Change your template as shown below:-&lt;br /&gt;(Code in&lt;span style="color: rgb(255, 255, 51);"&gt; &lt;/span&gt;&lt;span style="color: rgb(255, 255, 51);"&gt;Yellow&lt;/span&gt; is the original one)&lt;br /&gt;&lt;div style="border: 2px solid silver; overflow: auto; font-size: 10px; width: 450px; height: 200px; background-color: rgb(102, 102, 102); color: rgb(204, 255, 255); font-family: Courier;"&gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;div id='aboveheaderad-wrapper'&amp;gt;&lt;br /&gt;   &amp;lt;b:section class='sidebar' id='aboveheaderad' preferred='yes'&amp;gt;&lt;br /&gt;&amp;lt;b:widget id='HTML5' locked='false' title='' type='HTML'/&amp;gt;&lt;br /&gt;&amp;lt;/b:section&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 0);"&gt; &amp;lt;div id='header-wrapper'&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 0);"&gt;      &amp;lt;b:section class='header' id='header' maxwidgets='1' showaddelement='no'&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 0);"&gt;&amp;lt;b:widget id='Header1' locked='true' title='Beehacker (Header)' type='Header'/&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 0);"&gt;&amp;lt;/b:section&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 0);"&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;div id='belowheaderad-wrapper'&amp;gt;&lt;br /&gt;   &amp;lt;b:section class='sidebar' id='belowheaderad' preferred='yes'/&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;3)Save your work. Now tou can add or remove Adsense ads or any of the wigets you want on top of your page with an ease of drag and drop.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4015155777717502209-1537163865423553368?l=beehacker.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/beehacker/~4/4iVim8Rt7SU" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/beehacker/~3/4iVim8Rt7SU/drag-n-drop-adsense-ads-above-and-below.html</link><author>noreply@blogger.com (Expectedmiracle)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/_-92RYKVjuXg/RclpMIzSYeI/AAAAAAAAADU/bkTiC09IvMM/s72-c/adsontop.JPG" height="72" width="72" /><thr:total>9</thr:total><feedburner:origLink>http://beehacker.blogspot.com/2007/02/drag-n-drop-adsense-ads-above-and-below.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4015155777717502209.post-5377680805600772953</guid><pubDate>Mon, 05 Feb 2007 06:24:00 +0000</pubDate><atom:updated>2007-02-16T21:16:00.145-05:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Cool Tricks</category><title>Search Button that Blends With Your Blog</title><description>Adding search button to your blog makes it easier for your visitors to look up for the topics they might be interested in. Although blogger has the search this blog button on the Navbar, it seems somewhat aloof from rest of your blog. Why not put a search button right on your sidebar, where it is easy to spot. Following are the steps in achieving this objective:-&lt;br /&gt;1)Go to &lt;strong&gt;Customize&gt; Add a Page Element&gt; HTML/Javascript&lt;/strong&gt;&lt;br /&gt;2)Paste the following piece of code&lt;br /&gt;&lt;br /&gt;&lt;div style="BORDER-RIGHT: silver 2px solid; BORDER-TOP: silver 2px solid; FONT-SIZE: 10px; OVERFLOW: auto; BORDER-LEFT: silver 2px solid; WIDTH: 450px; BORDER-BOTTOM: silver 2px solid; HEIGHT: 200px; background-color: rgb(102, 102, 102); color: rgb(204, 255, 255);font-family:Courier;"&gt;&lt;br /&gt;  &lt;font size="2"&gt;&lt;font face="Courier"&gt;&amp;lt;center&amp;gt;&amp;lt;form id="searchthis"&lt;br /&gt;  action="&lt;/font&gt;&lt;a href="http://BLOGNAME.blogspot.com/search"&gt;&lt;font color="#ccffff" face="Courier"&gt;http://&lt;font color="#ffff99"&gt;BLOGNAME&lt;/font&gt;.blogspot.com/search&lt;/font&gt;&lt;/a&gt;&lt;font face="Courier"&gt;"&lt;br /&gt;  style="display: inline;" method="get"&amp;gt;&lt;/font&gt;&lt;/font&gt;&lt;br /&gt;  &lt;font face="Courier" size="2"&gt;&amp;lt;table cellpadding="0"&lt;br /&gt;  cellspacing="0"&amp;gt;&lt;/font&gt;&lt;br /&gt;&lt;br /&gt;  &lt;font face="Courier" size="2"&gt;&amp;lt;tbody&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td&lt;br /&gt;  valign="middle"&amp;gt;&lt;/font&gt;&lt;br /&gt;  &lt;font face="Courier" size="2"&gt;&amp;lt;input id="b-query" name="q"&lt;br /&gt;  type="text"/&amp;gt;&lt;/font&gt;&lt;br /&gt;&lt;br /&gt;  &lt;font face="Courier" size="2"&gt;&amp;lt;input id="b-searchbtn" alt="Search This&lt;br /&gt;  Blog"&lt;br /&gt;  src="&lt;/font&gt;&lt;a href="http://beta.blogger.com/img/navbar/1/btn_search_this.gif"&gt;&lt;font color="#33ff33" face="Courier"&gt;http://beta.blogger.com/img/navbar/1/btn_search_this.gif&lt;/font&gt;&lt;/a&gt;&lt;font face="Courier" size="2"&gt;"&lt;br /&gt;  title="Search &lt;font color="#ffff99"&gt;BLOGNAME&lt;/font&gt;"&lt;br /&gt;  type="image"/&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&lt;/font&gt;&lt;br /&gt;&lt;br /&gt;  &lt;font face="Courier" size="2"&gt;&amp;nbsp;&amp;nbsp; &amp;lt;script&lt;br /&gt;  type="text/javascript"&amp;gt;document.write&amp;lt;div&amp;gt; Search Blog&lt;br /&gt;  &amp;lt;/div&amp;gt;&amp;lt;/script&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/tbody&amp;gt;&amp;lt;/table&amp;gt;&amp;lt;/form&amp;gt;&amp;lt;/center&amp;gt;&lt;/font&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://beta.blogger.com/img/navbar/1/btn_search_this.gif"&gt;&lt;/a&gt;&lt;br /&gt;3)Repalce &lt;span style="color:#ffff33;"&gt;BLOGNAME&lt;/span&gt; in the code with the name of your blog and Save it.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Note:- In the link marked with &lt;span style="color:#33ff33;"&gt;green&lt;/span&gt; replace the number 1 with 2,3 or 4 to get the following search buttons&lt;/strong&gt;&lt;br /&gt;1 results in this button &lt;a href="http://beta.blogger.com/img/navbar/1/btn_search_this.gif"&gt;&lt;strong&gt;&lt;img style="WIDTH: 97px; CURSOR: hand; HEIGHT: 17px" height="17" alt="" src="http://beta.blogger.com/img/navbar/1/btn_search_this.gif" border="0" /&gt;&lt;/strong&gt;&lt;/a&gt;&lt;br /&gt;2 results in this button &lt;a href="http://beta.blogger.com/img/navbar/2/btn_search_this.gif"&gt;&lt;strong&gt;&lt;img style="WIDTH: 95px; CURSOR: hand; HEIGHT: 18px" height="23" alt="" src="http://beta.blogger.com/img/navbar/2/btn_search_this.gif" border="0" /&gt;&lt;/strong&gt;&lt;/a&gt;&lt;br /&gt;3 results in this button &lt;a href="http://beta.blogger.com/img/navbar/3/btn_search_this.gif"&gt;&lt;strong&gt;&lt;img style="WIDTH: 98px; CURSOR: hand; HEIGHT: 18px" height="28" alt="" src="http://beta.blogger.com/img/navbar/3/btn_search_this.gif" border="0" /&gt;&lt;/strong&gt;&lt;/a&gt;&lt;br /&gt;4 results in this button &lt;a href="http://beta.blogger.com/img/navbar/4/btn_search_this.gif"&gt;&lt;strong&gt;&lt;img style="WIDTH: 97px; CURSOR: hand; HEIGHT: 16px" height="19" alt="" src="http://beta.blogger.com/img/navbar/4/btn_search_this.gif" border="0" /&gt;&lt;/strong&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;But don't be limited only in these four buttons. Let your creativity flow. Custom design your own button, host the image and replace the link in green with your own link.&lt;br /&gt;&lt;strong&gt;&lt;span style="color:#D0F0C0;"&gt;To see how the search button looks like visit &lt;a href="http://beehacker-hive.blogspot.com"&gt;Beehacker Hive&lt;/a&gt;, the lab for beehacker.&lt;/span&gt;&lt;/strong&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4015155777717502209-5377680805600772953?l=beehacker.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/beehacker/~4/_Kr8JIjUlqg" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/beehacker/~3/_Kr8JIjUlqg/search-button-that-blends-with-your.html</link><author>noreply@blogger.com (Expectedmiracle)</author><thr:total>1</thr:total><feedburner:origLink>http://beehacker.blogspot.com/2007/02/search-button-that-blends-with-your.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4015155777717502209.post-291628315592815364</guid><pubDate>Mon, 05 Feb 2007 05:53:00 +0000</pubDate><atom:updated>2007-02-05T01:20:42.623-05:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Cool Tricks</category><title>Adding the latest comments sidebar</title><description>In the new blogger, you cannot add the latest comments sidebar using the drag and drop feature. Not so cool but there is a cool workaround. Why not give it a try?&lt;br /&gt;So, here is the step by step process to do so if you are interested:-&lt;br /&gt;1)Make use of your comments feed. The address for your comments feed is &lt;em&gt;http://YOURBLOG.blogspot.com/feeds/comments/default&lt;/em&gt;&lt;br /&gt;2)Go to &lt;strong&gt;customize&gt;Add Page Element&gt;Feed&lt;/strong&gt; and in the feed address paste the link for your comments feed ie. &lt;em&gt;http://YOURBLOG.blogspot.com/feeds/comments/default &lt;/em&gt;and name it as Latest Comments.&lt;br /&gt;3)Save it and your blog is ready to rock.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Please note&lt;/strong&gt; that if you try to test the feed links for comments in your browser, it doesn't open a webpage in Internet Explorer. It opens a webpage in Firefox. Eventhough, the sidebar works perfectly well in both browsers and displays the latest comments.&lt;br /&gt;&lt;br /&gt;Related Topics&lt;br /&gt;&lt;a href="http://beehacker.blogspot.com/2006/11/adding-latest-post-column-on-blogger.html"&gt;Add Latest Posts Sidebar&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4015155777717502209-291628315592815364?l=beehacker.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/beehacker/~4/yW9_L-NhxnY" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/beehacker/~3/yW9_L-NhxnY/adding-latest-comments-sidebar.html</link><author>noreply@blogger.com (Expectedmiracle)</author><thr:total>2</thr:total><feedburner:origLink>http://beehacker.blogspot.com/2007/02/adding-latest-comments-sidebar.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4015155777717502209.post-6052268372789579997</guid><pubDate>Sat, 03 Feb 2007 06:46:00 +0000</pubDate><atom:updated>2007-02-03T01:56:23.908-05:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Cool Tricks</category><title>Blogging with Google Documents &amp; spreadsheet</title><description>Many features of the word editior which cannot be obtained by the blogger post editor can be achieved by using &lt;a href="http://docs.google.com/" target="_blank"&gt;Google Documents &amp;amp; spreadsheet&lt;/a&gt;. It supports posting directly to your blog.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4015155777717502209-6052268372789579997?l=beehacker.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/beehacker/~4/-cz9bmszWbk" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/beehacker/~3/-cz9bmszWbk/blogging-with-google-documents.html</link><author>noreply@blogger.com (Expectedmiracle)</author><thr:total>0</thr:total><feedburner:origLink>http://beehacker.blogspot.com/2007/02/blogging-with-google-documents.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4015155777717502209.post-6760946319427703303</guid><pubDate>Sat, 03 Feb 2007 06:36:00 +0000</pubDate><atom:updated>2007-02-03T01:43:07.657-05:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">blogger hacks</category><title>Include Code Samples in Blog post</title><description>To include code sample in your blog post Repalce all the &lt;span style="font-size:180%;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;&lt;/span&gt; &lt;/span&gt;with &lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-92RYKVjuXg/RcONYozSYcI/AAAAAAAAACo/VmCZ9AF3WO4/s1600-h/lt.JPG"&gt;&lt;img id="BLOGGER_PHOTO_ID_5027017063484514754" style="width: 53px; cursor: pointer; height: 36px;" alt="" src="http://2.bp.blogspot.com/_-92RYKVjuXg/RcONYozSYcI/AAAAAAAAACo/VmCZ9AF3WO4/s320/lt.JPG" border="0" /&gt;&lt;/a&gt; and&lt;span style="font-weight: bold;"&gt; &lt;span style="font-size:180%;"&gt;&gt;&lt;/span&gt;&lt;/span&gt;with &lt;img id="BLOGGER_PHOTO_ID_5027016870210986418" style="cursor: pointer;" alt="" src="http://1.bp.blogspot.com/_-92RYKVjuXg/RcONNYzSYbI/AAAAAAAAACg/4wtiC-UN2BU/s320/gt.JPG" border="0" /&gt; using notepad (Copy the  code to notepad go to &lt;span style="font-weight: bold;"&gt;Edit&gt;Repalce&lt;/span&gt; , type the parameters in the &lt;span style="font-style: italic;"&gt;Find What&lt;/span&gt; and &lt;span style="font-style: italic;"&gt;Repalce With&lt;/span&gt; fields and click &lt;span style="font-style: italic;"&gt;Repalce All&lt;/span&gt; as shown in this picture)&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-92RYKVjuXg/RcOOOYzSYdI/AAAAAAAAACw/WYspeTScxkc/s1600-h/replace.JPG"&gt;&lt;img id="BLOGGER_PHOTO_ID_5027017986902483410" style="cursor: pointer;" alt="" src="http://1.bp.blogspot.com/_-92RYKVjuXg/RcOOOYzSYdI/AAAAAAAAACw/WYspeTScxkc/s320/replace.JPG" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;Now copy the changed code from notepad and paste it into the blog post editor.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4015155777717502209-6760946319427703303?l=beehacker.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/beehacker/~4/iDW6TFeDFiQ" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/beehacker/~3/iDW6TFeDFiQ/include-code-samples-in-blog-post.html</link><author>noreply@blogger.com (Expectedmiracle)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/_-92RYKVjuXg/RcONYozSYcI/AAAAAAAAACo/VmCZ9AF3WO4/s72-c/lt.JPG" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://beehacker.blogspot.com/2007/02/include-code-samples-in-blog-post.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4015155777717502209.post-1099735743741057470</guid><pubDate>Fri, 02 Feb 2007 18:18:00 +0000</pubDate><atom:updated>2007-03-07T23:39:08.525-05:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Adsense Help</category><title>Adsense Ads in the Post</title><description>&lt;div class="quote"&gt;&lt;span class="quotebig"&gt;"&lt;/span&gt;Insert the ads right into the blog post. Above the post, below the post or both places, the choice is yours&lt;span class="quotebig"&gt;"&lt;/span&gt;&lt;/div&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;1)To make the ads Float to the left of the post as shown in the picture:&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_-92RYKVjuXg/RcOCP4zSYTI/AAAAAAAAABY/pvke8YSj6dc/s1600-h/FloatLeftwebshot.GIF"&gt;&lt;img id="BLOGGER_PHOTO_ID_5027004818532753714" style="margin: 0px auto 10px; display: block; cursor: pointer; text-align: center;" alt="" src="http://3.bp.blogspot.com/_-92RYKVjuXg/RcOCP4zSYTI/AAAAAAAAABY/pvke8YSj6dc/s400/FloatLeftwebshot.GIF" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;i)First of all copy the adsense code for the advertisement.&lt;br /&gt;ii)The original format cannot be used in the blogger template. You will get the error message.&lt;br /&gt;iii)You have to change the adsense code a little bit. Don't worry, its not the violation of Adsense Terms of Agreement.&lt;br /&gt;iv)Repalce all the &lt;span style="font-size:180%;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;&lt;/span&gt; &lt;/span&gt;with &lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_-92RYKVjuXg/RcONYozSYcI/AAAAAAAAACo/VmCZ9AF3WO4/s1600-h/lt.JPG"&gt;&lt;img id="BLOGGER_PHOTO_ID_5027017063484514754" style="width: 53px; cursor: pointer; height: 36px;" alt="" src="http://2.bp.blogspot.com/_-92RYKVjuXg/RcONYozSYcI/AAAAAAAAACo/VmCZ9AF3WO4/s320/lt.JPG" border="0" /&gt;&lt;/a&gt; and&lt;span style="font-weight: bold;"&gt; &lt;span style="font-size:180%;"&gt;&gt;&lt;/span&gt;&lt;/span&gt;with &lt;img id="BLOGGER_PHOTO_ID_5027016870210986418" style="cursor: pointer;" alt="" src="http://1.bp.blogspot.com/_-92RYKVjuXg/RcONNYzSYbI/AAAAAAAAACg/4wtiC-UN2BU/s320/gt.JPG" border="0" /&gt; using notepad (Copy the adsense code to notepad go to &lt;span style="font-weight: bold;"&gt;Edit&gt;Repalce&lt;/span&gt; , type the parameters in the &lt;span style="font-style: italic;"&gt;Find What&lt;/span&gt; and &lt;span style="font-style: italic;"&gt;Repalce With&lt;/span&gt; fields and click &lt;span style="font-style: italic;"&gt;Repalce All&lt;/span&gt; as shown in this picture)&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_-92RYKVjuXg/RcOOOYzSYdI/AAAAAAAAACw/WYspeTScxkc/s1600-h/replace.JPG"&gt;&lt;img id="BLOGGER_PHOTO_ID_5027017986902483410" style="cursor: pointer;" alt="" src="http://1.bp.blogspot.com/_-92RYKVjuXg/RcOOOYzSYdI/AAAAAAAAACw/WYspeTScxkc/s320/replace.JPG" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;v)On the Blogger, go to &lt;span style="font-weight: bold;"&gt;Customize&gt; Template&gt; Edit HTML &lt;/span&gt;&lt;span&gt;and&lt;/span&gt;&lt;span style="font-weight: bold;"&gt; &lt;/span&gt;&lt;span&gt;make sure to&lt;/span&gt;&lt;span style="font-weight: bold;"&gt; &lt;/span&gt;&lt;span&gt;check the box next to Expand widget templates.&lt;/span&gt;&lt;br /&gt;vi)Insert the code just before  &amp;lt;div class='post-body'&amp;gt; as shown here&lt;br /&gt;&lt;br /&gt;&lt;div style="BORDER-RIGHT: silver 2px solid; BORDER-TOP: silver 2px solid; FONT-SIZE: 12px; OVERFLOW: auto; BORDER-LEFT: silver 2px solid; WIDTH: 450px; BORDER-BOTTOM: silver 2px solid; HEIGHT: 200px; background-color: rgb(102, 102, 102); color: rgb(204, 255, 255);font-family:Fixedsys;"&gt;&amp;lt;div class='post-header-line-1'&amp;gt;&amp;lt;span class='post-timestamp'&amp;gt;&lt;br /&gt;       &amp;lt;b:if cond='data:top.showTimestamp'&amp;gt;&lt;br /&gt;         &amp;lt;data:top.timestampLabel/&amp;gt;&lt;br /&gt;       &amp;lt;b:if cond='data:post.url'&amp;gt;&lt;br /&gt;         &amp;lt;a class='timestamp-link' expr:href='data:post.url' title='permanent link'&amp;gt;&amp;lt;data:post.timestamp/&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;       &amp;lt;/b:if&amp;gt;&lt;br /&gt;       &amp;lt;/b:if&amp;gt;&lt;br /&gt;     &amp;lt;/span&amp;gt; &amp;lt;/div&amp;gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 153);"&gt;&amp;lt;div style=float:left;&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 153);"&gt;Insert Adsense code here&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 255, 153);"&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;div class='post-body'&amp;gt;&lt;br /&gt;     &amp;lt;p&amp;gt;&amp;lt;data:post.body/&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;     &amp;lt;div style='clear: both;'/&amp;gt; &amp;lt;!-- clear for photos floats --&amp;gt;&lt;br /&gt;   &amp;lt;/div&amp;gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;2)Adsense ads after the post&lt;/span&gt;&lt;br /&gt;Repeat Steps (i) to (v) shown above. Then Insert the adsense code just before  &amp;lt;div class='post-footer'&amp;gt; as shown below&lt;br /&gt;&lt;blockquote  style="background-color: rgb(102, 102, 102); color: rgb(204, 255, 255);font-family:Fixedsys;"&gt;&lt;span style="font-size:85%;"&gt;&lt;span style="color: rgb(255, 255, 153);"&gt;&lt;/span&gt;&amp;lt;div class='post-body'&amp;gt;&lt;br /&gt;     &amp;lt;p&amp;gt;&amp;lt;data:post.body/&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;     &amp;lt;div style='clear: both;'/&amp;gt; &amp;lt;!-- clear for photos floats --&amp;gt;&lt;br /&gt;   &amp;lt;/div&amp;gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;span style="color: rgb(255, 255, 153);"&gt;&amp;lt;div&amp;gt;&lt;/span&gt; &lt;span style="color: rgb(255, 255, 153);"&gt;Insert Adsense code here&lt;/span&gt;  &lt;span style="color: rgb(255, 255, 153);"&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;  &lt;/span&gt;&lt;br /&gt;&lt;span style="font-size:85%;"&gt;&lt;span style="color: rgb(255, 255, 153);"&gt;&lt;span style="color: rgb(204, 255, 255);"&gt;&amp;lt;div class='post-footer'&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/blockquote&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;3)Adsense ads on top of the page&lt;/span&gt;&lt;br /&gt;Repeat Steps (i) to (v) shown above. Then Insert the adsense code just before &amp;lt;div id='header-wrapper'&amp;gt; as shown below&lt;br /&gt;&lt;br /&gt;&lt;div style="BORDER-RIGHT: silver 2px solid; BORDER-TOP: silver 2px solid; FONT-SIZE: 12px; OVERFLOW: auto; BORDER-LEFT: silver 2px solid; WIDTH: 450px; BORDER-BOTTOM: silver 2px solid; HEIGHT: 200px; background-color: rgb(102, 102, 102); color: rgb(204, 255, 255);font-family:Fixedsys;"&gt;&amp;lt;/head&amp;gt;&lt;br /&gt;&lt;br /&gt;  &amp;lt;body&amp;gt;&lt;br /&gt;  &amp;lt;div id='outer-wrapper'&amp;gt;&amp;lt;div id='wrap2'&amp;gt;&lt;br /&gt;&lt;br /&gt;    &amp;lt;!-- skip links for text browsers --&amp;gt;&lt;br /&gt;    &amp;lt;span id='skiplinks' style='display:none;'&amp;gt;&lt;br /&gt;      &amp;lt;a href='#main'&amp;gt;skip to main &amp;lt;/a&amp;gt; |&lt;br /&gt;      &amp;lt;a href='#sidebar'&amp;gt;skip to sidebar&amp;lt;/a&amp;gt;&lt;br /&gt;    &amp;lt;/span&amp;gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;span style="color: rgb(255, 255, 153);"&gt;&amp;lt;div&amp;gt;&lt;/span&gt;  &lt;span style="color: rgb(255, 255, 153);"&gt;Insert Adsense code here&lt;/span&gt;  &lt;span style="color: rgb(255, 255, 153);"&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;  &lt;/span&gt; &lt;/span&gt;&amp;lt;div id='header-wrapper'&amp;gt;&lt;span style="font-size:85%;"&gt;&lt;span style="color: rgb(255, 255, 153);"&gt;&lt;span style="color: rgb(204, 255, 255);"&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_-92RYKVjuXg/RcOBRIzSYRI/AAAAAAAAABE/sVBs1nz2JQM/s1600-h/FloatLeftwebshot.GIF"&gt;&lt;br /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4015155777717502209-1099735743741057470?l=beehacker.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/beehacker/~4/elgeZsWEAx0" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/beehacker/~3/elgeZsWEAx0/adsense-ads-in-post.html</link><author>noreply@blogger.com (Expectedmiracle)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/_-92RYKVjuXg/RcOCP4zSYTI/AAAAAAAAABY/pvke8YSj6dc/s72-c/FloatLeftwebshot.GIF" height="72" width="72" /><thr:total>12</thr:total><feedburner:origLink>http://beehacker.blogspot.com/2007/02/adsense-ads-in-post.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4015155777717502209.post-403870840257626002</guid><pubDate>Mon, 20 Nov 2006 13:52:00 +0000</pubDate><atom:updated>2010-06-26T14:13:42.448-04:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Cool Tricks</category><category domain="http://www.blogger.com/atom/ns#">Music and MP3</category><title>How To Add MP3 PLayer in Your Blog</title><description>&lt;div class="quote"&gt;&lt;span class="quotebig"&gt;"&lt;/span&gt;Lightweight MP3 Player which makes all the MP3 Links in your blog playable with a click&lt;span class="quotebig"&gt;"&lt;/span&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;span class="bigfirst"&gt;M&lt;/span&gt;any people come with difficulties when they try to make the MP3 files playable from their blog. Sometimes you have to download certain files and host the files on a remote server and import those files and sometimes you get bombarded with irritating popups for adding the MP3 player. Space requirements for some players is also a problem. But now its easy to do so. All you need is del.icio.us Playtagger.Just include a piece of code in your HTML and all the links to MP3 Files become playable on your Blog. Isn't that cool??&lt;br /&gt;How to include Playtagger in Blogger Beta:&lt;br /&gt;&lt;br /&gt;1)Go to &lt;span style="font-weight: bold;"&gt;Customize&gt;Template&gt; Edit HTML&lt;/span&gt;&lt;br /&gt;and place the following piece of code between &amp;lt;/head&amp;gt; and &amp;lt;body&amp;gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;blockquote style="background-color: rgb(102, 102, 102); color: rgb(204, 255, 255); font-family: Fixedsys;"&gt;&lt;span style="font-size:85%;"&gt;&amp;lt;/head&amp;gt;&lt;br /&gt;&amp;lt;script src='http://images.del.icio.us/static/js/playtagger.js' type='text/javascript'/&amp;gt;&lt;br /&gt;  &amp;lt;body&amp;gt;&lt;/span&gt;&lt;/blockquote&gt;&lt;br /&gt;2)Save your work.&lt;br /&gt;&lt;br /&gt;Now whenever you link to mp3's ending in .mp3, a clickable play button will be automatically added.&lt;br /&gt;&lt;br /&gt;In addition to this method, there are other ways to play the songs in playlists as well. Please see &lt;a href="http://beehacker.blogspot.com/2010/06/create-music-blog-for-free-easy-way.html"&gt;this post to add playlists in your blog&lt;/a&gt;.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4015155777717502209-403870840257626002?l=beehacker.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/beehacker/~4/ZwR0XfAaNCw" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/beehacker/~3/ZwR0XfAaNCw/how-to-add-mp3-player-in-your-blog.html</link><author>noreply@blogger.com (Expectedmiracle)</author><thr:total>11</thr:total><feedburner:origLink>http://beehacker.blogspot.com/2006/11/how-to-add-mp3-player-in-your-blog.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4015155777717502209.post-3333818254810122906</guid><pubDate>Thu, 16 Nov 2006 06:22:00 +0000</pubDate><atom:updated>2007-02-02T03:46:44.672-05:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">blogger hacks</category><title>Recover Deleted Post</title><description>well wondering how to do this?? There is a trick and that works if you have burned your feeds. If you go to your feed address in feedburner, you can see all the contents of your blog. So if you have deleted any of your posts and later realised that you needed the same post or siilar post, then simply go to your feed address and copy and paste the post which you found in that page but which can't be found in your main blog page because you have already deleted it from there.&lt;br /&gt;&lt;br /&gt;But how was it possible?? Well, its because it takes some time for your feed to be updated. When you have deleted your post, it was removed from your blog page but not from your feed page because it was not updated yet.It works only for short timeframe, probably for some hours only, until the feed page is updated. Eventhough, its a good thing that you can recover your post if you act fast.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4015155777717502209-3333818254810122906?l=beehacker.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/beehacker/~4/q7EOAePWMRs" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/beehacker/~3/q7EOAePWMRs/how-to-recover-your-post-in-blogger-if.html</link><author>noreply@blogger.com (Expectedmiracle)</author><thr:total>6</thr:total><feedburner:origLink>http://beehacker.blogspot.com/2006/11/how-to-recover-your-post-in-blogger-if.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-4015155777717502209.post-4871319677568080794</guid><pubDate>Wed, 15 Nov 2006 02:43:00 +0000</pubDate><atom:updated>2007-02-15T01:32:39.459-05:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Cool Tricks</category><title>Add Latest Posts Sidebar</title><description>&lt;p class="bigfirst"&gt;B&lt;/p&gt;logger Beta does not support adding the latest posts column in the sidebar but you can do a trick here so that you can make browsing your blog easier.The trick is using the feed service to burn your feed using service such as &lt;a href="http://feedburner.com/" target="_blank"&gt;feedburner&lt;/a&gt;  (or the blogger feed, if you don't want to use any other feed service) and put this feed link in your blog. With feedburner feeds ready, you can proceed in two ways.&lt;br /&gt;&lt;br /&gt;The first way is  described below:-&lt;br /&gt;&lt;br /&gt;1)In your feedburner account, go to &lt;span style="font-weight: bold;"&gt;Publicize&gt; Buzzboost&lt;/span&gt; and click &lt;span style="font-weight: bold;"&gt;Activate&lt;/span&gt; button&lt;br /&gt;2)Now you can change the settings in whatever way you wish. You can even include the date and the text summary. Save it.&lt;br /&gt;3)Copy the code  in Blogger by clicking &lt;strong&gt;Customize&lt;/strong&gt;&gt;&lt;strong&gt;Template&lt;/strong&gt;&lt;strong&gt;&gt;add a page element&lt;/strong&gt;&gt; &lt;span style="font-weight: bold;"&gt;HTML/JavaScript&lt;/span&gt;&lt;strong&gt;&lt;span style="font-weight: bold;"&gt; &lt;/span&gt;. &lt;span style="font-weight: normal;"&gt;Change the name to Latest Posts  and save your work.&lt;br /&gt;&lt;br /&gt;Now the Second way;&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;1)After you burn your feeds in feedburner , copy your feed URL eg.&lt;em&gt;http://feeds.feedburner.com/YOURFEEDNAME&lt;/em&gt;.&lt;br /&gt;&lt;br /&gt;Alternatively,you can use the blogger feed instead. Your feed  address is &lt;em&gt;http://BLOGNAME.blogspot.com/feeds/posts/default&lt;/em&gt;&lt;br /&gt;&lt;br /&gt;2)Go to &lt;strong&gt;Customize&lt;/strong&gt;&gt;&lt;strong&gt;Template&lt;/strong&gt;&lt;strong&gt;&gt;add a page element&lt;/strong&gt;&gt;&lt;strong&gt;feed &lt;/strong&gt;in blogger beta. Paste the address of your feed in the &lt;em&gt;feed url&lt;/em&gt;.&lt;br /&gt;&lt;br /&gt;4)Name it as latest posts.You can also modify it to contain date and author's name.&lt;br /&gt;&lt;br /&gt;5)Save your work.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Please note&lt;/strong&gt; that if you try to test the feed links for posts in your browser, it doesn't open a webpage in Internet Explorer. It opens a webpage in Firefox. Eventhough, the sidebar works perfectly well in both browsers and displays the latest posts.&lt;br /&gt;&lt;br /&gt;Related Topics&lt;br /&gt;&lt;a href=http://beehacker.blogspot.com/2007/02/adding-latest-comments-sidebar.html&gt;Add Latest Comments Sidebar&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4015155777717502209-4871319677568080794?l=beehacker.blogspot.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/beehacker/~4/hRxc0Am5TYE" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/beehacker/~3/hRxc0Am5TYE/adding-latest-post-column-on-blogger.html</link><author>noreply@blogger.com (Expectedmiracle)</author><thr:total>0</thr:total><feedburner:origLink>http://beehacker.blogspot.com/2006/11/adding-latest-post-column-on-blogger.html</feedburner:origLink></item></channel></rss>

