yaapp , lagi ada waktu , dan besok pun sekolah kembali seperti biasa nya :3 , oke , lu tau gak Energy Saving Mode ? Gni gw jelasin dikit , misalnya lu udah make , nah lu tinggalin/diemin blog nya , tp jngan tutup tab blog nya , nah dia nanti ada muncul sesuatu , tergantung script nya bagaimna , nah ini simple aja mahh ,
contoh nya gini kaaya gw pake
nah , untuk DEMO nya , di blog gw udah kepasang..
untuk CSS nya
letakin di atas ]]><b:skin>
/* Opening Element By Yoza Creation by YozaSite.blogspot.com */ body::before, body::after { position: absolute;position:fixed; content: ""; background: #000; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; z-index: 9999 } body::before {border: 10px solid #ccc;border-left:none; top: 0; left: 50%; right: 0; bottom: 0; } body::after { top: 0; left: 0;border: 10px solid #ccc;border-right:none; right: 50%; bottom: 0; } body:hover::before { left: 100% } body span.YozaSite { position: absolute;position:fixed;right:0; left: 0; top: 48%; border: 5px solid #ccc; margin: 0 0 0 -1px; z-index: 99999; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -moz-transition: all 3s ease-in; -o-transition: all 3s ease-in; -webkit-transition: all 3s ease-in; transition: all 3s ease-in; -moz-box-shadow: 0 0 20px 3px #06F; -webkit-box-shadow: 0 0 20px 3px #06F; box-shadow: 0 0 20px 3px #06F } body span.YozaKece { position: absolute;position:fixed; right:0; left: 0; top: 48%; border: 5px solid #ccc; margin: 0 0 0 0px; z-index: 99999; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -moz-transition: all 3s ease-in; -o-transition: all 3s ease-in; -webkit-transition: all 3s ease-in; transition: all 3s ease-in; -moz-box-shadow: 0 0 20px 3px #06F; -webkit-box-shadow: 0 0 20px 3px #06F; box-shadow: 0 0 20px 3px #06F } body:hover::after { right: 100% } body:hover::before, body:hover::after { visibility: hidden } body:hover span.YozaSite { visibility: hidden; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; top: 0; } body:hover span.YozaKece { visibility: hidden; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; top: 100%; } body span.ok3 {width:35%;border-bottom: 5px solid #ccc; border-top: 5px solid #ccc;padding:10px;background:#000; font-size:25px;color:#fff; text-align:center; position: absolute;position:fixed; left: 32%;right:45%; top: 40%; bottom: 45%; margin: 0 0 0 0px; z-index: 123455543123445556888; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -moz-transition: all 3s ease-in; -o-transition: all 3s ease-in; -webkit-transition: all 3s ease-in; transition: all 3s ease-in; -moz-box-shadow: 0 0 20px 3px #06F; -webkit-box-shadow: 0 0 20px 3px #06F; box-shadow: 0 0 20px 3px #06F } body:hover span.ok3 { visibility: hidden; -moz-transition: all .7s ease-out; -o-transition: all .7s ease-out; -webkit-transition: all .7s ease-out; transition: all .7s ease-out; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; right: 0;z-index:99999999 }
HTML letakin di atas code <body>
Minervation Saving Mode
Hover here to open this blog
Ket : yang tulisan warna merah , ganti dengan kata kata mu.. Tutorial by Me Script by Yozasite
A U R E L Y N E - Talk less , do some action !