Cara Membuat Efek Loading pada Blog - Fungsi efek loading ini adalah untuk mempercantik atau memperingan loading blog. Oleh karena itu ini adalah salah satu trik untuk menarik pengunjung juga.
2. Ke Edit HTML
3. Cari kode ini
4. Masukkan kode dibawah ini tepat diatas kode yang tadi
6. Lalu letakkan kode dibawah ini tepat dibawah kode yang tadi
Cara Membuat Efek Loading pada Blog :
1. Buka akun Blogger.2. Ke Edit HTML
3. Cari kode ini
]]></b:skin>4. Masukkan kode dibawah ini tepat diatas kode yang tadi
#loading-blog {
position:fixed;
top:0;
left:0;
background-color:transparent;
z-index:9999;
text-align:center;
width:100%;
height:100%;
padding-top:200px;
font-size:25px;
color:#grey;
display:none;
}
5. Setelah itu cari kode <body>6. Lalu letakkan kode dibawah ini tepat dibawah kode yang tadi
<div id='loading-blog'>
<span style='font-size:70px;font-weight:bold;'>Mohon Tunggu ..</span><br/>
Untuk Membuka!<br/>Halaman Sedang Loading<br/><a href='http://www.aldoseo.blogspot.com' style='position:absolute;bottom:0;right:0;font-size:8px;color:#fff!important'>link</a></div>
<script type='text/javascript'>
//<![CDATA[
$(function() {
var siteURL = "http://" + top.location.host.toString();
var $internalLinks = $("a[href^='"+siteURL+"'], a[href^='/'], a[href^='./'], a[href^='../'], a[href^='#']");
$internalLinks.click(function() {
$('#loading-blog').fadeIn(800).delay(8000).fadeOut(1200);
});
$('#loading-blog').click(function() {
$(this).hide();
});
});
//]]>
</script>
7. Save
