• Beranda
  • Autosultan
  • Bitcoin
  • Dollar
  • Linux
  • LOKER
  • Printer
  • Sofware
  • sosial
  • TISniper
  • Virus
  • Windows

T.I Sniper

#Expert Advisor for MetaTrader 4 #Expert Advisor for MetaTrader 5 #youtube #google #free dollar business every day #Lowongan #Pekerjaan #Loker #forex #trading Autopilot #mining crypto #Update #Tutorial #Komputer Perbaikan, #Email #Facebook , #whatsapp ,#instagram #telegram ,#Internet ,#Motivasi , #Crypto , #AirDrop, #Bitcoin, #Ethereum, #Binance coin, #Cardano, #Degocoin, #Litecoin #Indodax, #Coinbase, #Nexo Dan Mata Uang Digital Lain , #Website, Perbaikan #Server #Domain , #Hosting, #Whm

    • Beranda
    • Contact Forum
    • Coffee JKs88
    • Tentang Kami
    • Parse Code Html
    • Text Terbalik
    • Privacy Policy

    Ikuti Kami!

    Follow Akun Instagram Kami Dapatkan Notifikasi Terbaru!
    Ikuti Kami di Facebok! Untuk mendapatkan notifikasi terbaru.

    Postingan Populer

    Backlink dengan Google Dork Seo

    Dork Seo
    Januari 01, 2016
    0

    Cara Dapat Backlink dengan Google Dork

    Dork Seo
    Februari 13, 2016
    0

    Download File ISO Windows 11 Dan Bootable USB Rufus

    Sofware Windows
    Desember 02, 2021
    0

    Cara Dapat Backlink Edu Gratis

    Seo
    Februari 13, 2016
    0

    SBS opening Fix Autosultan

    Autosultan zonamotivasi
    Januari 25, 2022
    0
    Author
    chmood
    Tautan disalin ke papan klip!
    Share Posts "Tutorial Membuat Energy Saving Mode Dengan CSS di Blog"
  • Salin link
  • Simpan Ke Daftar Bacaan
  • Bagikan ke Facebook
  • Bagikan ke Twitter
  • Bagikan ke Pinterest
  • Bagikan ke Telegram
  • Bagikan ke Whatsapp
  • Bagikan ke Tumblr
  • Bagikan ke Line
  • Bagikan ke Email
  • HomebloggingTutorial Membuat Energy Saving Mode Dengan CSS di Blog
    Tutorial Membuat Energy Saving Mode Dengan CSS di Blog

    Tutorial Membuat Energy Saving Mode Dengan CSS di Blog

    Simpan Postingan


    Assalamualaikum teman" ,
    Sebelum saya membuat postingan ini saya terinspirasi dari postingan kak ficripebriyana ,dan saya test di blog saya dan ternyata berhasil :D



        Energy saving mode di blog sama saja seperti layar screen komputer ketika tidak bekerja atau sedang didiamkan dan akan muncul sebuah animasi atau gambar, sama halnya pada blog energy saving mode pada blog ini sama seperti pada komputer yang jika didiamkan akan muncul sebuah gambar, namun energy saving mode di blog ini akan muncul sebuah nama blog atau tulisan lainnya yang bisa Anda sesuaikan sendiri. Memasang energy saving mode memang tidak terlalu penting untuk blog, tetapi jika memasang energy saving mode di blog akan lebih bagus lagi, khususnya bagi kalian yang ingin mempercantik tampilan blog Anda dengan menambahkan energy saving mode pada blog kalian. kurang puas liat SS?? yuk ke
    Live Demo



    Gimana dah puas?? hehe ,yuk mari kita ke tutornya


    1.Login ke blogger kalian masing"

    2.Klik Template =) Edit HTML

    3.Cari kode ]]></b:skin>

    4.Copy scriptnya ke dalam ]]></b:skin>



    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:99999}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.energyatas{position:absolute;position:
    fixed;right:0;left:0;top:46.5%;border:5px solid #ccc;margin:0 0 0 -1px;z-index:999999;-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 #6405C2;-webkit-box-shadow:0 0 20px 3px #6405C2;box-shadow:0 0 20px 3px #6405C2}body
    span.energybawah{position:absolute;
    position:fixed;right:0;left:0;top:46.5%;border:5px solid #ccc;margin:0 0 0 0;z-index:999999;-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 #6405C2;-webkit-box-shadow:0 0 20px 3px #6405C2;box-shadow:0 0 20px 3px #6405C2}body:hover::after{right:100%}body
    :hover::before
    ,body:hover::after{visibility:hidden}body:hover span.energyatas{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.energybawah{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.energy{width:35%;border-bottom:5px solid #ccc;border-top:5px solid #ccc;padding:10px;background:#000;border-radius:20px;font-size:20px;color:#fff;text-align:center;position:absolute;position:
    fixed;left:32%;right:45%;top:40%;bottom:45%;margin:0 0 0 0;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 #6405C2;-webkit-box-shadow:0 0 20px 3px #6405C2;box-shadow:0 0 20px 3px #6405C2}body:hover
    span.energy{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}


    CSS .

    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:99999;
    }
    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.energyatas {
      position:absolute;
      position:fixed;
      right:0;
      left:0;
      top:46.5%;
      border:5px solid #ccc;
      margin:0 0 0 -1px;
      z-index:999999;
      -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 #6405C2;
      -webkit-box-shadow:0 0 20px 3px #6405C2;
      box-shadow:0 0 20px 3px #6405C2;
    }
    body span.energybawah {
      position:absolute;
      position:fixed;
      right:0;
      left:0;
      top:46.5%;
      border:5px solid #ccc;
      margin:0 0 0 0;
      z-index:999999;
      -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 #6405C2;
      -webkit-box-shadow:0 0 20px 3px #6405C2;
      box-shadow:0 0 20px 3px #6405C2;
    }
    body:hover::after {
      right:100%;
    }
    body:hover::before,
    body:hover::after {
      visibility:hidden;
    }
    body:hover span.energyatas {
      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.energybawah {
      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.energy {
      width:35%;
      border-bottom:5px solid #ccc;
      border-top:5px solid #ccc;
      padding:10px;
      background:#000;
      border-radius:20px;
      font-size:20px;
      color:#fff;
      text-align:center;
      position:absolute;
      position:fixed;
      left:32%;
      right:45%;
      top:40%;
      bottom:45%;
      margin:0 0 0 0;
      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 #6405C2;
      -webkit-box-shadow:0 0 20px 3px #6405C2;
      box-shadow:0 0 20px 3px #6405C2;
    }
    body:hover span.energy {
      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;
    }


    Note: 2 sript di atas sama aja fungsinya

    5.Cari code </body>
    6.Copy script di bawah ini ke dalam </body>


    <span class='energyatas'></span>
    <span class='energy'><data:blog.title/><br/>
    <span style='font-size:11px;color:#fff'>
    Gunakan Scroll Mouse/Keyboard Untuk Mengscroll Halaman
    </span></span>
    <span class='energybawah'></span>

     
    Note:<data:blog.title/> merupakan nama blog Anda.
    
    And Save template .. dan lihat hasilnya .
    
    Sekian :
     
     
     
     
    blogging
    Februari 18, 2016 • 0 komentar
    Disclaimer: gambar, artikel ataupun video yang ada di web ini terkadang berasal dari berbagai sumber media lain. Hak Cipta sepenuhnya dipegang oleh sumber tersebut. Jika ada masalah terkait hal ini, Anda dapat menghubungi kami di halaman ini.
    Isi dari komentar adalah tanggung jawab dari pengirim. T.I Sniper mempunyai hak untuk tidak memperlihatkan komentar yang tidak etis atau kasar. Jika ada komentar yang melanggar aturan ini, tolong dilaporkan.

    T.I Sniper

    Your description here

    • Follow
    • Autosultan
    • Wa Admin Bisnis
    Copyright ©2010 - 2022 🔥 T.I Sniper.
    • Beranda
    • Cari
    • Posting
    • Trending
    • Tersimpan