Cara Membuat Efek Loading pada Blog
Daftar isi: [Tampil]
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
mantab bro . terus berkreasi ya :D
ReplyDeletebtw minta demonya dunk hehehehe (y)
ReplyDeletemantab nih sob
ReplyDeleteSalam Kenal, Bro
ReplyDeleteKalau ada waktu kunjung balik http://frekuensi13.blogspot.com
Oh,.. iya
artikelnya sangat bermanfaat :)
Keren nih sobb... :D Izin makai ahh.. thx
ReplyDelete