Sabtu, 17 Desember 2011

Membuat Efek Menggulung Pada Pojok Blog

4 comments

Hallooo sobat JC, maaf udah lumayan lama nih nggak update blog ini karena kemarin kami sibuk ‘ngurusi’ situs bisnis baru kami yaitu www.loketkita.com . Oh ya, bagi sobat JC yang berminat untuk memulai Bisnis Loket Pembayaran Online seperti (Listrik, Telepon, Speedy, PDAM, Pulsa All Operator, Cicilan Sepeda, TV Kabel, dll) maka jangan ragu lagi….silahkan langsung daftar saja di situs kami yaitu www.loketkita.com. Lhooo….kok malah promosi Gan….ahahahahahaha!!!

Langsung saja,

Pada posting kali ini, kami akan Share trik modifikasi tampilan blog anda yaitu tentang cara membuat Efek ‘Menggulung’ pada bagian atas kanan blog anda. Lebih jelasnya, silahkan lihat Demo-nya berikut ini dan coba arahkan pointer mouse anda diatas bagian yang tergulung dan lihat yang terjadi??


Gimana?? Unik bukan?? Ehhmmm….cara pembuatannya sangat mudah sekali, silahkan ikuti petunjuk berikut ini.

  • Masuklah ke dalam halaman Dashboard > Rancangan > EDIT HTML
  • Cari kode <head>. Lebih cepatnya gunakan Hotkey CRTL+F pada keyboard dan ketikkan <head> kemudian tekan Enter.
  • Jika sudah ketemu, silakan Copy Paste script berikut ini dan letakkan tepat di bawah kode tadi.

<script type="text/javascript">var tujuan ='http://javacreativity.com/'</script>
<script src="http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/pelajarandashblogdotblogspotdotcompagepeel.js" type="text/javascript"></script>

  • Simpan dan lihatlah hasilnya.
Gimana?? Sangat mudah kan cara Efek Gulungan pada sudut blog ^_^ Jika masih kurang jelas dengan efeknya maka silahkan lihat lagi demonya di bawah ini.
Diposting oleh di 2 komentar:

animasi bloger

Tuyul Ngakak
Berikut ini Scriptnya :


<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://www.javacreativity.com" target="_blank">Widget-Animasi</a></center></small></div>

Panda Main Bola
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>

Panah Asmara
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget Animasi</a></center></small></div>

Anjing Laut
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget Animasi</a></center></small></div>

Si Lumba-Lumba
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget Animasi</a></center></small></div>

Kelinci
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget Animasi</a></center></small></div>

Dragon
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Click to get more." /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget Animasi</a></center></small></div>

Ikan
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Click to get more." /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget Animasi</a></center></small></div>

Pinguin
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget Animasi</a></center></small></div>

Kucing Tidur
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget Animasi</a></center></small></div>

Bunga Mawar
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget Animasi</a></center></small></div>

Tuyul Berbaring
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Free-Widget-Animasi</a></center></small></div>

Joget Terus…Sampai Pagi
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget-Animasi</a></center></small></div>

Boring
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget-Animasi</a></center></small></div>

Gajah Loncat
Berikut ini Scriptnya :



<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://www. javacreativity.com" target="_blank">Widget-Animasi</a></center></small></div>
Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)