Kamis, 05 Juli 2012

Cara Membuat Indikator Loading Page





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!!!

Senin, 02 Juli 2012

Cara Mengganti Cursor di Blog


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 !!!

Cara Membuat Effect Berputar & Zoom Pada Setiap Gambar Di Postingan


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 !!!



Sabtu, 30 Juni 2012

Cara Membuat Box Twitter Follower Di Blog


Langsung ikuti cara di bawah ini

1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<iframe name="fbfanIFrame_0" allowtransparency="true" 
src="http://s.moopz.com/connect.html?user=Angga__baguS
class="FB_SERVER_IFRAME" style="width: 300px; height: 250px; 
border-style: none;" frameborder="0" scrolling="no"></iframe><script type="text/javascript">fanbox_init("Angga__baguS");
</script>


5. Ganti tulisan warna merah Angga__baguS dengan username twitter kamu,
    dan 300 adalah ukuran lebar serta 250 adalah tingginya.
6. Simpan dan lihat hasilnya!

Jumat, 15 Juni 2012

Tutorial Cara Mengaktifkan Tombol Subscribe di Profile Facebook


  • Login Facebook dulu gan klik disini
  • Next >> Untuk menampilkan subscribe button klik disini
  • Lalu pilih "Izinkan pelanggan"



  • Setting pengaturan seperti gambar dibawah ini, untuk mengijinkan "siapa saja" yang ingin berlangganan pembaharuan dari anda lalu tekan tombol oke.

  • Dengan begitu secara otomatis anda akan melihat sebuah tombol baru “Berlangganan” di profile facebook anda, seperti gambar pertama di bawah.