Pada Kesempatan kali ini helmi mau ngeshare nih bagaimana cara membuat fanspage melayang dan dengan efek show/hide(close) atau bisa disebut dengan kata Buka/Tutup dengan ini saya membuat hasil sendiri bukan hasil orang lain atau dengan versi saya sendiri nah buat agan yang mau ngeshare ini lagi saya sangan berharap supaya agan agan yang ganteng atau yang cantik ini supaya mencantumkan link sumber nya ,hargailah seseorang yang membuat hasil sendiri :D
yok kita langsung saja :

• Login dulu ke blog agan ---
• masuk ke Tata Letak ----
• Tambah widget / Add Gadget ---
• pilih HTML/Javascript ----
• lalu masukan script berikut ini ---

<style type='text/css'> #melayangemi{width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,.7);top: 0;left: 0;z-index: 9999;visibility: hidden;} #melayangemi:target{visibility: visible;} .close-button {width: auto;height: auto;background: rgba(0, 0, 0, 0.8);display: block;text-align: center;color: #fff;text-decoration: none;position: absolute;top: -22px; right: -22px; font: 10px Arial; border-radius: 5px; border: 1px solid #00f; padding:10px} .window {height: auto; padding: 20px; text-align: center; margin: 50px auto; width: 578px; border: 6px double #640976; border-radius: 0px; position: relative; background:-moz-linear-gradient(center top , #640976, #000, #640976) repeat scroll 0% 0% transparent;box-shadow: 0px 0px 18px 6px #ff0;} .window:before{content: "Helmi Mochamad Darusman"; position: absolute; background: -moz-linear-gradient(center top , rgb(0, 0, 255), #000, rgb(0, 0, 255)) repeat scroll 0% 0% transparent; border: 2px solid #FFF; top: -25px; left: -100px; border-radius: 50%; padding: 15px 30px 20px 15px; font: 15px impact;box-shadow: 0px 0px 3px 3px #640976;} .window:after{content: "SF-Destroyer"; left: 0px; position: absolute; color: #F00; table-layout: inherit; top: 0px; font: italic 22px impact; text-shadow: -1px 0px #FFF, 0px 1px #FFF, 1px 0px #FFF, 0px -1px #FFF;} .close-button a:hover{background:#ff0;} .melayang{position:fixed;font:19px impact;background:-moz-linear-gradient(center top,#ff0 ,#000 ,#ff0)repeat scroll 0% 0% transparent;color:#fff;top:60px;right:0px;padding:10px;box-shadow: 0px 0px 6px 3px #fff; border: 3px solid #00f; border-radius: 10px;} #profil {margin:auto;width: auto;text-align: center;} </style> <div class='melayang' id='profil'><a href='#melayangemi' style='text-align:left;'> <span>&#10026;</span><br /><span>F</span><br /><span>a</span><br /><span>n</span><br /><span>s</span><br /> <span>P</span><br /><span>a</span><br /><span>g</span><br /><span>e</span></a></div> <div id='melayangemi'> <div class='window'> <a class='close-button' href='#' title='Close'><b>X</b></a> <b style='text-align:center;font-family:Audiowide,cursive;font-size:17px;'>BANTU LIKE YAH GAN :D</b><br/> SISIPKAN SCRIPT FANS PAGE AGAN DISINI !! </div></div>

Notice!!

• ganti text yang warna MERAH dengan iframe fans page FB anda :)
• dan atur width fanspage jadi 552px dam height jadi 350px atau bisa lihat di gambarnya
• Bila agan mau share ini jangan lupa cantumkan link narasumber dan tinggalkan komentar anda disini :D