Membuat Energy Saving Mode Animasi - Sebelumnya ane udah share tentang Cara mengetahui broken link pada di blog dan Memasang Alt Image Otomatis, Maka kali ini ane mau share bagaimana memawang Saving Mode pada Blog. Tutorial ini ane dapat dari tetangga sebelah, hihi.. Animasi Saving mode ini cukup unik dan menarik agar tampilan blog kamu lebih keren.


Berikut cara memasang widget Saving Mode keren ini :

• Masuk ke akun Blogger anda
• Selanjutnya ke menu Template > Edit HTML
• Tekan Ctrl + F dan cari kode </body>
• Kalau sudah ketemu, Silahkan copy kode berikut :

• Pages
  • Tukar Link
  • Tool
  • Contact Us
  • About Us
  • Site Info
• follow
  • Rss Feeds
  • Facebook
  • Pinterest
  • Email
  • Twitter
  • Google+

Wawasan spiritual dan blogging

Advertise Here

22 April 2013

Cara membuat animasi login di blog

Posted at  13.42  |  in  tips dan triks blog

 

Pada  postingan kali ini saya akan share ke anda tentang cara membuat dan menambahkan animasi log in di blog. Animasi ini saya temukan di blog tetangga sebelah, animasi ini cukup unik dan menarik sehingga penulis postingkan kembali. Jika anda tertarik, silahkan terapkan di blog anda dan ikuti langkah-langkahnya dibawah ini:

• Masuk ke akun blogger anda
• Klik drop down menu-> Template -> Edit HTML

• Cari tag </body>  tekan CTRL + F untuk memudahkan pencarian.

• Kemudian kopi dan Pastekan script berikut tepat diatas tag </body> :

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- Animasi Login Begin by soloverz.com -->
<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 ='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh78vu_3SZXMtVos0KxmNLrrVQKqREIpifQwS2T-bl3Ehq4BlQLxGnKL4ffKwaVCpaNz8X3csh0yQgLYkz-HAjVGZFLBa5t-B3_omM1bfNfXB13LL3ULMtfiF36IDgDlq2LWztDQGfcp94/s28/Shutdown.png',
       Nama_Login_Anda = 'Han Nara | Team';
</script>
<script src='https://tutorialbelajarblogger.googlecode.com/files/animasi-login3.js' type='text/javascript'></script>
</div>
<div id='animasi-munyer1' style='position:fixed;z-index:9000;background:black;height:55%;width:100%;left:0;top:0;'></div>
<div id='animasi-munyer2' style='position:fixed;z-index:9000;background:black;height:55%;width:100%;left:0;bottom:0;'></div>
<div id='animasi-munyer3' style='position:fixed;z-index:9000;background:black;height:100%;width:55%;left:0;top:0;'></div>
<div id='animasi-munyer4' style='position:fixed;z-index:9000;background:black;height:100%;width:55%;right:0;bottom:0;'></div>
<!-- Animasi Login End by han-nara.blogspot.com -->
<b:else/>
</b:if>

•   Silahkan ganti tulisan Han Nara | Team dengan tulisan yang anda inginkan.
•   Save Template