Efek-efek pada Gambar

Efek Gambar bergetar

 
script kodenya :

<center><marquee align="center" behavior="alternate" direction="right" scrollamount="18" width="200px"><img src="Alamat URL Gambar Sobat" style="width: 190px;" /></marquee></center>

Cara Pemasangan :

• Pada Menu Tata Letak, Klik Tambahkan Gadget
• Pilih Edit HTML/Javascript
• Copy Paste script Diatas kedalamnya

Efek Gelap ke Terang

Tutorialnya :

• Pada Dashboard, pilih Template
• Klik Edit HTML
• Cari kode ]]></b:skin> ( Tekan CTRL+F untuk mempermudah pencarian ).
• Copy paste kode script di bawah ini dan letakan tepat di atas kode ]]></b:skin>

img {
filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7;
}
img:hover { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity 1.0;
}

Efek Terang Ke Gelap :

Cara Peletakkannya sama seperti diatas

Kode scriptnya :

img {
filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;
}
img:hover { filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;
}

Efek Gelap ke Terang berfungsi untuk membuat efek gambar akan menjadi terang jika Cursor diarahkan,  dan akan menjadi gelap ketika cursor dijauhkan, begitu sebaliknya pada efek Terang Ke Gelap

Untuk efek-efek lain pada blog, silahkan klik disini untuk menuju postingan saya terdahulu

[ Baca Selengkapnya ]

3 widget burung twitter koleksiku

Model I	Model II	Model III

Sebelumnya saya pernah memposting tentang animasi burung twitter terbang diblog Klik disini.
dan sekarang saya akan membagi 3 widget burung twitter keren seperti contoh gambar diatas.

Tutorialnya :

• Pada menu tata letak, klik Tambahkan Gadget
• Pilih HTML/Java Script
• kemudian Copy Paste kode script pilihan sobat dibawah ini kedalamnya

Model I
<object data="https://sites.google.com/site/didopalangkaraya/twitter/twitbutton1.swf" height="80" type="application/x-shockwave-flash" width="180"><param name="movie"
value="https://sites.google.com/site/didopalangkaraya/twitter/twitbutton1.swf" />
<param name="allowscriptaccess" value="always"/><param name="menu" value="false"/><param name="wmode" value="transparent"/>
<param name="flashvars" value="username=Dido_Net"/><embed src="https://sites.google.com/site/didopalangkaraya/twitter/twitbutton1.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="180" height="80" menu="false" wmode="transparent" flashvars="username=Dido_Net"></embed></object>

Model II
<object type="application/x-shockwave-flash" data="https://sites.google.com/site/didopalangkaraya/twitter/twitbutton2.swf" width="100" height="100"><param name="movie" value="https://sites.google.com/site/didopalangkaraya/twitter/twitbutton2.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=Dido_Net"></param><embed src="https://sites.google.com/site/didopalangkaraya/twitter/twitbutton2.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="100" height="100" menu="false" wmode="transparent" flashvars="username=Dido_Net"></embed></object>

Model III

<object type="application/x-shockwave-flash" data="https://sites.google.com/site/didopalangkaraya/twitter/twitbutton3.swf" width="200" height="200"><param name="movie" value="https://sites.google.com/site/didopalangkaraya/twitter/twitbutton3.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=Dido_Net"></param><embed src="https://sites.google.com/site/didopalangkaraya/twitter/twitbutton3.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="200" height="200" menu="false" wmode="transparent" flashvars="username=Dido_Net"></embed></object>

NB : Ganti Tulisan yang berwarna merah Diatas dengan nama profil twitter sobat

[ Baca Selengkapnya ]

Kumpulan Animasi Part II

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/1/1467/22/parts.js"></script>

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/45/45431/13/parts.js"></script>

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/45/45431/11/parts.js"></script>

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/40/40818/74/parts.js"></script>

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/35/35975/4/parts.js"></script>

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/24/24270/3/parts.js"></script>

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/20/20235/17/parts.js"></script>

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/19/19978/2/parts.js"></script>

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/16/16886/29/parts.js"></script>

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/13/13417/5/parts.js"></script>

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/4/4192/66/parts.js"></script>

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/24/24481/17/parts.js"></script>

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/45/45294/95/parts.js"></script>

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/45/45356/6/parts.js"></script>

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/45/45294/98/parts.js"></script>

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/45/45294/49/parts.js"></script>

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/21/21345/67/parts.js"></script>

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/45/45356/10/parts.js"></script>

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/45/45294/7/parts.js"></script>

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/32/32842/1263/parts.js"></script>

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/1/1015/991/parts.js"></script><script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/1/1015/989/parts.js"></script>

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/1/1015/987/parts.js"></script>

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/33/33662/811/parts.js"></script>

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/1/1015/935/parts.js"></script>

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/44/44503/2/parts.js"></script>

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/34/34263/63/parts.js"></script>

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/1/1015/821/parts.js"></script>

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/42/42746/46/parts.js"></script>

<script type="text/javascript" src="http://blogparts.giffy.me/0104/parts.js"></script>

<script type="text/javascript" src="http://blogparts.giffy.me/0114/parts.js"></script>

<script type="text/javascript" src="http://blogparts.giffy.me/0087/parts.js"></script>

<script type="text/javascript" src="http://blogparts.giffy.me/0075/parts.js"></script>

 <script type="text/javascript" src="http://blogparts.giffy.me/0022/parts.js"></script>

<script type="text/javascript" src="http://blogparts.giffy.me/0014/parts.js"></script>

Tata Cara Pemasangan :

• Pada Menu Tata Letak
• Pilih Tambahkan Gadget
• Pilih HTML/Javascript
• Pastekan dan Save
  

[ Baca Selengkapnya ]