Home » » Installing A Floating Widget on The Corner of Blog

Installing A Floating Widget on The Corner of Blog

Written By Unknown on Saturday, April 28, 2012 | 12:13:00 PM






This trick will help you to diplay your favorite widget, banner, ads, or some message for your blog visitors. This trick very recommended for you who want to attrack your blog visitors more in some target; you have new feature, or some product, or anything...? Just use this trick to get more attention, and more click :D





Steps to install floating widget in the corner:

1. Just login to your blog firt
2. Choose Template option

3. Click edit HTML => and click proceed!

4. Don't forget to click on the box: Expand Widget Templates

5. Now find ]]></b:skin> (use Ctrl+F)

6. Put code below before code ]]></b:skin>

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

Note: You may change bottom with top, or left with right

7. And put code below before </body> (use Ctrl+F to find the code)

<div id="floating_corner_blogger">
<a href="http://www.1000contents.com/">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcgFxprEhZeys0HYOJTJ_vEALE8KFy8ayB7qPLU5FQga6tR49w_vRbqdWkw5KPAwtoSfXpWrYSazUR2qJPMi64_l7m0nnWByIn7c3wKOIaJzvYASzggo89EdtMEIpcUeLLEY0q7nqKwI0_/s400/marquee_blogspot_1000contents.png" border="0" /></a>
</div>

Blue: your URL
Orange: your image URL

8. Save your template!

If you have any problem with the installation, just leave a comment. To set any preference, just change at each section which marked with bold, and any colors. Thanks for visiting. Don't forget to share with your friends :)

NOTE: to display other widget, you may change the code below with other code (your widget or ads code)

<a href="http://www.1000contents.com/">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcgFxprEhZeys0HYOJTJ_vEALE8KFy8ayB7qPLU5FQga6tR49w_vRbqdWkw5KPAwtoSfXpWrYSazUR2qJPMi64_l7m0nnWByIn7c3wKOIaJzvYASzggo89EdtMEIpcUeLLEY0q7nqKwI0_/s400/marquee_blogspot_1000contents.png" border="0" /></a>


Description: Install A Floating Widget on The Corner of Blog
Rating: 5.0
Author: Valghan
Title: Install A Floating Widget on The Corner of Blog
You have read a post about Installing A Floating Widget on The Corner of Blog and you can find the post about Installing A Floating Widget on The Corner of Blog through this URL http://www.1000contents.com/2012/03/installing-floating-widget-on-corner-of.html, you may share the post with your friends if the post about Installing A Floating Widget on The Corner of Blog is useful for you, but don't forget to put link











Cetak Halaman Ini Cetak Halaman Ini
Share this article :

Post a Comment

Yang Sudah baca Artikel Ini, Wajib koment Ya..!!

 
Support : Creating Website | Johny Template | Mas Template
Di Modifikasi Ulang Oleh : Beben Iskandar | Motekar Karya
Copyright © 2011. Belajar Komputer Online - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger