cara bikin loding di blog


Totorial tentang membahas cara membuat looding di blog,apa bila ingin membuat tambahan atau ingin membuat variasi blog dengan menambahkan looding di blog,supaya blog menarik untuk di lihat oleh pengunjung.jadi kalau ingin membuat looding di blog bisa  membaca totorial ini dan pertama-tama harus memahami tentang cara memasang scrip di blog dengan benar kalau tidak tempat maka tidak bisa tampil. 1.buka blog
2.klik template
3.edit template
4.cari code ini </body> atau mencari dengan tekan tombol CTR+F
 letakan diatasnya.Pada body background disisipkan kode<div id="page-loader"></div> ditampilkan dengan efek fadein dengan waktu 1000 detik, penundaan 8000detik, diakhiri dengan efek fadeout 1000detik.
<script type='text/javascript'>

//<![CDATA[

$(document.body).append('<div id="page-loader"></div>');

$(window).on("beforeunload", function() {

$('#page-loader').fadeIn(1000).delay(8000).fadeOut(1000);

});

//]]>

</script>
Setelah kode diatas sudah anda terapkan, kemudian anda cari kode ]]></b:skin> anda letakkan sebelum kode atau tepatnya diatas kode ]]></b:skin>
page-loader {

position:fixed !important;

position:absolute;

top:0;

right:0;

bottom:0;

left:0;

z-index:999999;

background: #000 url("URL IMAGE") no-repeat 50% 50%;

padding:1em 1.2em;

display:none

}

tinggal mengganti backgroun dan ulr image

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglmJuYxtMkiccFMDKw8mih1f0pY_ChtTm-VOvNFunLEF8Q24wrVHaSLyaW1q_rO39zCB6eoIF6-J2HVvVsqVMagqqZ4Tu1hlIm7IVHb-8BibgH4eksfKPg_kpuf_9jq5QZj7YLQGOgroc/s1600/2.gif


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9_gDM3CHFDFh0ZsBTbPr3Awf2C8-diyA7ml7ENro9PsgQyvvBP_xxK4ga3fwUaVuer6Gmx-2HQiVj4fCoTSPtps4AnUlj3d2NAyy9y1zzIju12Z4Dgmwb4frYyYkFE5_tvqc8SvG23P4/s1600/e.gif



href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0bKxSFecltxJM6U5pgCpmhjXZ8yz8UFQjoVICTox62vIAdjtR6pJcr4X4MTBufl1OxTBQiPUdrX9_Fm_aFOb-og3BcfMGK5AGCGoA3uchYi2n2zf7wCPimnQVKKJLxXj3pi6vXV4HTpY/s1600/1.gif



href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH-Um4Gfz_fQakX1zXC4o4YIsP3i6ZfC7gTbTFvGbZVU5tuSg0HPEb-RL_b71LzddfKmsfND-Gw1ag_YsE7ye9essfyWobUTclGyKh3FwZChN16u85ZYIHih3qMjCn2wV_3Sg_M56E_SE/s1600/3.gif



href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRGO3kbZ2dBRe6c-DYZ6QJYQ-6hcqHdEBA-WmdW-tc08lygjpmcXR8oQPpDrnuJ93sNXP1mhl6YHooMurj24qNvuhRTdFGVukvlsRtw8eGX8DhbY6Jo3D_QtHoA6t0ceVcdU9BzNvKXpg/s1600/5.gif



href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKHm59pZPf2coRpEBU3JsR-BPJZIRI0EiDgxKEjZscevqB8fphDsI7T5njkzdBJG99BIi58xOXv_uKLHlidL_0dmYBCZDrj_5B3zcOWb44MZtSzXXeP6tSNBapF70nhyGJ8x_2Noc4OP0/s1600/7.gif


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHVAwQ1cM3fkMqkQzjZYx4HT_LMgo7aWM-X0oD0voEuMZC0aoY4bLdn_rwmQs0U70IsSV9easNcbNf2Ca-Q44XOXctGg63s1qTZirCwlQK0MX-xmz56jqPWEpmw_sRE20loHxnxxRYYUU/s1600/9.gif


Comments

Popular posts from this blog

cara pasang paossword di halaman utama blog

cara mudah bikin parse html di blog

anti klik kanan di blog