<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>IndiBlogger - Product and Community blog &#187; How To</title>
	<atom:link href="http://blog.indiblogger.in/category/how-to/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.indiblogger.in</link>
	<description>Official blog of IndiBlogger.in</description>
	<lastBuildDate>Fri, 09 Dec 2011 00:11:20 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>6 Easy steps to add IndiRank widget to a blogspot blog</title>
		<link>http://blog.indiblogger.in/2010/02/12/6-easy-steps-to-add-indirank-widget-to-blogspot-blog/</link>
		<comments>http://blog.indiblogger.in/2010/02/12/6-easy-steps-to-add-indirank-widget-to-blogspot-blog/#comments</comments>
		<pubDate>Fri, 12 Feb 2010 10:41:09 +0000</pubDate>
		<dc:creator>Anwin</dc:creator>
				<category><![CDATA[How To]]></category>
		<category><![CDATA[blogspot]]></category>
		<category><![CDATA[IndiRank]]></category>
		<category><![CDATA[indirank help]]></category>
		<category><![CDATA[widget]]></category>

		<guid isPermaLink="false">http://blog.indiblogger.in/2010/02/12/6-easy-steps-to-add-indirank-widget-to-blogspot-blog/</guid>
		<description><![CDATA[This is a beginner to mid level blogger tutorial &#8211; on how to add the IndiRank widget to your blogspot blog in 6 easy steps . I hope it helps Login to www.blogger.com and click on &#8216;Layout&#8217; under your blog as shown in pic. In the resulting page, click on Add Gadget from the sidebar [...]]]></description>
			<content:encoded><![CDATA[<p>This is a beginner to mid level blogger tutorial &#8211; on how to add the IndiRank widget to your blogspot blog in 6 easy steps . I hope it helps <span style="font-family: Wingdings;"> <img src='http://blog.indiblogger.in/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </span></p>
<ol>
<li>Login to <a href="http://www.blogger.com">www.blogger.com</a> and click on &#8216;Layout&#8217; under your blog as shown in pic.</li>
</ol>
<p><img src="http://blog.indiblogger.in/wp-content/uploads/2010/02/021210_1040_6Easystepst1.jpg" alt="" width="515" height="322" /></p>
<ol>
<li>In the resulting page, click on Add Gadget from the sidebar where you would like to display your Indi Rank Widget. See pic below:</li>
</ol>
<p><img src="http://blog.indiblogger.in/wp-content/uploads/2010/02/021210_1040_6Easystepst2.jpg" alt="" width="532" height="334" /></p>
<ol>
<li>
<div>You will get a pop-up where you can choose the gadget to add to your sidebar. Select HTML/Javascript gadget by clicking on the &#8216;+&#8217; sign to the right of the gadget title. See picture below:</div>
</li>
</ol>
<p><img src="http://blog.indiblogger.in/wp-content/uploads/2010/02/021210_1040_6Easystepst3.jpg" alt="" width="563" height="353" /></p>
<ol>
<li>Now, keep these web pages open and log in to <a href="http://www.indiblogger.in">www.indiblogger.in</a>. Then you need to visit the IndiRank page and select the widget from <a href="http://www.indiblogger.in/widgets_indirank_customize.php">http://www.indiblogger.in/widgets_indirank_customize.php</a>. To copy left click inside white box and then CTRL+C on your keyboard. Picture below:</li>
</ol>
<p><img src="http://blog.indiblogger.in/wp-content/uploads/2010/02/021210_1040_6Easystepst4.jpg" alt="" width="547" height="343" /></p>
<ol>
<li>
<div>Come back to the pop-up window where you would see a place to enter the title of the widget and also a large space for entering the code. In the larger area paste the earlier copied code from IndiBlogger.in by pressing CTRL+V on your keyboard.</div>
<p>Then click on &#8216;SAVE&#8217;. As in picture below:</li>
</ol>
<p><img src="http://blog.indiblogger.in/wp-content/uploads/2010/02/021210_1040_6Easystepst5.jpg" alt="" width="547" height="343" /></p>
<ol>
<li>And Voila&#8217; your blogspot blog can now show the IndiRank widget. Follow same procedure for other widgets and badgets too.</li>
</ol>
<p><img src="http://blog.indiblogger.in/wp-content/uploads/2010/02/021210_1040_6Easystepst6.jpg" alt="" width="542" height="340" /></p>
<p>Cheers and all the best!!!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.indiblogger.in/2010/02/12/6-easy-steps-to-add-indirank-widget-to-blogspot-blog/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>How to add IndiRank Widget to Windows Live Spaces</title>
		<link>http://blog.indiblogger.in/2009/08/11/how-to-add-indirank-widget-to-windos-live-spaces/</link>
		<comments>http://blog.indiblogger.in/2009/08/11/how-to-add-indirank-widget-to-windos-live-spaces/#comments</comments>
		<pubDate>Tue, 11 Aug 2009 15:55:05 +0000</pubDate>
		<dc:creator>Anwin</dc:creator>
				<category><![CDATA[How To]]></category>
		<category><![CDATA[feature]]></category>
		<category><![CDATA[live spaces]]></category>
		<category><![CDATA[Windows]]></category>

		<guid isPermaLink="false">http://blog.indiblogger.in/?p=225</guid>
		<description><![CDATA[Some of our IndiBloggers who have Windows Live Spaces blogs have had some problems putting up the IndiRank widget on their blogs. We tested the code and here&#8217;s the result. Comment: However, Windows Live Spaces is not accepting images. Could be a image compatibility problem. We are working on it as we blog. 1) Log [...]]]></description>
			<content:encoded><![CDATA[<p>Some of our IndiBloggers who have Windows Live Spaces blogs have had some problems putting up the IndiRank widget on their blogs. We tested the code and here&#8217;s the result.</p>
<p><em><span style="text-decoration: underline;">Comment:</span> However, Windows Live Spaces is not accepting images. Could be a image compatibility problem. We are working on it as we blog.</em></p>
<p>1) Log in to your Windows Live Spaces blog</p>
<p>2) Select &#8216;<em><strong>blog</strong></em>&#8216; from the menu after logging. See e.g. below:</p>
<p><img class="alignnone size-large wp-image-226" title="Livespaces_blog_1" src="http://blog.indiblogger.in/wp-content/uploads/2009/08/Livespaces_blog_1-1024x640.jpg" alt="Livespaces_blog_1" width="487" height="304" /></p>
<p>3) <span style="text-decoration: underline;">Select the widget module:</span></p>
<ul>
<li>Click on the &#8216;<em><strong>Customize</strong></em>&#8216; tab found on the upper right corner.</li>
<li>Click on &#8216;<em><strong>Add Modules</strong></em>&#8216; sub menu under &#8216;<strong><em>Customize</em></strong>&#8216;.</li>
<li>Then click on &#8216;<em><strong>Add</strong></em>&#8216; next to <strong><em>&#8216;Custom HTML</em></strong>&#8216;.</li>
<li>See picture below for details.</li>
</ul>
<p><img class="alignnone size-large wp-image-227" title="Livespaces_blog_2" src="http://blog.indiblogger.in/wp-content/uploads/2009/08/Livespaces_blog_2-1024x640.jpg" alt="Livespaces_blog_2" width="499" height="311" /></p>
<p>4) On the next screen click on <strong><em>Edit</em></strong> button under &#8216;<strong><em>Custom HTML</em></strong>&#8216;. See picture below for an example.</p>
<p><img class="alignnone size-large wp-image-228" title="Livespaces_blog_3" src="http://blog.indiblogger.in/wp-content/uploads/2009/08/Livespaces_blog_3-1024x640.jpg" alt="Livespaces_blog_3" width="487" height="303" /></p>
<p>5) <span style="text-decoration: underline;">IndiBlogger.in widget code</span></p>
<ul>
<li>Log in to <a title="Indiblogger" href="http://indiblogger.in/" target="_blank">Indiblogger.in</a></li>
<li>Visit the <a title="Indiblogger widgets" href="http://indiblogger.in/widgets.php" target="_blank">IndiBlogger.in widget page</a></li>
<li>Select the blog for which you need the widget for and click on <em><strong>Get Widget</strong></em> button (see picture below)</li>
<li>Then click on the link where it takes you to the code for wordpress.com and Windows Live Spaces blogs (See picture below)</li>
<li>Click in the code box by the side of the widget color you prefer (see picture below) and copy the code onto the computer clipboard (press CTRL+C on your computer keyboard)</li>
</ul>
<p><img class="alignnone size-large wp-image-230" title="Livespaces_blog_4" src="http://blog.indiblogger.in/wp-content/uploads/2009/08/Livespaces_blog_4-1024x640.jpg" alt="Livespaces_blog_4" width="496" height="310" /></p>
<p><img class="alignnone size-large wp-image-231" title="Livespaces_blog_5" src="http://blog.indiblogger.in/wp-content/uploads/2009/08/Livespaces_blog_5-1024x640.jpg" alt="Livespaces_blog_5" width="513" height="320" /></p>
<p><img class="alignnone size-large wp-image-232" title="Livespaces_blog_6" src="http://blog.indiblogger.in/wp-content/uploads/2009/08/Livespaces_blog_6-1024x640.jpg" alt="Livespaces_blog_6" width="506" height="316" /></p>
<p>6) Finish, the end, omega, or whatever</p>
<ul>
<li>Go back to your Windows Live Space page where you had opened the edit page for the Custom HTML code (see picture below)</li>
<li>Paste the code in the box (CTRL+V on your keyboard)</li>
<li>Click on Publish (see picture below)</li>
<li>That&#8217;s it. Your widget should be visible now.</li>
</ul>
<p><img class="alignnone size-large wp-image-233" title="Livespaces_blog_7" src="http://blog.indiblogger.in/wp-content/uploads/2009/08/Livespaces_blog_7-1024x640.jpg" alt="Livespaces_blog_7" width="526" height="328" /></p>
<p><img class="alignnone size-large wp-image-234" title="Livespaces_blog_7" src="http://blog.indiblogger.in/wp-content/uploads/2009/08/Livespaces_blog_71-1024x640.jpg" alt="Livespaces_blog_7" width="533" height="333" /></p>
<p>Happy blogging!!! Visit <a href="http://anwinj.spaces.live.com/" target="_blank">http://anwinj.spaces.live.com/</a> for a view of the end result.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.indiblogger.in/2009/08/11/how-to-add-indirank-widget-to-windos-live-spaces/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

