Cara Membuat Efek Loading Blog Keren

Cara Membuat Efek Loading Blog Keren Cara Membuat Efek Loading Blog Keren - Sebelumnya saya ucapkan selamat siang buat teman teman yang setia membaca blog zeep. Pada kesempatan siang ini izinkan saya memberikan membuat tampilan blok kamu lebih menarik dan lebih keren untuk di lihat walaupun blog kamu memang sudah lebih keren dari blog zeep saya. :( tapi tidak apa saya tetap berbagi, Pemasangan Efek Loading sendiri sangat lah gampang gampang mudah, karena pastilah semua blogger sudah tau cara cara pengeditan nya kita hanya perlu menambahkan suatu kode yang akan saya berikan berikut ini dan kamu bisa langsung mempelajarinya di blog masing masing.

Gambar 1.1 Cara Membuat Efek Loading Blog Keren

1. Pastinya Login dulu ke akun blog anda, misal blogger.com
2. Buka Template lalu Copy dan paste kode berikut ini dibawah kode </head>

<style type="text/css">
/* add loading image */
body {background:#000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHAUqEQBMF2Ga5ZKwnU9M5MbdJxZvbxImmG5gYMun4yliAXZFTqcLAz9lZbtTsYwkRTvfqll2ILjX5ryXTZnzcbLvxSWIoVWryJa-axHCnhLEcfnTXcxk4-r37sVzb_8_7_RTcsI1ea4UG/s1600/loading_gif.gif) no-repeat fixed center;}
/* hide page div */
#page{display:none;}
</style>
<script type="text/javascript">
function css(classORid,rules){
try{var css=document.createElement("style");
css.innerHTML=classORid+"{"+rules+"}"
document.body.appendChild(css);}
catch(e){}
try{document.styleSheets[document.styleSheets.length-1].addRule(classORid,rules);}
catch(e){}}
function loaded(){
css("#page","display:block!important");
css("body","background:#000 url()");}
if(window.addEventListener)window.addEventListener("load",loaded,false);
else if(window.attachEvent)window.attachEvent("onload",loaded);
else if(document.getElementById)window.onload=loaded;
</script>

3. Cari <body> lalu pastekan <div id="page"> tepat dibawah <body>
4. Dan terakhir sebagai penutupnya silahkan anda cari </body> lalu pastekan </div> tepat diatas </body>

KODE WARNA BIRU BISA ANDA GANTI DENGAN WARNA LAIN dan Anda juga dapat mengganti loading seperti yang anda inginkan dengan mengganti tulisan yang berwarna MERAH dengan gambar gambar yang saya berikan di bawah ini :

Berikut ada Beberapa ALAMAT URL animasi loading yg mungkin Kalian suka :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_WGcPU6hKMQsbjlyyJ5ypgVE7TOFoeGr155old7vjeVB-7z5hZmMLlUlCOPLeunEMczLvjphcqcT8A13vAOKix1ZmHwTw8AlqusICYiQP5_IglVlzFw08iynx-rIOUb63xwZ8g30ie3oS/s1600/loading1.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhbMzwGJc3-2_ogB9r3Kl8fPXSlFfE3QCf_mNNXX_9m22It7JmOxWrtU9SVcFLMqMY-Z3HOfekXfL9E2UxzT2pi8RyPhp1PlUUv-IgFCCNQx2rxiOHhBaSXp674waB9oZ56EK-ybcVdjUN/s1600/loading2.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWN57CpuLQnrADqM9l8DwRJewenw5yQ55o8TJ-EBkdi6oMageQ_-9Dy_yh_E_c5Kzfyvo3tsmsbwOIvGq7joFQXovVAMhkktd76pI8a_7T_uqPZWmjGN9vfdoJEjlg55s2OJ3FVMxsA5bk/s1600/loading3.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCeEFOSlVRKOi0FhbYD4Lkg41opcZY3yzEdhbTZvxWN5NFTUBP4yH189YNKPqP9WrnUyUml9nnADFEOq6KH8V_FbmNhHSGZ2KBLX-T74R-lulbgObnniNS3qrWf3JHaxCxuCBnfWm5Yj9f/s1600/loading4.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaC8dtIJfyIburXHv32N4e62U-p3wnb52IJxB94QdjnVDVZcjd6SSzVOe51wtWIV4dB7hZ2M8wK2WPW0xvwMtE4kyytCs02qs0DCZkXmWigssWxJO6gOYfUJcz7GFvecH_uB5ATLOXOdon/s1600/loading5.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeSuLL2hpAQQLz67iYAy14LAp-_bog4Oxq7PlxPR5o9TVFkNNyczF_k_n1uAV50adj-B0MdyxSrnC4ytOSy_O4DT768A4ezV8g60FOlWq-LgdgcoaiHpRc65MJF47Np36wcTOUjViM6SWm/s1600/loading6.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVOEiw1jNJ2KZTVMwW5-OgNXP6JMv72KBmh65yncwFQ_OXftrhhXoHeMD4ssrCRElBqufHC-fz9YBG43Jqu-BuS3_2EUl4DrNBvxkPFzw_vBEvqLHAyCdSMl_4MpTfRbU9sE8p1zhx8uxz/s1600/loading7.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-7jeEJI0M3WSM-WT7mCNEDIaYyue_LcNeC86zKnAw94WtKRxmNHMSINoKpYqYTA6MyVWYp3d-MZ_oSxQUm3YlLVxmm1Mc-KYWQohg7OUktgGzl0ojX69t6PKb1R0hrP-oY4EMOMrU5-cM/s1600/loading8.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZtCPhs809KVoUVT5f8PySCehqwoRfhlCerZAabQseEh-T14CSQPOc_ySef7Tw796XSNRanh1a-DTesZ2YbB9kWVBDiIxBIqifIcMJQIy1Jd3YCzVZHwJDrqbXrjzpLcmucQ4UnVmTY782/s1600/loading9.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgstG3Vc7u7ZiKuOmQmspheEFqJr_Ck74AjNW8k_cY901Q-oGy_A1jZdSm3TLINTH6Z00I-FoD4WQ5T72gEhweCWWujXH5xosNQbU1aAP0ba1QASyGsi13VM1Z_9DsDs5GG9BZ3SljuIfYA/s1600/loading10.gif

Jika yang di atas terlalu rumit bisa Cara yang akan saya berikan di bawah ini

1. Carilah Kode <body> , jangan salah ya .

2. Kemudian Ganti/Hapus Kode <body> dengan kode dibawah ini :

Sama Seperti yang di atas kamu bisa ganti Kode yang berwarna merah dengan Efek loading lainya yang lebih cocok dengan blog kamu

Done !!!

Sekian dulu dari saya ya teman teman semoga artikel kali ini bermanfaat buat pembaca

Cara Membuat Efek Loading Blog Keren >

Cara Membuat Efek Loading Blog Keren

Artikel Terkait Cara Membuat Efek Loading Blog Keren :

8 komentar:

Entri Populer

Labels