Kamis, 05 Juli 2012

Cara Membuat Indikator Loading Page

09.44    No comments





Tanpa basa-basi langsung aja ikuti langkah-langkahnya :
  • Masuk ke Rancangan --> Edit HTML
  • Back up (upload) template anda terlebih dahulu untuk mencegah kesalahan editing
  • Cari kode <body>
  • Hapus  <body>  lalu ganti dengan kode dibawah ini:

<body onLoad='init()'>
<span id='loading' style='position:absolute; text-align: center; top:10px; right: 10px;'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0CcwuzgjnByxpUqrgBjPa-OagccSWuMnvawfJnjz4enfs2LTvWGUAs6uTzA7oywJs6UOIfQGGajgTDtETqVN-Vr4HFYaRIPkASKiZ0Z6q0vpM0DVSzi4ncGfnS49Oj9HFrkta_kZwF02p/h120/loading_fb.gif'/></span>
<script>
var ld=(document.all);

var ns4=document.layers;
var ns6=document.getElementById&amp;&amp;!document.all;
var ie4=document.all;

if (ns4) ld=document.loading;
else if (ns6)
ld=document.getElementById(&quot;loading&quot;).style;
else if (ie4)
ld=document.all.loading.style;

function init() {
if(ns4){ld.visibility=&quot;hidden&quot;;}
else if (ns6||ie4) ld.display=&quot;none&quot;;
}
</script>

  • Ganti kode berwarna biru dengan url gambar loading page keinginan anda
  • Simpan template & lihat hasinya!!!

Read More

Senin, 02 Juli 2012

Cara Mengganti Cursor di Blog

09.30    No comments


Nggak usah basa-basi langsung cekibrot aja dah gan :
  • Login Blog dulu
  • Rancangan >> Klik Tambahkan Gadget >> HTML/javascript
  • CoPas Code Di Bawah Ini
<style type="text/css">body {cursor:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCRUVOU1Pg2l8g0mQ0I-7liEYZtdFvnKDNLPKKuxl4cHN95q29KBMQBBafMZO2JSOcfYHXmOkPNOMW8EDEpwfIAGzc2nblIh4KOhZqN9ik4UzrruTGXuZy1RpoDyF2ikGkangOoqoDRcNF/h120/gui_cursor.png"),default}</style>
  • Yang warna merah itu URL cursor, bisa diganti sesuai keinginan Anda
  • Simpan & lihat hasilnya !!!

Read More

Cara Membuat Effect Berputar & Zoom Pada Setiap Gambar Di Postingan

07.52    No comments


Langsung ikuti langkahnya aja dah :

  • Login blog dulu
  • Kemudian dari Dasbor, cari Template >> Edit HTML >> klik  Expand Template Widget
  • Lalu tekan Tombol CTRL + F atau F3 pada Keyboard, dan cari Code ]]></b:skin>
  • Kemudian Copy Code di bawah dan Paste tepat di ATAS Code ]]></b:skin>
.post img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}.post img:hover{-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}}

  • Simpan & lihat hasilnya !!!



Read More