Sabtu, 26 Desember 2009

Install an Icon on Our Corner Blog

Hi bro, i want to talk about "how to install an icon on our corner blog side". You can see about the icon on my blog tooo, look at right bottom of this blog, yes you r right, you will see a cute icon with word GoOd LucK. to make it in our blog is very2 easy, we just need for simple steps

Login to your blogger account, n than choose layout option, Click edit HTML

Find tag ]]></b:skin> n than replace it with following code

#corner {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
]]></b:skin>




The last step, place following code before tag </body>

<div id="corner">
<a href="http://www.terjorok.com">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3hiMHx6kQjsecQgR5NmTzNKHfGfczdt_cCmyl_IA7Q-Ir2XW4jdsH4u81cZzFE7qIf5Tu-WJfIlCd-vczhzlsU8fw-Q8SEgcMdwy_F7OG_l5CdXb69GZqNtOoPu0HP7Bt_AjM4wLUTQnv/" border="0" /></a>
</div>




So, dont forgt to save your work. Preview your blog now...how easy?

You can to set or customize it, look at the code before tag ]]></b:skin>, right...you can replace "bottom" with "top", or "left" with "right"

So with the code before tag </body>, you can replace it with any/other widget you want, look at following code:

<div id="corner">
<a href="http://www.terjorok.com">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3hiMHx6kQjsecQgR5NmTzNKHfGfczdt_cCmyl_IA7Q-Ir2XW4jdsH4u81cZzFE7qIf5Tu-WJfIlCd-vczhzlsU8fw-Q8SEgcMdwy_F7OG_l5CdXb69GZqNtOoPu0HP7Bt_AjM4wLUTQnv/" border="0" /></a>
</div>

You just need for replace red code, ok friend GoOd LuCK! Any question...dont shame to contact/ask me..


hopefully helpful_

Tags: install an icon, corner blog trick, trick to appear an icon on corner, install corner icon with CSS