Bagi yang mau pasang screen saver login pada blog kalian, silahkan ikuti petunjuk dibawah ini. Artikel ini aku dapet dari bang djadisaputra. Bagi yang ingin seperti mas dj silahkan kunjungi blog mas dj. Oke deh langsung saja simak yaa tutorialnya Cara Membuat Login menggunakan CSS.

1. Kalian login ke dasbor blogger kalian masing-masing. Terus kalian pilih template kemudian pilih edit html.
2. Kalian cari kode </body> pake Ctrl+F
3. Kalian copy kode dibawah ini tepat diatas kode </body>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- Animasi Login Begin -->
<div id='animasi-loginSM' style='position:fixed;z-index:9001;background:transparent;height:100%;width:100%;left:0;top:0;'>
<script type='text/javascript'>
// ----- Gambar Ukuran 28 x 28 Pixel -----
var  Gambar_Login_Anda =&#39;http://www.mouserunner.com/ShinySmileys/cool.png&#39;,
       Nama_Login_Anda = &#39;Afinzdi Quincy&#39;;
</script>
<script src='https://tutorialbelajarblogger.googlecode.com/files/animasi-login3.js' type='text/javascript'/>
</div>
<div id='animasi-munyer1' style='position:fixed;z-index:9000;background:black;height:55%;width:100%;left:0;top:0;'/>
<div id='animasi-munyer2' style='position:fixed;z-index:9000;background:black;height:55%;width:100%;left:0;bottom:0;'/>
<div id='animasi-munyer3' style='position:fixed;z-index:9000;background:black;height:100%;width:55%;left:0;top:0;'/>
<div id='animasi-munyer4' style='position:fixed;z-index:9000;background:black;height:100%;width:55%;right:0;bottom:0;'/>
<!-- Animasi Login End -->
<b:else/>
</b:if>

4. Kemudian simpan template kalian.

*nb
Untuk kode yang berwarna biru bisa kalian ganti dengan nama kalian
Untuk Url yang berwarna biru kalian ganti dengan Url gambar kalian

Share :

Facebook Google+ Twitter

Related Posts :