Cara Memasang Efek Loading Halaman Blogger Sahabat SIMPANGblogger Alhamdulilah kita masih bisa ketemu lagi sampai saat ini, Kali ini SIMPANGblogger Akan mencoba berbagi pengalaman dengan
Cara memasang efek loading halaman Blogger Apa itu loading yah.. kurang lebih nya saat kita klik halaman Blogger ada salah satu animasi gif atau dengan tek sebelum halaman terbuka semuanya Contoh bisa dilihat disini silahkan klik sala satu halaman. salah satu efek ini mungkin akan sangat bermanfaat dan bahkan bisa membuat loading sedikit lebih cepat .Ingin memasang nya silahakan ikuti caranya dibawah ini.
Cara memasang efek loading halaman Blogger Apa itu loading yah.. kurang lebih nya saat kita klik halaman Blogger ada salah satu animasi gif atau dengan tek sebelum halaman terbuka semuanya Contoh bisa dilihat disini silahkan klik sala satu halaman. salah satu efek ini mungkin akan sangat bermanfaat dan bahkan bisa membuat loading sedikit lebih cepat .Ingin memasang nya silahakan ikuti caranya dibawah ini.
1. Simpan jquery di atas code </head>
Catatan: Jika pada template anda sudah menggunkan jquery yang sama maka code ini tidak perlu di masukan kembali. dan usahakan versi jquery mengunakan jquery v1.7.1 ganti versi yang lama
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
2. Simpan CSS dibawah ini di Atas kode ]]</skin>
/* LOADING */
#muat-halaman {
position: fixed;
top: 0;
left: 0;
background-color: #000;
z-index: 9999;
text-align: center;
width: 100%;
height: 100%;
padding-top: 200px;
font-size: 25px;
color: #fff;
display: none;
}
#muat-halaman {
position: fixed;
top: 0;
left: 0;
background-color: #000;
z-index: 9999;
text-align: center;
width: 100%;
height: 100%;
padding-top: 200px;
font-size: 25px;
color: #fff;
display: none;
}
3. Simpan HTML ini di Atas Kode </body>
<div id='muat-halaman'>
<span style='font-size:70px;font-weight:bold;'>Please Wait ..</span><br/>
To Open!<br/>The Page Is Being Loaded<br/><a href='http://simpangblogger.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() {
$('#muat-halaman').fadeIn(800).delay(8000).fadeOut(1200);
});
$('#muat-halaman').click(function() {
$(this).hide();
});
});
//]]>
</script>
Komentar
Posting Komentar