Loading...
Close
About

Blog ini adalah tempat Kami berbagi dan tempat Kami melatih skill Kami dalam dunia web Design, juga sebagai tempat Kami ngaBacod

Kami 2 buah bocah asal Garut, Jawa Barat ,Indonesia yang mempunyai hobi main game dan ngutak-ngatik komputer terutama yang berhubungan dengan Web programming dan Design, mengerti sedikit bahasa pemograman seperti : VBasic 6 ,php, css, java script. Kami juga menerima jasa pembuatan Web Design.

26 June 2012

Membuat Efek Tampilan Loading Halaman [update]

ok sekarang saya akan memberi tahu cara membuat efek Loading pada blog
ok langsung saja :
- yang pertama masukan kode jquery berikut di atas kode </head> jika kalian sudah memasangnya berarti kalian tidak perlu lagi memasangnya
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
- masukan kode css dibawah ini di atas kode ]]</b:skin>
#lahzloading{
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;
}
- Cari kode </head> dan masukan kode ini di atasnya
<script type='text/javascript'>
$(function() {
var siteURL = &quot;http://&quot; + top.location.host.toString();
var $internalLinks = $(&quot;a[href^=&#39;&quot;+siteURL+&quot;&#39;], a[href^=&#39;/&#39;], a[href^=&#39;./&#39;], a[href^=&#39;../&#39;], a[href^=&#39;#&#39;]&quot;);
$internalLinks.click(function() {
$(&#39;#lahzloading&#39;).fadeIn(1500).delay(6000).fadeOut(1000);
});

// Hilangkan overlay saat diklik untuk mengatasi gangguan, terutama jika link internal diset dengan target=&#39;_blank&#39;
$(&#39;#lahzloadingr&#39;).click(function() {
$(this).hide();
});
});
</script>
- Lalu masukan Kode Di bawah ini di bawah kode <body>
<div id='lahzloading'>
<span style='font-size:50px;font-weight:bold;'>Loading...</span></div>
 - simpan dan lihat hasinya
Teks yang berwarna bisa di ganti terserah kalian
Sumber aslinya itu tapi saya edit lagi dikit :)

2 comments:

  1. mantap bro,bagus share-nya

    monggo follow or visit back my blog whiteduivel.blogspot.com yahh

    ReplyDelete