Cara Membuat Login menggunakan CSS

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

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