Pada Dasarnya anda akan menikmati sebuah tampilan menarik saat anda membuka sebuah website, sebelum memasuki halaman web atau blog si suguhkan berbagai macam page loading hasil creasi dari setpa pembuat
- Silahkan login ke Blogger.com
- Klik Template => Edit HTML
- Cari kode ]]</b:skin> atau </style>
- Paste kode css di bawah ini tepat diatas kode ]]</b:skin> atau </style>
/* Loading Page */ #page-loader{position:fixed!important;position:absolute;top:0;right:0;bottom:0;left:0;z-index:999999;background:#fff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4PvDbHY9m88f5APjb0B8Jjuj27KE0n6d9LFQqWY81hcO-z3g398NG0C6YXK69Qad38D1UsEsha7hVm8TUoFm5_1pYo9CMy8FR7iOKe2CdGTOk0wn872vXuy3o_xlsq3bB2VlGhAj5t2Vd/s128-no/loading.GIF') no-repeat 50% 50%;padding:1em 1.2em;display:none}
- Copy dan Pastekan code di bawah ini tepat di atas
</head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js'/>
- Cari kode
</body>
- Copy kode jQuery dibawah ini, lalu Paste diatas kode
</body>
<script type='text/javascript'>
//<![CDATA[
// Animasi Loading
$(document.body).append('<div id="page-loader"></div>');
$(window).on("beforeunload", function() {
$('#page-loader').fadeIn(500).delay(5000).fadeOut(1000);
});
//]]>
</script>
- Copy dan Pastekab Kode di bawah ini tepat di atas
]]></b:skin>
#page-loader {
position:fixed !important;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:999999;
background: #1E90FF url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXGP3m2Xm4tpaFyCZsb7dRg40NtNMHXqjolqFeXVFd7qsXERqUD3gw45tSTlqkBKvgoX3DHsGX-PIVslQNooIq89J_CyRKhKGV1sE2mKXpC9oE9kF90ctt7gMgBKsiTSOiz9NMDA0qFb0/s200/load6.gif") no-repeat 50% 50%;
padding:1em 1.2em;
display:none
}
Beberapa Gabar Animasi Menurut Kesukaan Anda
Efek Animasi Loading Page 1
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibt9-iPie1UeSPXSmgIL7JxbH9kflZA5cdIMReJ9uZyjRhshRS-ZTr0JUI57ndh6UtStZFM-ZJoMdIb0tJpTj0mQui5roSYkfPCr7HuEJu19hgXuLNGGVI1iyv7KgRSIy23T7vVVccHb8/s128-no/Loading7.GIF
Efek Animasi Loading Page 2
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3TCfI1Bhj4jqfo7bGJQv_UP_7IwaHBiAuqMU-XjB2g81Gq5wYF9Rw0u85HTCvVkubVu1NgoU2UQmM1mZWfhroBex28mVxe35lO3qEhwCXFv5uXMunVB8oCWECdr7f7JJgcX925e_ryD4/s128-no/Loading2.GIF
Efek Animasi Loading Page 3
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv8psu7Ly1AZTjnHJqeXx7l23QbR16uQZ-y7hskbIQRsAEfdS9EOqwZTIGm-VojOkQhvghkdqj-fqRpK2lYtk7XdmelA-lHrpDjpYTb8dSvKEiM17J92K4UltbG5Eavku6G6G330QSWKc/s128-no/Loading3.GIF
Efek Animasi Loading Page 4
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdAH9Ytsqm0NVOXWIF9ZWHm0mnTCo1qQrpqYSGFrO0YXgrWcQTwHblUc5DVIWU1QgSDRt_GnAOD6ZGZjC7m2OAIgRp8T_UDu5gYPm3MNWOsxMr-q52ToYtDXej2ys9MRigcllzPxXVIss/s128-no/Loading4.GIF
Efek Animasi Loading Page 5
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuns2uheRWiADWYu6zEyMH6Q7qXDLgByFhBmKFGuZDYVjP9VElcoGf0dnjPqYn7CRuwk44OSuabMbjVKhWUGOQtox6B9afbdeh1fK5jT4yQgW2F1uGjvpqvHuptpqNNy3uNu5xECthyq8/w124-h128-no/Loading5.GIF
Efek Animasi Loading Page 6
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ7WJ0nZ6WSKxf4iObOW86S3kpN7mTnnHti5i9RBQr0f6MHH7sIpclxYZipvLgG1BiQpNUeZOZLrdISYzfp9lj5mLyBHqP6EOKQ6RXmiJmB6H95MGt1_3aUMOjTCC7uXBw5kbtP4BszwY/s128-no/Loading6.GIF
Efek Animasi Loading Page 7
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxWN-2KkfDlgfTwsiyzyAWiygFl99mekUb_ZNWvluklOQaRC3QnVEKES0pWizoFlYXxOXCCgItSZmOanjHKZamLZcWR1i9MCtGn1eI4Jkxsa16eG0gL9udv-vHjIEiwKuxWTkoNxNMGps/s128-no/Loading1.GIF
Efek Animasi Loading Page 8
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuCvCmAba-w6EZSinI1n_3-twnzm_oMPU-PpmxIf4KDgHnyD_uMItTp549foZ2lcNK8LOuNDRsDEhhRb5exO-khJ6tAfkQQgDa5wgbUYTLQASyKjBdEaQYUaDAWzDHnLoi3o-krc2krAY/w128-h54-no/Loading8.GIF
Efek Animasi Loading Page 9
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4BW3ga5XAcKbcfvMF6B9nIR8JTJo25JEigPDyzbSDT8DL0RetfNoVNeAXAUmuxOOHIancraKLiPcOVV23f6vZG5jRVwoXED4ukmWAV-TFILF80juRYmZF4KpaYTF019FxNMcqCSYPkyI/s128-no/Loading9.GIF
Efek Animasi Loading Page 10
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0PrOa6oaOC_UuZ9RBPxmaLnOsQYrcNqq_Kmrg_yRSyRNwO9ioAZhOsd4fcqAvvsmzKwGFZRNIUZu6pRpWnZZLu-h_Kq81VfXt3gY1shaA_fqbQktcPzr1s36EzGrEBgJv-E4StrIDvII/w128-h40-no/Loading10.GIF
Labels:
Tutorial Blog
at
9:23 AM
1. Berikan Komentar Anda Sesuai dengan Judul Artikel.
2. Komentar yang menyertakan link aktif, iklan, atau titip link, akan dimasukan ke folder SPAM.
3. Untuk pertanyaan Out Of Topic ( OOT ) silahkan klik Forum
Konversi KodeEmotionForum