Cara Memasang Logo Premier League Dark Loading
1. Masuk Blogger2. Klik Template
3. Terus Klik Edit HTML
4. Tekan Cari Kode Ctrl + F
5. Ketik Cari Kode </style> Ini Gaya Loading Premier League Dark
6. Letakkan Kode Dibawah Gaya Loading Premier League Dark Ini </style> Di Atas
/*Loading Page Premier League Dark*/
#load-page-premierleague{background-color:#38003c;width:100%;height:100%;position:fixed;left:0;top:0;z-index:+100000;opacity: 0.97;}
.lp-premierleague{position:absolute;width:100%;margin:0 auto;text-align:center;padding:200px 0;color:#FFF}
.lp-premierleague img{max-width:100%}
#load-page-premierleague{-webkit-animation:plcolor 5s linear 0s infinite alternate running;-moz-animation:plcolor 5s linear 0s infinite alternate running;animation:plcolor 5s linear 0s infinite alternate running}
.lp-premierleague img{-webkit-animation:plmove 1s ease-out 0s 1 running;-moz-animation:plmove 1s ease-out 0s 1 running;animation:plmove 1s ease-out 0s 1 running}
@-webkit-keyframes plcolor{0%{background-color:#38003c}50%{background-color:#e90052}100%{background-color:#00ff87}}
@-moz-keyframes plcolor{0%{background-color:#38003c}50%{background-color:#e90052}100%{background-color:#00ff87}}
@keyframes plcolor{0%{background-color:#38003c}50%{background-color:#e90052}100%{background-color:#00ff87}}
@-webkit-keyframes plmove{from{-webkit-transform:translate(0px,-300px);transform:translate(0px,-300px);opacity:0}to{-webkit-transform:translate(0px,0px);transform:translate(0px,0px);opacity:1}}
@-moz-keyframes plmove{from{transform:translate(0px,-300px);opacity:0}to{transform:translate(0px,0px);opacity:1}}
@keyframes plmove{from{transform:translate(0px,-300px);opacity:0}to{transform:translate(0px,0px);opacity:1}}
7. Terus Ketik Cari Kode </body> Ini jQuery Loading8. Letakkan Kode Dibawah jQuery Loading Ini </body> Di Atas
<script type='text/javascript'>
//<![CDATA[
//Loading Halaman
$(window).bind("load", function() {
$('#load-page-premierleague').slideUp(1000);
});
//]]>
</script>
9. Selanjutnya Ketik Cari Kode <body Ini Loading Premier League Dark10. Letakkan Kode Dibawah Loading Premier League Dark Ini <body Di Bawah
<div id='load-page-premierleague'>
<div class='lp-premierleague'>
<img src='https://cdn.rawgit.com/maharanidanathallah/premier-league/master/premier-league-logo-header-full.png'/>
</div>
</div>
11. Selesai Klik Simpan Template12. Lihat Hasil Blog
Cara Memasang Logo Premier League Light Loading
1. Masuk Blogger2. Klik Template
3. Terus Klik Edit HTML
4. Tekan Cari Kode Ctrl + F
5. Ketik Cari Kode </style> Ini Gaya Loading Premier League Light
6. Letakkan Kode Dibawah Gaya Loading Premier League Light Ini </style> Di Atas
/*Loading Page Premier League Light*/
#load-page-premierleague{background-color:#05f1ff;width:100%;height:100%;position:fixed;left:0;top:0;z-index:+100000;opacity: 0.97;}
.lp-premierleague{position:absolute;width:100%;margin:0 auto;text-align:center;padding:200px 0;color:#38003c}
.lp-premierleague img{max-width:100%}
#load-page-premierleague{-webkit-animation:plcolor 5s linear 0s infinite alternate running;-moz-animation:plcolor 5s linear 0s infinite alternate running;animation:plcolor 5s linear 0s infinite alternate running}
.lp-premierleague img{-webkit-animation:plmove 1s ease-out 0s 1 running;-moz-animation:plmove 1s ease-out 0s 1 running;animation:plmove 1s ease-out 0s 1 running}
@-webkit-keyframes plcolor{0%{background-color:#05f1ff}30%{background-color:#ff015b}70%{background-color:#00ff87}100%{background-color:#ebff00}}
@-moz-keyframes plcolor{0%{background-color:#05f1ff}30%{background-color:#ff015b}70%{background-color:#00ff87}100%{background-color:#ebff00}}
@keyframes plcolor{0%{background-color:#05f1ff}30%{background-color:#ff015b}70%{background-color:#00ff87}100%{background-color:#ebff00}}
@-webkit-keyframes plmove{from{-webkit-transform:translate(0px,-300px);transform:translate(0px,-300px);opacity:0}to{-webkit-transform:translate(0px,0px);transform:translate(0px,0px);opacity:1}}
@-moz-keyframes plmove{from{transform:translate(0px,-300px);opacity:0}to{transform:translate(0px,0px);opacity:1}}
@keyframes plmove{from{transform:translate(0px,-300px);opacity:0}to{transform:translate(0px,0px);opacity:1}}
7. Terus Ketik Cari Kode </body> Ini jQuery Loading8. Sebelum Ini Cara Memasang Logo Premier League Dark Loading Di Atas Itu jQuery Loading Ini </body> Di Atas
9. Selanjutnya Ketik Cari Kode <body Ini Loading Premier League Light
10. Letakkan Kode Dibawah Loading Premier League Light Ini <body Di Bawah
<div id='load-page-premierleague'>
<div class='lp-premierleague'>
<img src='https://cdn.rawgit.com/maharanidanathallah/premier-league/master/Premier-League-Logo-Centred.png'/>
</div>
</div>
11. Selesai Klik Simpan Template12. Lihat Hasil Blog
Undangan Juara Liga Inggris 2016/17
Jangan Lupa Final Liga Inggris Akhir Chelsea Juara. Sebelum Anda Diatas Cara Memasang Logo Premier League Dark atau Light Loading DisiniSelanjutnya Cari Kode </style Letakkan Kode Dibawah Undangan Juara Liga Inggris 2016/17
/* Invitation Champions Premier League */
#load-page-premierleague{background:url(https://rawgit.com/maharanidanathallah/premier-league/master/ezgif.com-video-to-gif.gif);background-repeat: no-repeat;background-position: center;background-size: cover;}
.lp-premierleague img{opacity: 0.5;}
/* End Invitation Champions Premier League */
Selesai Klik Simpan Template dan Lihat Hasil Blog

No comments: