jump to navigation

Cara Pasang screen loading di blog September 12, 2011

Posted by ariefsyamsudien in Blog.
trackback

Screen Loading bisa dibilang Menunggu atau memproses layar yang meliputi blog Anda sampai semua konten yang dimuat selesai, yang berarti bahwa pengunjung Anda tidak akan melihat pemuatan sebenarnya dari blog Anda, pengunjung akan melihat halaman loading dengan bar dan persentase loading blog secara keseluruhan, trik ini menggunakan jQuery. anda bisa melihat hasilnya sebelum memulai memasang di blog anda Demo. Tertarik, Baiklah kita akan memulai cara memasangnya.
  1.  Pastikan sudah Login di Blogger.com, jika sudah klik Rancangan
  2. Klik Edit Html
  3. Cari kode ]]> caranya tekan Ctrl+F. copy script CSS di bawah ini dan paste di atas ]]>

    .QOverlay {
        background-color: #000000;
        z-index: 9999;
    }

    .QLoader {
        background-color: #CCCCCC;
        height: 1px;
    }

    .QAmt {
        color:#FF530D;
        font-size:50px;
        font-weight:bold;
        line-height:50px;
        height:50px;
        width:100px;
        margin:-60px 0 0 -50px;
    }

    Jika ingin meruba warna anda bisa mengubahnya, bagi teks berbackground warna biru untuk Backgound, warna abu-abu untuk Loading Bar, jika warnaoranye unutk Angka Persen
  4. Selanjutnya cari , taruh kode di bawah ini di atas kode 

  5. Berikutnya Cari , taruh kode di bawah ini di atasnya kode </body>
        QueryLoader.selectorPreload = "body";
        QueryLoader.init();

  6. Langkah terakhir adalah menyimpan template, klik Simpan Template, sudah selesai dan coba lihat hasilnya di blog anda
SUMBER

Comments»

No comments yet — be the first.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: