make Hide dan Show ShoutMix

Bener not well above the title? sob really confused because the title would be given hell.After I thought about carefully, hence the title chosen to make hide and show shoutmix (chatbox). Why hide n show? because with this technique bloggers can make shoutmix hidden, just cool. Hehehe
Oiya, if you think about it, I've long rich ngak very well write an article about blogger tips (rarely a request really,, hehe). Articles about making this shoutmix hide and show on request by one of the bloggers, who are requesting for, please watch carefully and do not joke well. Okeii teacher pack,, heheh 

1. First, please login to your buddy bloggers respectively. 2. On the dashboard click the menu layout. 3. Add a gadget 4. Then Copy-Paste the following code in a new gadget that you created earlier.
<! - Begin Show Hide Floating - http://www.hitsuke.blogspot.com - http://www.remo-xp.com--> <style type="text/css"> # hitsukeFX {position : fixed; top: 50px; z-index: +1000;} * html # hitsukeFX {position: relative;}. hitsukeFXtab {height: 550px; width: 35px; float: left; cursor: pointer; background: url ('http : / / i642.photobucket.com/albums/uu147/remoxp/Chatbox.png ') no-repeat;}. hitsukeFXcontent {float: left; border: 2px solid # ffffff;-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;-moz-border-radius-bottomleft: 5px;-moz-border-radius-bottomright: 5px; background: # 000000; padding: 10px;} </ style> <script type = "text / javascript"> showHidehitsukeFX function () {var hitsukeFX = document.getElementById ("hitsukeFX"); var w = hitsukeFX.offsetWidth; hitsukeFX.opened? movehitsukeFX (0, 40-w): movehitsukeFX (40-w, 0); hitsukeFX.opened =! hitsukeFX.opened;} function movehitsukeFX (x0, xf) {var hitsukeFX = document.getElementById ("hitsukeFX"); var dx= Math.abs (x0-xf)> 10? 5: 1; var dir = xf> x0? 1: -1; var x = x0 + dx * dir; hitsukeFX.style.right = x.toString () + "px"; if (x0! = xf) {setTimeout ("movehitsukeFX (" + x + "," + xf +")", 10);}} </ script> <div id="hitsukeFX"> <div class="hitsukeFXtab" onclick="showHidehitsukeFX()"> </ div> class="hitsukeFXcontent"> < ! - mu Shoutmix Code Here ->
INPUT CODE HERE ShoutMix
<div style="text-align:right"> <a href="javascript:showHidehitsukeFX()"> [hide] </ a> </ div> </ div> </ div> <script type = "text / javascript "> var hitsukeFX = document.getElementById (" hitsukeFX "); hitsukeFX.style.right = (40-hitsukeFX.offsetWidth). toString () +" px "; </ script> 


5. Click Save 


6. Completed 

Posted by geselma | di 21.43

0 komentar:

Posting Komentar


Free Website templatesSEO Web Design AgencyMusic Videos OnlineFree Wordpress Themes Templatesfreethemes4all.comFree Blog TemplatesLast NewsFree CMS TemplatesFree CSS TemplatesSoccer Videos OnlineFree Wordpress ThemesFree Web Templates