Cara Membuat Animasi Login Di Home / Beranda Blog

Cara Membuat Animasi Login Di Home / Beranda Blog -Animasi Login Di Home Blog ini memberikan efek manipulasi terhadap blog agar nampak...



Cara Membuat Animasi Login Di Home / Beranda Blog-Animasi Login Di Home Blog ini memberikan efek manipulasi terhadap blog agar nampak seperti sedang login dengan Cap Jempol yang memberikan kesan menarik kepada para pengunjung ketika berada di home blog kita.. Lagi-lagi Inspirasi ini saya dapatkan dari Blog Santa Mars saat blogwalking dan tidak sengaja saya menemukan cara membuat animasi login di home pada blog,dan akan saya coba untuk men-share nya kembali kepada sobat semua,siapa tahu ada yang suka dan ingin menerapkannya pada blog mereka,oke..untuk cara-cara nya masih biasa dalam edit template pada umumnya yaitu :
  • Login ke akun blog
  • Edit template>>expand widget template (jangan lupa backup dulu)
  • cari kode </body> (gunakan ctrl+f)

Cara Membuat Animasi Login Di Home / Beranda Blog
  • Letakkan Element dibawah ini tepat di atas </body>
  • Lihat pratinjaunya dulu,kemudian
  • Save dan lihat hasilnya. 


<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 ='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxIxM78xgkps81FEbtWJqJYE82Nk_Zz_c9j26HtqbP1ONh_cghVFWJlLqQ2lYCb92QallKr9lI3E-IaMuulEFGcQC4scSYsThKfT8_BWHfBSPSYiVcCpmZIQE5vn3gEeRwmlrcPi-eKHc/s28/Shutdown.png',
       Nama_Login_Anda = 'harysukasuka';
</script>
<script src='http://not-remove-admin-3.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 -->
<b:else/>
</b:if>

Keterangan:
Untuk yang berwana merah di dalam kode/script silahkan bisa sobat ganti sendiri sesuai dengan keinginan dan kecocokan sobat sendiri.

Dan mungkin itu saja tutorial saya tentang Cara Membuat Animasi Login Di Home / Beranda Blog,semoga apa yang sudah saya tuliskan ini bisa bermanfaat buat sobat blogger yang membutuhkan.Terimaksih

COMMENTS

BLOGGER: 28
Loading...

Ads 970x90

Nama

allianz,1,andro textile,1,android,6,asmara,1,asuransi,1,award,3,berita,45,bisnis,4,cap kaki tiga,1,commonwealth,2,daftar isi,5,decoder,1,download,15,efek blog,5,elektronik,2,entertainment,3,facebook,18,family,3,flora dan fauna,7,gadet,1,galuh,8,google,17,google adsense,2,google plus,24,hiburan,28,HostingPangeran,1,hotel murah,1,ICAN Education,1,iddetik.com,1,iklan,1,jadwal timnas,1,jasa,1,keindahan alam,2,keluarga,1,kesehatan,1,klasemen,6,komputer,2,kontes,22,kuliner,3,lain-lain,52,Margahayuland 42 tahun membangun,1,maruyungsari,9,olahraga,35,otomotif,9,paket wisata,1,pengalaman,2,persib,2,profil,2,puisi,2,religi,25,review produk,2,sambut brazil,2,seluler,2,software,1,superwash,1,tutorial dan trik blog,74,twitter,4,video,3,widget,1,wisata,5,youtube,11,
ltr
item
BLOG MASHARI: Cara Membuat Animasi Login Di Home / Beranda Blog
Cara Membuat Animasi Login Di Home / Beranda Blog
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXBMh8CCsqS076-1gRvcdUpUUeTbfmpplp_fkSXLlpdl1kpEqBkUyxZDwGqo5x0wGyQ00gxTdmeexcIVA3tHNhDOSOHIwEAPmavtcOSeN2Addi_0GOoBT_ODu0R2yiU-Mzu1CxVAPhY_o/s320/login.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXBMh8CCsqS076-1gRvcdUpUUeTbfmpplp_fkSXLlpdl1kpEqBkUyxZDwGqo5x0wGyQ00gxTdmeexcIVA3tHNhDOSOHIwEAPmavtcOSeN2Addi_0GOoBT_ODu0R2yiU-Mzu1CxVAPhY_o/s72-c/login.png
BLOG MASHARI
https://harysukasuka.blogspot.com/2013/04/cara-membuat-animasi-login-di-home.html
https://harysukasuka.blogspot.com/
https://harysukasuka.blogspot.com/
https://harysukasuka.blogspot.com/2013/04/cara-membuat-animasi-login-di-home.html
true
1510860441598238899
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy