Cara Membuat Loading Page Blogger

Cara Membuat Loading Page Blogger | Membuat Loading Page pada template membuat template menjadi lebih keren & menarik tetapi bagimana cara membuatnya ? simak caranya di bawah ini.



Cara Membuat Loading Page Blogger
  • Sekarang masuk menu Template --> Pilih edit HTML
  • Klik Ctrl+F dan cari kode ]]></b:skin>
  • Kemudian letakkan kode CSS berikut diatas kode ]]></b:skin>

#pintuseo-loader {
 position:fixed; 
 top:0; 
 left:0; 
 background:rgba(44, 62, 80, 0.9) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUiXIFrDzh9B1rYuLsFO46OPXrhmanR_cQR0r7FMfQWxrI7gzH0ctRhnsrxA7GMKwp7kfAdVErKGy4yQxwRUrayHDbVY2K6lN-ARDpGcqbuOcXcg6gRxCJsr5nUAAyyYAepYSq1bCn_CQ/s200/load6.gif)no-repeat 50% 50%; 
 z-index:9999; 
 text-align:center; 
 width:100%; 
 height:100%;
 display:none;
}


Note's
  • Kode berwarna MERAH dapat di ganti dengan url loading lainnya.
  • Cari Kode </head>
  • Copy Paste kode Javascript dibawah ini sebelum Kode Tag </head>

<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return c.toString(a)};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('$(1(){2 3="8://"+9.b.c.d();2 $4=$("a[0^=\'"+3+"\'], a[0^=\'/\'], a[0^=\'./\'], a[0^=\'../\']");$4.5(1(){$(\'#6-7\').e(f).g(h).i(j)});$(\'#6-7\').5(1(){$(k).l()})});',22,22,'href|function|var|siteURL|internalLinks|click|anarchyta|loader|http|top||location|host|toString|fadeIn|1500|delay|6000|fadeOut|1000|this|hide'.split('|'),0,{}))
//]]>
</script>

  • Terakhir cari kode </body> dan letakan HTML di bawah ini tepat di atasnya.
<div id='pintuseo-loader'/>
Sekian dari saya tentang Cara Membuat Loading Page Blogger semoga bermanfaat

1 Response to "Cara Membuat Loading Page Blogger"