floating widget: add a widget floating

  • reiyo
  • Share
  • floating widget is a widget that is an image in the corner, and this image will not change even if we do scrolling. For example, you can open a blog riora-182.blogspot.com, in the lower right corner, you see the monkey picture, or the lower right corner of this blog there was an arrow. how to install it as follows:

    Loggin on your blog

    select the layout - edit HTML

    to prevent errors please download the template first
    expand widget - Download full template

    search code [[></b:skin>

    Put the code below just above the code we're looking for

    #floating {
    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); }

    copy the script below before the code </body>

    <div id='floating'>
    <a href='http://your blog address.blogspot.com/#top'>
    <img src='http://your image addres.jpg'/>

    after that save the template and see the results.
    image extension can be jpg, gif

    4 Responses to “floating widget: add a widget floating”

    blog buat bloggers said...
    December 24, 2009 at 4:49 AM

    bahasa inggris ya sob, translate dulu ya!!!

    Miftahuddin said...
    December 24, 2009 at 4:50 AM

    wah bahasa inggris ya,,

    junkelse said...
    December 26, 2009 at 12:13 PM

    ada contoh nya gak mas..

    Lifestyle Inspiration said...
    January 17, 2010 at 11:57 AM

    nice info....
    visit my blog ok.. Lifestyle Inspiration

    Post a Comment

    please leave your comment