Cara Memasang Progress Bar di Blogger

11:07 am
Progress Bar For Blogger

Kampoeng iLmu2 - Cara Memasang Progress Bar di Blogger , Progress Bar Adalah Sebuah Efek yang Akan Muncul Ketika Blog dalam proses pemuatan Halaman Blog , Ini Bisa Menambah Profesional dan keunikan blog saat dikunjungi !. Untuk ini saya menemukan di blog Arlina Design .dengan memasang Progress Bar diblog sangat bagus untuk menarik pengunjung untuk datang kembali karena keunikannya dari weblog lain.

Berikut Cara Memasangnya :

Pertama Kamu Buka BLOGGER >> TEMPLATE >> EDIT TEMPLATE.

Kedua Setelah itu Cari Kode HTML  </head>  Lalu Copy Kode Javascrip dibawah dan pastekan tepat diatasnya  :
<script src='https://arlina-design.googlecode.com/svn/progressbar.js'/>
Ketiga Setelah Itu Copy Kode CSS dibawah ini dan pastekan tepat diatas ]]></b:skin> :
.pace .pace-progress {
    background: #e14e42;
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    height: 2px;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s;
}

.pace-inactive {
    display: none;
}
Keempat Klik Save Atau Simpan ! dan silahkan Reload Blog Kamu !

Semoga Bermanfaat Jika ada yang ingin ditanyakan bisa dikomentar ,Trims

Share this :

Aditya Iqbal Adalah Blogger Asal Indonesia Yang Bekerja Di Bidang IT dan Design.

7 Komentar
avatar

boleh juga ni untuk loading blog,

Balas
avatar

Boleh juga nih di pasang di blog gw.

Back ea :D

Balas
avatar

Saya juga udah pernah masang progress bar seperti ini di blog saya yang tutorialnya saya ambil dari Kang Adi owner Kompi Ajaib. Progress bar ini emang menarik untuk dipasang tapi karena pemasangannya juga memakai script tambahan saya lepas lagi deh progress barnya.

Balas
avatar

yang kyak gini bisa memperlambat loading blog ga gan?

Balas

+ PERATURAN +

♣ Berkomentar Relavan
♣ Berkomentar Sopan
♣ Tidak Boleh Berkomentar Kotor
♣ Saling Menghargai Sesama Komentator

- CEO

Penulisan markup di komentar
  • Silakan tinggalkan komentar sesuai topik. Komentar yang menyertakan link aktif, iklan, atau sejenisnya akan dihapus.
  • Untuk menyisipkan kode gunakan <i rel="code"> kode yang akan disisipkan </i>
  • Untuk menyisipkan kode panjang gunakan <i rel="pre"> kode yang akan disisipkan </i>
  • Untuk menyisipkan quote gunakan <i rel="quote"> catatan anda </i>
  • Untuk menyisipkan gambar gunakan <i rel="image"> URL gambar </i>
  • Untuk menyisipkan video gunakan [iframe] URL embed video [/iframe]
  • Kemudian parse kode tersebut pada kotak di bawah ini
  • © 2015 Simple SEO ✔