Tutorial Cara Memasang Progres bar pembuka di Blog (Bagian 1)

Tutorial Cara Memasang Progres bar pembuka di Blog (Bagian 1)

Apa kabar sahabat dunia blogger???
Apakah Masih semangat? Kalau iya, ayo sama-sama tepuk semangat....
Prok! prok...prok drang-drang-drang- drang-drang ....
Prok! prok...prok dring-dring-dring-dring-dring ....
Prok! prok...prok drung-drung-drung-drung-drung ....
Prok! prok...prok drang-drang-drang- drang-drang .... dring-dring-dring-dring-dring .... drung-drung-drung-drung-drung ....

Sheeeep! Awo-awo ....
Hehehehe :D
Owh iya lupa, maaf keluar jalur pembahasan, cuz terlalu semangat soalnya.

Oke deh,Langsung saja kita ke TKP …..

Bismillahirohmanirrohim

1. Login ke Blog dulur, ketik Url https://draft.blogger.com/home + Tekan ENTER
2. Klik Opsi Lainnya terus klik Template
3. Klik Edit HTML
4. Klik Kiri ditengah script kemudian Tekan Ctrl + F (untuk memudahkan pencarian)
5. Masukkan/Ketikkan Kode dan Tekan ENTER

Langkah selanjutnya, dulur-dulur Copy Kode Script Jquery dibawah ini
kemudian Paste atau tempel diatas Kode </head>

@media only screen and (device-width: 768px) {
    #loading {
        position:absolute;
        width:1040px;
        min-height:768px;
    }
}
#md-progress-bar {
    position: absolute;
    top: 0; left: 0;
    background: #0d5ff6;
    opacity: 0.8;
    width: 0;
    height: 18px;
}
#md-loader {
    height: 100%;
    display: none;
}
</style>
<script>

(function($){

$("html").removeClass("MD");

$("#header").ready(function(){ $("#md-progress-bar").stop().animate({ width: "25%" },1500) });
$("#footer").ready(function(){ $("#md-progress-bar").stop().animate({ width: "75%" },1500) });

$(window).load(function(){

$("#md-progress-bar").stop().animate({ width: "100%" },600,function(){
        $("#md-loading").fadeOut("fast",function(){ $(this).remove(); });
    });

});
})(jQuery);
</script>

- - Berikutnya kalian cari kode <body> atau ketikkan kode <body> dalam kotak pencarian agar lebih cepat

Apabila sudah ditemukan, dulur-dulur Copy atau Salin Kode Script dibawah ini
kemudian paste / tempel dibawah kode <body> ...........!!!

Sekarang kakang-kakang,dulur-dulur, atau batur-batur bisa mencobanya.......... Hampura, Apabila ada salah-salah kata atau dari segi tempat penulisan. Semoga Bermanfaat !

Sistem Korelasi Xp 7

Cari Disini

Tutorial Cara Memasang Progres bar pembuka di Blog (Bagian 1)

0 komentar

Komentar Terbaru