Cara Membuat Cbox Otomatis Terbuka

Mungkin bagi para blogger sudah mengerti apa itu chatbox. Chatbox adalah kotak pesan yang dapat berfungsi sebagai media silaturahmi, komunikasi, bahkan traffic exchange juga bisa. Tergantung bagaimana orang itu mengelolanya. 4-jie pernah bahas tentang Cara Memasang Float Pada Chatbox kali ini kita akan buat efek yang berbeda dari tutorial sebelumnya. Chatbox dapat terbuka secara otomatis tanpa harus diklik, cukup dekatkan cursor mu ke tulisan/gambar chatbox dan secara otomatis chatbox akan terbuka.

1. Login ke dashboard blogger
2. Pilih Rancangan --> Tambah Gadget
3. Tambah Gadget HTML/Javascript dan masukkan kode berikut ini didalamnya

<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}
.gbtab{
height:150px;
width:50px;
float:left;
background:url('http://i634.photobucket.com/albums/uu66/oktri_2009/o0c2d.png') no-repeat;
}
.gbcontent {
float:left;
border:1px solid #BB0000;
-moz-border-radius-bottomleft:10px;
-webkit-border-radius-bottomleft:10px;
-o-border-radius-bottomleft:10px;
-khtml-border-radius-bottomleft:10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
background: #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYB7R8DlqLQ86tVh8bdkOGJPV39Dx0XdcT26C37RTcxshyphenhyphenpJhQol6FplUxlUFpBPo4rr7zlXW4jrkypY4jqL6mJNZfyI17KfWte89G_OIOFz8QVBlisdMcJE-owGAT-Dgbunp7DceAKJZv/) no-repeat bottom;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 5);}
}</script>
<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>
<div class="gbcontent">
<center>
<--- Letakan Script Buku tamu Disini --->
<br />
<div style="text-align:center">
<a onclick="showHideGB()" class="tips-fade" title="klik untuk tutup chattingbox">
<center><hr /><img src="http://i1042.photobucket.com/albums/b429/Farix_2010/CloseComment-1.png" /><hr /></center>
</a>

</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script></div>
4. Simpan

Selamat mencoba and keep blogging :D

0 komentar:

Posting Komentar

Please write your comments here.Thanks.

Kategori

