Berbagi-Kreativitas.blogspot.com - Jalan-jalan atau blogwalking merupakan rutinitas yang saya lakukan sebelum melakukan postingan blog. Dapat tips ok lagi untuk tampilan blog kita agar terlihat lebih unik yaitu dengan tips Bikin Status On Blog, atau Membuat Status Loading Blog. Sahabat bisa lihat hasilnya seperti blog saya sebelum loading blog saya selesai akan tampil status loading blognya atau lihat gambar di bawah. Untuk teman-teman mungkin sudah banyak yang tahu ya? tapi tidak apalah hehe. Cukup menarik menurut saya. Ingin coba? langsung saja lihat caranya di bawah ini.
Bikin Status On Blog Atau Loading Blog Lebih Keren
1. Log in ke blogger.com
2. Pilih Rancangan ->> Edit HTML
3. Tekan Crtl+f untuk mencari kode </head> lalu tambahkan kode dibawah ini tepat di atas kode </head>
Bikin Status On Blog Atau Loading Blog Lebih Keren
1. Log in ke blogger.com
2. Pilih Rancangan ->> Edit HTML
3. Tekan Crtl+f untuk mencari kode </head> lalu tambahkan kode dibawah ini tepat di atas kode </head>
<script src='http://berbagi-kreativitas.googlecode.com/files/loading-blog.js' type='text/javascript'/><br /> <script src='http://berbagi-kreativitas.googlecode.com/files/queryLoaderpre.js' type='text/javascript'/>
4. Kemudian cari kode </body> lalu letakkan kode di bawah ini tepat di atas kode </body>
5. Selanjutnya cari kode ]]></b:skin> lalu letakkan kode di bawah ini tepat di atas kode ]]></b:skin>
6. Terakhir simpan. Ok good luck.!
<script> QueryLoader.selectorPreload = "body"; QueryLoader.init(); </script>
5. Selanjutnya cari kode ]]></b:skin> lalu letakkan kode di bawah ini tepat di atas kode ]]></b:skin>
.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;
}
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;
}
6. Terakhir simpan. Ok good luck.!
{ 0 komentar... Views All / Send Comment! }
Posting Komentar