/* Starts Menu Sideabr Jquery melayang by tutorialbelajarblogger.blogspot.com Starts*/ ul#navigation { position:fixed; margin: 0px; padding: 0px; top: 55px; left: 0px; list-style: none; z-index:9999; } ul#navigation li { width: 100px; } ul#navigation li a { display: block; margin-left: -2px; width: 100px; height: 50px; background-color: #ffffff; background-repeat:no-repeat; background-position:center center; border:1px solid #fff; -moz-border-radius:0px 10px 10px 0px; -webkit-border-bottom-right-radius: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; -khtml-border-top-right-radius: 10px; -moz-box-shadow: 0px 4px 3px #000; -webkit-box-shadow: 0px 4px 3px #000; opacity: 0.9; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); } ul#navigation .home a{ background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSBUS_SeDw-VK-gv8KtEEgFWRK_FH8tnstYaA-5PeSjEc9cU7cmdNHbvruvCUCpEIYdYT8v2OokgU5oBFrO36Wf4qwHw78pN30Hco63dHUQagkB9G9k7UvrYVfx_PLFUhZIr4Jo7YagaY/s1600/home.png); } ul#navigation .about a { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVKUWY14psk508ohrXN5q-hyTK98BAaM-zw_lB6gZ-8yHsoT0wxhcBhlqmlEN3554-45d8D-u1hgwPtm2HJQYyvy-dM0Z7WIxZTFkcjFqalalJEh4CH4YwC_7-9z71J1Jjp8p5mfOuJ14/s1600/konco.png); } ul#navigation .rss a { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaoR-2ZXjVI8Z4dj_KUF7nr5tHyTD3wEB_SI0bOBUzLdogoRh6ZLptXgetVifO0yK29T8wQgRsbapLiep5tD3JrZVjdajaPhOzcVI3GuubsbMwY2KnJvB7lW-bYp01xcAuAXtRWhZ2wj8/s1600/rss.png); } ul#navigation .mail a { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnLrbUnPsgIFdVP0F4i2BMgJnwtn0XQTH1Me7SHoxmngLgD3MQF_ynR40VMRxEFedn4wUszHKxlQs22nbojcmBV3PysERV9XPeZ2WqeJf00eqtvXRCZHMLYqJjI77nWQXcGHgK9xBUblE/s1600/mail_receive.png); } ul#navigation .facebook a { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUEj9k4wDp9DSNsXWezV6PJbabgjYqvMXaPT7VCXlanEpb6c9KlVie7iC4Eh1K8G41iQaklwzSIIOG_yv2KlhASUJN-AKLv1ZijHnBtAkjL2sgEFLTpMQ2QIEQiD7dfBteBLfiFd4YXtI/s1600/about.png); } ul#navigation .twitter a { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfR_DkHqjX0XvYEF7k4TF0pXX6ZKhTxl3jUBAZYeY_ShKX-BxmKvwnK9qsm-LRAmfl4RplkJAN9xD1W9mBHk6e4_bzT6aOvM4CQm8801wK33PzrGt3K2K0gFKf8X7yFxv0B_qlRLdpXOc/s1600/twitter.jpg); } ul#navigation .youtube a { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5YPb0-ZmnI3FAG68RgmV-kbyPXuVFfi2XBN6fpG_cZRkQTkAuIKoB9cKz74xniMFe33qhaIedUIQzq0ozB2EEDiij0JZdHpo9_2LbCyIphNQ2lKy2x1UMdaTND797Fg76v8FqMM5N6-U/s1600/You+Tube.png); } ul#navigation .googleplus a { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbXKe1XlVYKxCabU0xNHZeN2Q_F3iG1Hu3mi00wDmpQfJUcmO8XLKKSAmPuLat9Hn1uIUab1ZNaJ_AEILaSk-fY5iR067KgErI5v2G6ZVsoIpKbnh11fH5I-uot6oCfrXcoZG9eoldoH4/s1600/google+plus+circle.jpeg); } ul#navigation .yahoo a { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLFoQASvyi5x2ljbxR41wGFlA03udYDTbnVJvoJq17x4_sjIkDKeS2T5LBZrECXaVwnfIGTpN4QXiwOGvy2wpw9MIIesJ5CXvvJCtNqL8GM6Q2Qm0VBSSlmASUlsMCjLEXpk36eQSqIaE/s1600/yahoo+icon.jpg); } /* End Menu Sideabr Jquery melayang by tutorialbelajarblogger.blogspot.com End*/ #loadhalaman {position:fixed;opacity:0.93;top:0;left:0;background-color:#000;z-index:9999;text-align:center;width:100%;height:100%;padding-top:20%;color:#000;display:none;} .loadball {background-color: transparent;border:5px solid rgb(240 ,0 , 0);border-right:5px solid transparent;border-left:5px solid transparent;border-radius:50px;box-shadow: 0 0 35px rgb(255 ,0 , 0);width:50px;height:50px;margin:0 auto;-moz-animation:spinPulse 1s infinite ease-in-out;-webkit-animation:spinPulse 1s infinite linear;} .loadball-2 {background-color: transparent;border:5px solid rgb(240 ,0 , 0);border-left:5px solid transparent;border-right:5px solid transparent;border-radius:50px;box-shadow: 0 0 15px rgb(255 ,0 , 0);width:30px;height:30px;margin:0 auto;position:relative;top:-50px;-moz-animation:spinoffPulse 1s infinite linear;-webkit-animation:spinoffPulse 1s infinite linear;} @-moz-keyframes spinPulse {0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px rgb(255, 0, 0)}50% { -moz-transform:rotate(145deg); opacity:1; }100% { -moz-transform:rotate(-320deg); opacity:0; }} @-moz-keyframes spinoffPulse {0% { -moz-transform:rotate(0deg); } 100% { -moz-transform:rotate(360deg); }} @-webkit-keyframes spinPulse {0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px rgb(255, 0, 0)} 50% { -webkit-transform:rotate(145deg); opacity:1;} 100% { -webkit-transform:rotate(-320deg); opacity:0; }} @-webkit-keyframes spinoffPulse {0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); }}

Rabu, 26 Desember 2012

ganti cursors di blog gampang !!

APAKAH ANDA INGIN MENGGANTI CURSORS BLOG ANDA LEBIH MENARIK ?
begini nih cara mudahnya
etsss coment dulu donk or join 
 1. Buka http://www.totallyfreecursors.com/
2.   Pilih Cursor yang Anda inginkan
3.   Lalu akan keluar halaman yang berisi tentang Kode Html Universal dan Kode CSS

Klik pada gambar untuk memperbesar
4.   Copy Kode Html yang berada di atas ya
5.   Lalu Login ke akun Blogger Anda
6.   Pilih Tata Letak
7.   Tambah Gadget
8.   Pilih Html/Javascript
9.   Paste Kode Html tersebut
10. Klik Save
gampang kan dan kamu bisa mengganti cursors lainnya, hanya dengan mengganti kode Htmlnya.
jangan lupa join ya dan kasih komentar :D
thanks sudahbuka link saya

Tidak ada komentar :

Posting Komentar

terimakasih telah berkunjung sob