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/AVvXsEj8MV3YLmEoEONAsFfzGtXEmu7-1xt7fcbDCVxjrhnNMp6RV2YjJLoCR4s_TuFT6pGdluwBqM0Ppqq3F-JzA2Wvl9Rw-wZzqKOUQgHGweWk-P2vjehutoRQmUeTkKK5Hw88lzHtz4zYLhs/s1600/rtmxbanner.gif" />
</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/AVvXsEj8MV3YLmEoEONAsFfzGtXEmu7-1xt7fcbDCVxjrhnNMp6RV2YjJLoCR4s_TuFT6pGdluwBqM0Ppqq3F-JzA2Wvl9Rw-wZzqKOUQgHGweWk-P2vjehutoRQmUeTkKK5Hw88lzHtz4zYLhs/s1600/rtmxbanner.gif" />
</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/AVvXsEj8MV3YLmEoEONAsFfzGtXEmu7-1xt7fcbDCVxjrhnNMp6RV2YjJLoCR4s_TuFT6pGdluwBqM0Ppqq3F-JzA2Wvl9Rw-wZzqKOUQgHGweWk-P2vjehutoRQmUeTkKK5Hw88lzHtz4zYLhs/s1600/rtmxbanner.gif" />
</div><style>
#sspeakerbanner{
position:absolute;
right:0px;
top:0px;
}
</style>
I have not linked the image to anything, though a link back to this page in your blog is welcomed.
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8MV3YLmEoEONAsFfzGtXEmu7-1xt7fcbDCVxjrhnNMp6RV2YjJLoCR4s_TuFT6pGdluwBqM0Ppqq3F-JzA2Wvl9Rw-wZzqKOUQgHGweWk-P2vjehutoRQmUeTkKK5Hw88lzHtz4zYLhs/s1600/rtmxbanner.gif" />
</div><style>
#sspeakerbanner{
position:absolute;
right:0px;
top:0px;
}
</style>
1 comments so far:
Thanks for this banner! Love it!
Keep up the good work!
John
Merry Christmas!
Post a Comment