Login To Blogger Go To > Design > Page Elements.
Simply add a Gadget of HTML/JavaScript type.
add this code in to it:
<div id="sspeakerbanner">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuABfRjz_T76cMDwhCq8y-kk6m8f4zSXEL7afK1_3W8nS5xWarKL9EbNsoVxyX7zYMY6zJSjsFLbCqV50J7pTnuZLdVg5moDsAGhlFEV6Ph8IfSmpuZjY4n8GRQEmWnunXpKZamn6dyr8/s1600/rthnybanner.png" />
</div><style>
#sspeakerbanner{
position:fixed;
right:0px;
top:0px;
}
</style>
Make Banner Non-sticky (It won't follow you when you scroll down)<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuABfRjz_T76cMDwhCq8y-kk6m8f4zSXEL7afK1_3W8nS5xWarKL9EbNsoVxyX7zYMY6zJSjsFLbCqV50J7pTnuZLdVg5moDsAGhlFEV6Ph8IfSmpuZjY4n8GRQEmWnunXpKZamn6dyr8/s1600/rthnybanner.png" />
</div><style>
#sspeakerbanner{
position:fixed;
right:0px;
top:0px;
}
</style>
Use this code instead:
<div id="sspeakerbanner">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuABfRjz_T76cMDwhCq8y-kk6m8f4zSXEL7afK1_3W8nS5xWarKL9EbNsoVxyX7zYMY6zJSjsFLbCqV50J7pTnuZLdVg5moDsAGhlFEV6Ph8IfSmpuZjY4n8GRQEmWnunXpKZamn6dyr8/s1600/rthnybanner.png" />
</div><style>
#sspeakerbanner{
position:absolute;
right:0px;
top:0px;
}
</style>
Happy New Year. May 2011 be the best year yet for you.
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuABfRjz_T76cMDwhCq8y-kk6m8f4zSXEL7afK1_3W8nS5xWarKL9EbNsoVxyX7zYMY6zJSjsFLbCqV50J7pTnuZLdVg5moDsAGhlFEV6Ph8IfSmpuZjY4n8GRQEmWnunXpKZamn6dyr8/s1600/rthnybanner.png" />
</div><style>
#sspeakerbanner{
position:absolute;
right:0px;
top:0px;
}
</style>
3 comments so far:
Thanks for this .... happy new year to u too :)
You're most welcome, Lyricslk :)
Thank you very much i been searching for this
I wish you a Happy New Year
Results Center Team
Post a Comment