Mengganti Cursor Mouse di blog

Caranya adalah :
1. Login ke blogger anda

2. Pilih menu tata letak, kemudian edit html

3. Kemudian klik Expand Template Widget

4. Tekan ctrl+F pada browser, cari baris body {

5. Perhatikan CSS dari body, ini adalah contoh CSS body punya saya, isinya setiap template akan berbeda-beda

body {
background:#A9C2DA;
margin:0;
padding:0;
font:80% Arial, Sans-serif;
text-align: center;
color:#000;
}

6. Tambahkan baris

cursor: url("http://baykun.byethost15.com/cursorbiru.ico"),default;
Jika ingin cursor biru

cursor: url("http://baykun.byethost15.com/cursorkuning.ico"),default;
Jika ingin cursor kuning

cursor: url("http://baykun.byethost15.com/cursorpanah.ico"),default;
Jika ingin cursor panah

cursor: url("http://baykun.byethost15.com/cursorpensil.ico"),default;
Jika ingin cursor pensil

Pastikan menambahkan barisnya sebelum tanda } pada bagian body {  }

7. Simpan templatenya

8. Contoh hasilnya ada pada blog saya

Note : disarankan backup template anda sebelum merubahnya.
cara ini tidak bisa digunakan jika menggunakan browser OPERA

UPDATE

cursor: url("http://baykun.byethost15.com/tangan.ico"),default;
Jika ingin cursor bentuk tangan


cursor: url("http://baykun.byethost15.com/roket.ico"),default;
Jika ingin cursor bentuk roket


cursor: url("http://baykun.byethost15.com/orang.ico"),default;
Jika ingin cursor bentuk orang

Read More

cara memasang gambar tetap di kiri blog

Halo....,teman., bagaimana kabarnya ? ya mudah-mudahan baik-baik aja ya., hehe.,  Kali ini ku mau posting tentang cara "membuat gambar tetap di kiri halaman"blog kalian mau dipasang gambar seperti gitu ?? ya sudah dech.., ku kasih tau carannya ni..,
Caranya :

1. Login ke blogspot.com.
2. Lalu menuju ke Rancangan >> Edit HTML.
3. Cari kode  ]]></b:skin> ( Ctrl+F )
 Lalu coPpas kode dibawah ini tepat di atas kode ]]></b:skin> 

#trik_pojok  { position:fixed;_position:absolute;bottom:0px; left:0px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }   
1.  Kemudian cari lagi kode </body>. CopPas kode ini tepat diatasnya :
   
   <div id="trik_pojok">
   <a href="http://janyselalubahagia.blogspot.com/">
   <img src="http://i.picasion.com/pic40/23ef268604bc264ca6593d08d39c3cde.gif" border="0" /></a>
   </div>
   
2.  Kemudian ganti http://janyselalubahagia.blogspot.com/ dengan alamat blog anda. Dan juga gantihttp://i.picasion.com/pic40/23ef268604bc264ca6593d08d39c3cde.gif dengan alamat gambar yang ingin anda jadikan gambar tetap di kiri halaman blog anda.
3. 
    Lalu saVe.., dan liatlaH hasilnya.., bagus kan.., hehe..,
    JangaN lupA berI komEntar ya..,

BegitULah cara memasang gambar tetap di kiri halaman blog..,

Read More

Cara Membuat Gambar Animasi Sederhana secara Online | Format GIF

Ingin membuat gambar animasi yang bisa bergerak? Caranya gampang, tidak harus menguasai bahasa program khusus animasi. Kini banyak situs penyedia layanan pembuatan banner animasi online. 

Situs penyedia layanan pembuatan banner animasi online bisa kalian searching di Google. Salah satunya picasion.com.

Cara membuatnya:
1. Siapkan foto atau gambar yang akan dibikin animasi (biasanya 2-3).
2. Buka http://picasion.com
3. Klik ‘browse’ dan arahkan ke file yang sudah kalian simpan di komputer. 
4. Proses yang sama (no 3) untuk foto/gambar selanjutnya.
5. Pilih ‘size’ dan ‘speed’ sesuai selera.
6. Klik ‘create animation’ dan tunggu proses upload.
7. Kopi HTML kodenya, lalu pasang di blog kalian.

Read More

Membuat Arsip blog / Daftar isi dengan fungsi scroll

Jika posting terdahulu saya menguraikan cara menambahkan fungsi scroll pada kategori / lebel, namun pada postingan kali ini saya menguraikan cara membuat Arsip blog / Daftar isi dengan fungsi scroll. Caranya sama persis dan script kode nya pun sama, hanya penempatannya saja yang berbada.
Dibawah ini adalah screenshot pada saat posting ini saya tulis:

Bagi sobat yang ingin menampilkan widgat Arsip / Daftar isi dengan fungsi scroll silahkan ikuti tips ngeblog berikut ini:

1. Login terlebih dahulu mengunakan akun bloger
2. Buatlah Arsip blog dengan menambah Gadget pada sidebar, beri nama dengan "Arsip"  ( bisa diganti sesuai keingian )  pilih gaya hierarki
   
3. Simpan/save. sampai disini anda telah membuat Arsip ( tanpa fungsi scroll ).
4. Utuk menambahkan fungsi scroll pada Arsip Sekarang tuju Tata letak -- -->>Edit HTML.
5. Beri tanda centang pada Expand Template Widgets.
6. Cari Arsip yang sudah di buat tadi, dengan CTRL+F dan ketikkan kata “Arsip”, ( biasanya di pojok kanan bawah ). akan muncul kode hatml seperti di bawah ini:
   
   
   <b:widget id='BlogArchive2' locked='false' title='Arsip' type='BlogArchive'>
   <b:includable id='main'>
   <b:if cond='data:title'>
   <h2><data:title/></h2>
   </b:if>
   <div class='widget-content'>
   <div style='overflow:auto; width:ancho;height:200px;'>
   <div id='ArchiveList'>
   <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
   <b:if cond='data:style == &quot;HIERARCHY&quot;'>
   <b:include data='data' name='interval'/>
   </b:if>
   <b:if cond='data:style == &quot;FLAT&quot;'>
   <b:include data='data' name='flat'/>
   </b:if>
   <b:if cond='data:style == &quot;MENU&quot;'>
   <b:include data='data' name='menu'/>
   </b:if>
   </div>
   </div></div>
   <b:include name='quickedit'/>
   </div>
   </b:includable>
   
   
   
7. Perhatikan tulisan yang berkedip dan berwarna merah di atas, kode itulah yang harus disisipkan kedalam arsip yang telah dibuat, sedangkan tulisan yang berwarna biru pada height:200px; adalah ukuran tinggi pada fungsi scroll ( ganti angka 200 sesuai dengan keinginan )
8. Intinya jangan cepat menyerah....
9. Simpan template dan lihatlah hasilnya 

Selamat mencoba.....

Read More