Sabtu, 03 Mei 2014

Cara Membuat Efek Animasi Page Loading di Blog

1.Masuk ke Blogger.
2.Pilih Template.
3.Klik Edit HTML.
4.Untuk Mengantisipasi Kesalahan , Lakukanlah BACKUP data terlebih dahulu.
5.Cari code <body>
6.Kemudian Ganti code <body> dengan code berikut dibawah ini :




<body onLoad='init()'>
<div id='loading' style='position:absolute; width:100%; text-align:center; top:300px;'><img border='0' src='
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv8D0oNKuTVCCHvFatW-Y9AVXH6T0TaWzURwCodTMbed4q0QClnSaor2Xabn8Ti8JEZqn1Bo6oelIIPbWR6oDeTyoFgVbiItQcCakb1IF4hjfK4fB-HgG8oXzuqdIV_akvkT9_fQP-zG4Q/s1600/loading1.gif'/></div><script src='http://lamersblogger.googlecode.com/files/page-loading.js' type='text/javascript'/>

7.
Tinggal klik Simpan Template dan lihat hasilnya.
Silahkan ganti alamat URL yang berwarna MERAH dengan gambar animasi yang kamu suka.


Beberapa alamat URL gambar animasi loading kemungkinan ada yang kamu suka.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv8D0oNKuTVCCHvFatW-Y9AVXH6T0TaWzURwCodTMbed4q0QClnSaor2Xabn8Ti8JEZqn1Bo6oelIIPbWR6oDeTyoFgVbiItQcCakb1IF4hjfK4fB-HgG8oXzuqdIV_akvkT9_fQP-zG4Q/s1600/loading1.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq0I6nnaaQmDIVsvPjJcmIGYvlSAQYSCyzRK4aZiz1sxjmWa7P1ZfZfQCZi8RaMYJ-9RHZg_XJ7WB8p0-y17_ZWLertea1DIHUoa95rOoS3Rjz8GPIPHf8KMMEGMfi-c8ZX0NLNfffNjnQ/s1600/loading2.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig1fKMgLTD5nSLyv_SiIuyjNA_hPze-XODDsc1rREfvMZE0DMDGNsdMHaEPWCoDpPK5pWzX3fMG3IJSlQ_XTF_euoC9_PN9DWChxpO8Ys9izGmClarl4Zh5xFfnswZBOqER2CLyP789uPZ/s1600/loading3.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit32_sK85zPMov0ZOo5diH1ELoXVp-sd2S3_7FfrL2CTZYs_Ne1iY07yAfWnTe_kSmej0AFa_JsS-YFvFO3uJ3rPLr7zm6zl6WBsBDWi8gBvt2I8VcTYxcHyon1H2QVAcezeIkSNe2Mf3x/s1600/loading4.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJnJdU63d0vatVEOrrWSvcwcwabfMMfc0HFQFWtAJVioYZm0Ix1S7L4N9GBx9ZcsqD5qkwH9j0oyvw4VI0luJysrJAB-pxfex2ByGO_zIL7YUVLfC0yUZIItwrdu77YV31Lpz2Y4QlYCQY/s1600/loading5.gif




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf5xafgDBIWrRIRhQnr6Shy5TKWqx-xHjglGW1J-gHQDvrTGQeXLYOvR3RZMTDbHkrZziIJgHLHqHJc-fY_vMgTmoMJPBX8PaAz7s-2u4pagIzyjOzsGhajIAQHBfbbx8HaIDPjEtmIYDI/s1600/loading6.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFNvdnjIl-uaIKGDOpLEqj_FW8FDaobRHPObLMXd3IE0sD4GpHnSviAlAmDdfGyJeNV5dZG6SLfEfPyj_ltcV-M5h58DjXj_VO1X1367VV_yN6jPci_4oIa1PPprMTwT5tQnp1AwFg8REh/s1600/loading7.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9wxSdLqb-AFDr77V1PtKWM-WZTNhWI5_fNv4U9BkNsCiaXV9pO38AhvnXzSVIAf8h18zBKxXhmXF14y0B_mi3ELWrjOmMN1dpdWo516YOakzOdz5ODAcYyZ7E3IWS_G46TEwqg7LtUuD0/s1600/loading8.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijHBCtBpfY9kV80GCaZCK-DshHcHpQv_J_yJNrOL1TYN0yUo0PtBN8x9iWw-_ffKuMLt4ewT-SsHbUBfz2QaNZHn-Qwv9punIv00AbRztgx0tz2Oc148UgU955seZu02G6ucZm2fl1pEkR/s1600/loading9.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCBpnBlRzVTui5X4VlcoVHtITxVz2K0QyQrMDJawhv4tfRVmbYAoWVOph3-Q4NU1KslHdLYMoi6myE18NIu8TqhnuBO-H3uPjBIIKGWUptIiVaVK0qMV4-6mncY2hRJfKIJ5Rm9sT9MJVa/s1600/loading10.gif

0 komentar:

Posting Komentar

Text Widget

You can replace this text by going to "Layout" and then "Page Elements" section. Edit " About "

Recent Posts

Definition List

Download

Authors

Pages

Diberdayakan oleh Blogger.

Pages - Menu

Translate

Social Icons

About Me

Followers

Featured Posts