<?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>Bloganol.com &#187; html</title>
	<atom:link href="http://www.bloganol.com/category/html/feed" rel="self" type="application/rss+xml" />
	<link>http://www.bloganol.com</link>
	<description></description>
	<lastBuildDate>Sun, 04 Jul 2010 16:30:57 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Code for placing stylish 125x125px banner ads on your blogs</title>
		<link>http://www.bloganol.com/2009/11/code-placing-stylish-125x125px-banner-ads-blogs.html</link>
		<comments>http://www.bloganol.com/2009/11/code-placing-stylish-125x125px-banner-ads-blogs.html#comments</comments>
		<pubDate>Sun, 22 Nov 2009 08:36:28 +0000</pubDate>
		<dc:creator>Deineshd</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[html]]></category>

		<guid isPermaLink="false">http://www.bloganol.com/?p=2492</guid>
		<description><![CDATA[When you start direct advertising or showing the affiliate banners in your blogs you should need the smarter way to display these banners by making them attractive and highlighting.So I have brought you the code that helps you place 125x125px banner ads in your blog in a good way. Demo CSS code .ads-sponsors { margin-top:5px; } .ads-sponsors img { padding: 5px; border: 1px solid #CCCCCC; margin-right: 5px; margin-bottom: 5px; } .ads-sponsors p { font-size: 12px; [...]]]></description>
			<content:encoded><![CDATA[<p></p><p class="dropcap-first">When you start direct advertising or showing the affiliate banners in your blogs you should need the smarter way to display these banners by making them attractive and highlighting.So I have brought you the code that helps you place 125x125px banner ads in your blog in a good way.</p>
<h3>Demo</h3>
<p><img class="alignleft size-full wp-image-2507" style="border:none;" title="125x125 sponsors ad" src="http://www.bloganol.com/wp-content/uploads/2009/11/125x125-sponsors-ad.jpg" alt="125x125 sponsors ad" width="349" height="356" /></p>
<h3>CSS code</h3>
<div class="codex"><code>.ads-sponsors {<br />
margin-top:5px;<br />
}<br />
.ads-sponsors img {<br />
padding: 5px;<br />
border: 1px solid #CCCCCC;<br />
margin-right: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.ads-sponsors p {<br />
font-size: 12px;<br />
margin: 10px 0px 0px;<br />
padding: 0px;<br />
float: left;<br />
width: 342px;<br />
font-weight: bold;<br />
color: #000000;<br />
}<br />
.ads-sponsors p a {<br />
color: #006699;<br />
text-decoration: underline;<br />
}<br />
.ads-sponsors img:hover {<br />
padding: 5px;<br />
border: 1px solid #999999;<br />
margin-right: 5px;<br />
margin-bottom: 5px;<br />
}<br />
</code></div>
<h3>HTML Code</h3>
<div class="codex"><code>&lt;div id="advert_125x125"&gt;<br />
&lt;a href="LINK-1"&gt;&lt;img alt="Ad" src="LINK-1_IMAGE-SRC.jpg"/&gt;&lt;/a&gt;<br />
&lt;a href="LINK-2"&gt;&lt;img alt="Ad" src="LINK-2_IMAGE-SRC.jpg"/&gt;&lt;/a&gt;<br />
&lt;a href="LINK-3"&gt;&lt;img alt="Ad" src="LINK-3_IMAGE-SRC.jpg"/&gt;&lt;/a&gt;<br />
&lt;a href="LINK-4"&gt;&lt;img alt="Ad" src="LINK-4_IMAGE-SRC.jpg"/&gt;&lt;/a&gt;<br />
&lt;/div&gt;<br />
</code></div>
]]></content:encoded>
			<wfw:commentRss>http://www.bloganol.com/2009/11/code-placing-stylish-125x125px-banner-ads-blogs.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>How to install Blogger Html Template</title>
		<link>http://www.bloganol.com/2008/02/how-to-install-blogger-html-template.html</link>
		<comments>http://www.bloganol.com/2008/02/how-to-install-blogger-html-template.html#comments</comments>
		<pubDate>Tue, 26 Feb 2008 16:32:00 +0000</pubDate>
		<dc:creator>Deineshd</dc:creator>
				<category><![CDATA[Free Blogger Templates]]></category>
		<category><![CDATA[html]]></category>

		<guid isPermaLink="false">http://bloganol.com/2008/02/how-to-install-blogger-html-template.html</guid>
		<description><![CDATA[Step 1 Download Blogger Html Template( It May be in .txt or .zip Format) Step 2 After Download open it in Notepad and Copy the Text. Step 3 Goto Blogger Edit Html Page. Step 4 Click Revert to Classic template in The foot of Edit Html Page. Step 5 Paste Your Template Code . Step 6 Save your Template. http://feeds.feedburner.com/bloganol]]></description>
			<content:encoded><![CDATA[<p></p><p class="dropcap-first">
<h1>Step 1</h1>
<p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_Sy2Ab2UICp0/R6RQ5cYKm3I/AAAAAAAAAAo/trlnAsIzPWg/s400/download.png" rel="lightbox[1794]"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px;" src="http://2.bp.blogspot.com/_Sy2Ab2UICp0/R6RQ5cYKm3I/AAAAAAAAAAo/trlnAsIzPWg/s400/download.png" alt="download How to install Blogger Html Template" border="0" title="How to install Blogger Html Template" /></a><span style="font-weight: bold;">Download</span> Blogger Html Template( It May be in .txt or .zip Format)</p>
<h1>Step 2</h1>
<p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_Sy2Ab2UICp0/R8Q_WpmuO8I/AAAAAAAAADQ/VMMcsg9mQg0/s1600-h/copy.png" rel="lightbox[1794]"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://3.bp.blogspot.com/_Sy2Ab2UICp0/R8Q_WpmuO8I/AAAAAAAAADQ/VMMcsg9mQg0/s400/copy.png" alt="copy How to install Blogger Html Template" id="BLOGGER_PHOTO_ID_5171327930486111170" border="0" title="How to install Blogger Html Template" /></a>After Download open it in Notepad and <span style="font-weight: bold;">Copy the Text.</p>
<p></span><br />
<h1>Step 3</h1>
<p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_Sy2Ab2UICp0/R6RRWsYKm4I/AAAAAAAAAAw/knmmjMjnCiM/s400/Click+Edit+Html.png" rel="lightbox[1794]"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px;" src="http://3.bp.blogspot.com/_Sy2Ab2UICp0/R6RRWsYKm4I/AAAAAAAAAAw/knmmjMjnCiM/s400/Click+Edit+Html.png" alt="Click+Edit+Html How to install Blogger Html Template" border="0" title="How to install Blogger Html Template" /></a>Goto Blogger <span style="font-weight: bold;">Edit Html </span>Page.</p>
<h1>Step 4</h1>
<p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_Sy2Ab2UICp0/R8RA2JmuO9I/AAAAAAAAADY/05GnbQHJRaA/s1600-h/rev.png" rel="lightbox[1794]"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_Sy2Ab2UICp0/R8RA2JmuO9I/AAAAAAAAADY/05GnbQHJRaA/s400/rev.png" alt="rev How to install Blogger Html Template" id="BLOGGER_PHOTO_ID_5171329571163618258" border="0" title="How to install Blogger Html Template" /></a><br />Click <span style="font-weight: bold;">Revert to Classic template</span> in The foot of Edit Html Page.</p>
<h1>Step 5</h1>
<p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_Sy2Ab2UICp0/R8RCWJmuO-I/AAAAAAAAADg/tyTUWnJCCA8/s1600-h/past.png" rel="lightbox[1794]"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://1.bp.blogspot.com/_Sy2Ab2UICp0/R8RCWJmuO-I/AAAAAAAAADg/tyTUWnJCCA8/s400/past.png" alt="past How to install Blogger Html Template" id="BLOGGER_PHOTO_ID_5171331220431059938" border="0" title="How to install Blogger Html Template" /></a><span style="font-weight: bold;">Paste</span> Your Template Code .</p>
<h1>Step 6</h1>
<p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_Sy2Ab2UICp0/R8RCp5muO_I/AAAAAAAAADo/AygBYpTcyGI/s1600-h/save.png" rel="lightbox[1794]"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_Sy2Ab2UICp0/R8RCp5muO_I/AAAAAAAAADo/AygBYpTcyGI/s400/save.png" alt="save How to install Blogger Html Template" id="BLOGGER_PHOTO_ID_5171331559733476338" border="0" title="How to install Blogger Html Template" /></a><span style="font-weight: bold;">Save</span> your Template.
<div class="blogger-post-footer">http://feeds.feedburner.com/bloganol</div>
]]></content:encoded>
			<wfw:commentRss>http://www.bloganol.com/2008/02/how-to-install-blogger-html-template.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bloganol Blogger Template</title>
		<link>http://www.bloganol.com/2008/02/bloganol-blogger-template.html</link>
		<comments>http://www.bloganol.com/2008/02/bloganol-blogger-template.html#comments</comments>
		<pubDate>Tue, 26 Feb 2008 15:55:00 +0000</pubDate>
		<dc:creator>Deineshd</dc:creator>
				<category><![CDATA[Free Blogger Templates]]></category>
		<category><![CDATA[html]]></category>

		<guid isPermaLink="false">http://bloganol.com/2008/02/bloganol-blogger-template.html</guid>
		<description><![CDATA[This is a Unique type of blogger Template Modified By Bloganol.It is very attractive to use.Some People May have dream to make Blogger Their Own Property although it is not always Fulfilled but anyone can make their Blog Like Blogger. You will Find DEMOBLOG more attractive.Download is also available for You.Copy code from Below and Paste to Your blog html. Got Problem to Copy above Code? Download Text File. It is HTML coded Template so [...]]]></description>
			<content:encoded><![CDATA[<p></p><p class="dropcap-first">
<div style="TEXT-ALIGN: justify"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_Sy2Ab2UICp0/R8Q5Z5muO6I/AAAAAAAAAC8/DV77K5NaB04/s1600-h/blogger.png" rel="lightbox[1793]"><img id="BLOGGER_PHOTO_ID_5171321389250919330" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: pointer; TEXT-ALIGN: center" alt="blogger Bloganol Blogger Template" src="http://4.bp.blogspot.com/_Sy2Ab2UICp0/R8Q5Z5muO6I/AAAAAAAAAC8/DV77K5NaB04/s400/blogger.png" border="0" title="Bloganol Blogger Template" /></a><br />This is a Unique type of blogger Template Modified By Bloganol.It is very attractive to use.Some People May have dream to make Blogger Their Own Property although it is not always Fulfilled but anyone can make their Blog Like Blogger.</p>
<p>You will Find <a href="http://bloganol-bloggertemplate.blogspot.com/">DEMOBLOG</a> more attractive.Download is also available for You.Copy code from Below and Paste to Your blog html.</p>
<p><iframe src="http://bloganolblog.googlepages.com/bloganol-blgspotbloggertempalte.txt" width="500" height="200"></iframe></div>
<div style="TEXT-ALIGN: justify"></div>
<div style="TEXT-ALIGN: justify">Got Problem to Copy above Code? <a href="http://bloganolblog.googlepages.com/bloganol-blgspotbloggertempalte.txt" class="broken_link">Download Text File</a>.</p>
<p>It is HTML coded Template so many of them find difficult to use it.<a href="http://bloganol.blogspot.com/2008/02/how-to-install-blogger-html-template.html">Click Here</a> For Solution.</div>
<div class="blogger-post-footer">http://feeds.feedburner.com/bloganol</div>
]]></content:encoded>
			<wfw:commentRss>http://www.bloganol.com/2008/02/bloganol-blogger-template.html/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>
