Monday, October 10, 2016
Cara Mudah membuat Loading Halaman Blog
Cara Mudah membuat Loading Halaman Blog
Kumpulan Tips dan Triks - Cara Mudah membuat Loading Halaman Blog, Seperti pada blog ini kalian bisa melihat bahwa ketika halaman dibuka maka akan ada efek loading page nya. Anda bisa memberikan efek yang lain dari tutorial berikut ini.
 |
| Cara Mudah membuat Loading Halaman Blog |
Cara Memasang pada Blog :
1. Simpan jquery di atas code </head> :
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 di Atas ]]</skin> :
/* LOADING */3. Simpan HTML di Atas </body> :
#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; }
<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://www.URL_BLOGMU.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>
4. Terakhir simpan template anda dan lihat hasilnya dengan mengklik salah satu link internal blog anda dan jangan gunakan atribut target="_blank".
Sumber : http://under-88.blogspot.com/
Available link for download
