Tips : Sticking Widget On The Right / Left

This post as well as provide answers to the comments from Hacc Blog. Besides, I did not have an idea to update this blog article, so yes this is the main post as well as inspiring me to update the blog is still small with the article. Ok, back on topic "Sticking widget on the right / left", but I will only show how to install on the right course.

Follow step by step the below how to put on blogspot:

1. go to Dhasbor and click Design.
2. Click Add a Gadget and select HTML / Javascript.
3. Enter the following script code on the field provided.

<style type="text/css">
#stuck{position:fixed;top:50px;z-index:+100;}
* html #stuck{position:relative;}
.stucktab{height:150px;width:100px;float:left;cursor:pointer;background: url('http://i1203.photobucket.com/albums/bb399/faisalhu1404/Demo-blog.png')no-repeat;}
.stuckcontent{float:left;border:0px solid #A5BD51;background:#transparent;padding:10px;}
</style>
<script type="text/javascript">function showHideStuck(){var stuck = document.getElementById("stuck");var w = stuck.offsetWidth;stuck.opened ? movestuck(0, 75-w) : movestuck(40-w, 0);stuck.opened = !stuck.opened;}function movestuck(x0, xf){var stuck = document.getElementById("stuck");var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;stuck.style.right = x.toString() + "px";if(x0!=xf){setTimeout("moveStuck("+x+", "+xf+")", 10);}}</script>
<div id="stuck">
<div class="stucktab" onclick="showHideStuck()"></div>
<div class="stuckcontent">

                                      Code Here

<div style="text-align:right;"><a style="text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 4px;" href="javascript:showHideStuck()">Close</a></div>
<span><a style="font-size: 8px; cursor:pointer; text-decoration:none; font-family:Arial, Helvetica, sans-serif; color: #000" href="http://blog-blegedes.blogspot.com/2012/01/tips-sticking-widget-on-right-left.html" target="_blank">Get This Widget by Blogger Blegedes</a></span>
</div>
</div>
<script type="text/javascript">var stuck = document.getElementById("stuck");stuck.style.right = (75-stuck.offsetWidth).toString() + "px";</script>

4. on Image URL (in red text first) replace with your image URL and the text "Code Here" replace with code that would like included.
5. click save and see the results.



Until the first article here, because the mind is again too late. hopefully can help to beautify your blog all. : D






Regards Blegedes,
Blogger Blegedes

By Blogger Blegedes

thank you for taking the time to read the article Tips : Sticking Widget On The Right / Left and you can find articles Tips : Sticking Widget On The Right / Left this with the url http://blog-blegedes.blogspot.com/2012/01/tips-sticking-widget-on-right-left.html?m=1. you may disseminate or copy and paste if the article This Tips : Sticking Widget On The Right / Left is very beneficial to your friends, but do not forget to put the link Tips : Sticking Widget On The Right / Left Soure.