055CXPRO3 100Hz 1024x768 1080ip 1080p 10MP 10xOptical 121megapixel 121Megapixels 121MP 12Channel 12Ounce 141MP 165LBS 18Volt 19YearOlds 23Inch 240ml 25quot 2746 27Inch 2Pack 30Inch 3255 3265 3265Inch 32Inch 37Inch 37LV3500 3Inch 412Inch 46G310U 46Inch 46Inches 46LA45RQ 46PFL5706F7 46quot 46SL412U 46SL417U 47Inch 5460Inch 55Inch 58Inch 5Piece 60Watt 6by9Inch 732YB482K 800x600 812Inch 998864 accept Accessory Add-ons Mozilla Adsense Advertising Advice Affect Affordable ALAMPLB Alexa American Amplifier Android Annies Antenna Anti Virus Antivirus Antivirus Update Aperture Appetite APTMM2B Aquapac Articulating ATHM50 Attic AudioTechnica Automatic Available awning Backlink Backpack Backrest Bamboo Basics Bathroom Batteries Battery Battle BC12062 BDPS570 Bedding Bedroom Bedrooms Beechwood Before Beginners Benefits Berita Berita Terbaru Better Between Bicycle Binoculars Birthday Bisnis Internet Black Blackberry Blanket Blog Blossom Blue BlueSilver BluRay BoltOn Bose Boyfriend Bracket Brackets Brand BRAVIA Breakfast Brightess Bringing Brother BRPK3AN Bubble Building Bundle Burning Butter Buyers Buying Cabinet Cabinets Camcorders Camera Cameras Capacity Cara Bisnis Online Cara Recovery Data Cara Self Test Printer Cara Service Elektronik Cara Service Harddisk Cara Service Jaringan Cara Service Komputer Cara Service Laptop Cara Service Monitor Cara Service Ponsel Cara Service Printer Cara Service TV Cara Service UPS Carbide Carbon Carved Castings Castle Ceiling Celebrate Celtic Chairs Changeable Changing Charger Charlie Chatbox Cheapest Cheetah Cherry Chocolate Choose Choosing Chopsticks Christmas Cinderblock CINNAMON Cleaning Closer Coaxial Coffee Collapsible Collection College Color Column Combination Comforter Compact Companies Company Compare Compared Comparing Compatible Computer Concept Concrete Consider Consumer Contemporary Control Convertible Cooker Cooler Coolpix Cordless Corner Cotton cpu Crafting Creating Creative Crochet Crocheter Css Cubbies Cutting CX3800 CX3810 CX4200 CX4300 CX4600 CX4800 CX5000C CX7400 CX7800 Cybershot Danica Dawson DC91802 Decorate Decorating Definition Delight Deluxe Design Designer Development Device DEWALT Dietary Difference Different Digital Digital Camera Canon Digital Camera Canon Powershot Digital Camera Fujifilm Digital Camera Lens Digital Camera Nikon Digital Camera Panasonic Digital SLR Camera Discover Display Displays Distressed Distribution DMCLX5 DMCS1 DMCS3 DMCTS2 DMCTS3 DMCZS5 DMCZS9 Dofollow Dollars Domain Dreams Drilling Drills Driver Drivers Drives DSCH70 DSCT10 DSCT90 DSCW310BLDB Dumbbell Dymatize E-book Gratis E370VA E470VLE EA8080 Earthquake EasyShare Ebook ECES80 ECST65 Edition Effective Egyptian ELPLP49 Emoticons Entertainment Ericsson Espresseria Espresso Essentials Ethernet Everyone Everything Excellent Exchange EXFH20 Exilim Experience Explained Extended Extremely EXZ75 Facebook Family Fantastic Fashionable Fashions Faucet Features Fermented Fibromyalgia Finding FinePix Finish Firmness Follow Format Formula Foundation foursquare Freaks Free Software Freeware Fujifilm Function Furniture Future Game Gratis Keren Gaming Generation Getting Girlfriend Glasses Goggles Google Adsense Google Friend Connect Google Translate Google+ GoPro Camera Grey Grinder Hacking Halloween Handheld Handlebar Handset Headboard Headphones Headset heello HighPerformance Hitachi Hollywood Homemade Homework Housing HTML Husks Ilmu Komputer Images Imageshack Importance Important Includes Infant Info Aksessoris Komputer Info Software Information Integrated Intelligent Interface Interlock International Internet Networking Internet Business iPhone Istilah-Istilah Komputer - TI Jacquard KDL46BX420 KDL46EX403U KDL46EX500 KDL46NX810 KDL46S5100 Kegerator Kidkraft Kikkerland Kitchen Ladies Lain-lain Laptops latex LBOAS LC46D78UN LC46LE830U LCDDLP LCDDVD LCDNotebook Leather LEDLCD Lenovo Lensbaby Lenses LHB976 Lightning Lights Limited Linux Lipper Literature Lithium LithiumIon Little LN32B360 LN32D450 LN46A650 LN46B550 LN46B650 LN46B650T LN46C530 LN46C630 LN46C750 LN46D503 LN46D550 LN46D630 LNS4695D Lumens M1924A Magnesium Magnetic Maintenance Management Manfrotto Mansion Marketplace Matte Mattress mattresses Measurements MegaPixel Megapixels memory Menu Horizontal Menu Vertical MF607B MFC8670 Microwave MinoHD Minolta Mobile Model Models Modern Modulator Module Monitor Monitors Motion Mountable Mounting Mounts Movies Moving MP248B MPEG124 MultiPurpose Multiroom MultiSpeaker Muscle Muscles MustHave MX1260 Natural Nautical Newborn Nintendo Nobodys NonFerrous Notebook Novice NSX46GT1 Nursery Nutrition Nutritional Olympus Opened Optical Optimum Optimus Options Optoma Organic Original Ottoman Ottomans Outing Outstanding Overhead Pagerank Painting Pair Panasonic Panduan Service Monitor I Panduan Service Monitor II Pastures pc Personally Philips Phones Photographers Photographs Photography Picking Pictures Pieces Pillows Pink Pinpoint Pixels Plasma Plastic Platinum Player PlaySport PlayStation Pleasure Pocket Polaroid Popular Possible Posters Pounds Powder Powered Powerful PowerShot PreCharged Preparations Presentations Pressure Preview Princess Principle Printer Printers Prints Processor Product Product Review Products Professional Profile Projector Projectors Protector Protein Psyllium Public Pumpkin Purchase Purple Quality Quattron Quickly Quilted Rayovac Reader Really Reasons Rectangle RedCyan Reduction Reference Refresh Release Remote Replace Replacement Reports Research Resetter Canon Resetter Epson Resetter HP Resolution Results Reticle Review Reviews Riding Riflescope Rimfire RoomWithAView RoundAndRound RSS FEED RTB1100 RuggedWaterproof Safety Sakura Samsung Satisfactory Screen Screens Scrutiny SD780IS SDSDHCMMC Seating Seatpost Secrets Section Seniors Sensational Sensor SEO Series Serious Service Elektronik Service Komputer Laptop Service Printer Canon Service Printer Epson Service Printer HP Service Printer Laser Jet Sharpener Sheets Shelved Shelves Shelving Should Silicone Silver Sitemap Slender Software Gratis Pilihan Soldering Solutions Sooner Sourcing Spacesaver SPDIF Speakers Speaking Sports Squeeze SS1000 SSeries Stabilized Standard Standing Stands Staying Steady Stools Storage Streaming Strict Stripe Stripes Students Studio Stylish Subwoofer Suggestions Summer Suncast Supplements Suppress Surround Susan Swivel Swiveling SX10IS SX130IS SX20IS SX210IS SX230HS System T90dvfdblack Tables Tablet TBS421601 TCP46S30 TechFuel Technology Teens Television Televisions Templates Terminology Theater Themed Therapy Think Thinkpad Timelines Tip Trik Internet Tip Trik Windows Tipped Tips and Tricks Tips Blogger-Blogspot Tips Blogging Tips Blogspot Tips dan Trik Tips HTML dan JavaScript Tips Keamanan Komputer Tips PHP Tips Visual Basic Tips Windows Vista Tips Windows XP Tips-Tutorial Photoshop Toddler Toilet Toppers TopSelling Torpedo Toshiba Touchscreen Transcend Transmitter Travel TraysTables Treatment Tripod troubleshouting TS8GSDHC6E Turtle Tutorial Blogspot Tutorial Wordpress TVProtectorTM TwinFull Twitter Twitter Stuff tx1000 Ukur Komponen Elektronika UltraHD UM720S UN46B6000 UN46D6000 UN46D6400 UN55B8000 Understanding Underwater Universal V13H010L49 VariAngle Vaulted Vibration Video VideoSecu Viewing Vision Vitamin WAH1111BA0850 Wallet Walls Warta Terkini Waterproof Wave Website Weight Weller WellOrganized Western Whats White Wholesale WideAngle Widgets Windows Windows Tips Winsome Wireless Within Without Wooden Working WPS18MP X500BK ZoomNikkor