trias tuti

Kumpulan kode script jam unik di blog

Yang ingin memiliki atau mengganti jam di blog kalian ini dia. Kalau Anda belum tau cara memasangnya, saya beritahu.
Cara Memasangnya :

Masuk (Login) ke Blog anda, lalu klik Desain Blogger anda
Pilih Tata letak
Kemudian Tambahkan Gadget/Widget, pilih HTML/JavaScript.
Langkah Selanjutnya copy script dibawah letakkan di HTML/JavaScript

Beberapa jam Unik dan Menarik lainnya :

Model 1

Code : <script src="http://localtimes.info/clock.php?continent=Asia&country=Indonesia&city=Jakarta&widget_number=121&fwdt=150&ham=1&hfg=1" type="text/javascript"></script>

Model 2

Code : <embed allowscriptaccess="sameDomain" flashvars="&col1=d89b09&col2=7cc034&dayAdd=0&cal=true&gig_lt=1248336103578&gig_pt=1248336182359&gig_g=1&gig_n=blogger" height="120" loop="false" menu="false" pluginspage="http://www.adobe.com/go/getflashplayer" quality="best" src="http://www.widgipedia.com/widgets/orido/Jam-Garuda-Indonesia-4639-8192_134217728.widget?__install_id=1248336094072&__view=expanded" swliveconnect="true" type="application/x-shockwave-flash" width="120" wmode="transparent"></embed>

Model 3

Code : <embed height="66" src="http://www.clocklink.com/clocks/5010-red.swf?TimeZone=JOG&" type="application/x-shockwave-flash" width="222" wmode="transparent"></embed>

Model 4

Code : <embed allowscriptaccess="sameDomain" flashvars="col1=e18f32&col2=59ba1f&col3=005500&dur=3000&gig_lt=1291620994625&gig_pt=1291621000984&gig_g=1" height="170" loop="false" menu="false" pluginspage="http://www.adobe.com/go/getflashplayer" quality="autohigh" src="http://www.widgipedia.com/widgets/alhabib/Asmaul-Husna-99-Beautiful-Names-of-Allah-3616-8192_134217728.widget?__install_id=1291620746812&__view=expanded" swliveconnect="true" type="application/x-shockwave-flash" width="150" wmode="transparent"></embed>

Model 5

Code : <embed allowscriptaccess="sameDomain" flashvars="&dayAdd=0&cal=true&rb=1&ak=1&jb=&gig_lt=1261135267406&gig_pt=1261135338171&gig_g=1" height="160" loop="false" menu="false" pluginspage="http://www.adobe.com/go/getflashplayer" quality="best" src="http://www.widgipedia.com/widgets/alhabib/Cute-Little-Muslim---Hijri-Calendar-2833-8192_134217728.widget?__install_id=1261135080421&__view=expanded" swliveconnect="true" type="application/x-shockwave-flash" width="140" wmode="transparent"></embed>

Model 6

Code : <embed height="175" src="http://www.clocklink.com/clocks/0020-black.swf?TimeZone=JOG&" type="application/x-shockwave-flash" width="175" wmode="transparent"></embed>

Model 7

Code : <embed height="175" src="http://www.clocklink.com/clocks/bloguru003-black.swf?TimeZone=JOG&" type="application/x-shockwave-flash" width="175" wmode="transparent"></embed>

Model 8

Code : <embed allowscriptaccess="sameDomain" flashvars="col1=ff9900&col2=0066FF&col3=990099&col4=FF0099&gig_lt=1278851251515&gig_pt=1278851275906&gig_g=1" height="139" loop="false" menu="false" pluginspage="http://www.adobe.com/go/getflashplayer" quality="autohigh" src="http://www.widgipedia.com/widgets/alhabib/Islamic-Calendar-with-Floral-Ornament-3613-8192_134217728.widget?__install_id=1278849927035&__view=expanded" swliveconnect="true" type="application/x-shockwave-flash" width="130" wmode="transparent"></embed>

Model 9

Code : <embed allowscriptaccess="sameDomain" flashvars="&col1=b7c628&col2=000000&col3=eeffcc&tzoffset=false&gig_lt=1297562109521&gig_pt=1297562127614&gig_g=1" height="100" loop="false" menu="false" pluginspage="http://www.adobe.com/go/getflashplayer" quality="best" src="http://www.widgipedia.com/widgets/alhabib/Digital-Clock-Islamic-Ornamental-Button-3409-8192_134217728.widget?__install_id=1297561840488&__view=expanded" swliveconnect="true" type="application/x-shockwave-flash" width="175" wmode="transparent"></embed>

Model 10

Code : <embed height="177" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://fc01.deviantart.com/fs45/f/2009/139/2/6/Spongebob_Clock_by_blogclocks.swf" type="application/x-shockwave-flash" width="200" wmode="transparent"></embed>

Model 11

Code : <embed src="http://www.clocklink.com/clocks/mailhigh002-navy.swf?TimeZone=GMT0700&" width="151" height="50" wmode="transparent" type="application/x-shockwave-flash"></embed>

Model 12

Code : <embed src="http://www.clocklink.com/clocks/free002-black.swf?TimeZone=GMT0700&" width="150" height="150" wmode="transparent" type="application/x-shockwave-flash"></embed>

Model 13

Code : <embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://fc03.deviantart.net/fs71/f/2010/172/4/9/Hitman_Reborn_Clock_by_sd0711.swf" type="" wmode="transparent" height="180" width="220"></embed>

Model 14

Code : <center><div style="width:300px; height:180px; float: inherit;"><script language="javascript">var cutekiWidget=2; var cutekiLeng="undefined"</script><script type="text/javascript" language="javascript" src="http://www.cuteki.com/widgets/clocks/cuteki-clock.js"></script></div></center>

Cara membuat balon terbang di blog

Cara membuatnya

Dari Dashboard >> Design >> Edit HTML.

Langkah pertama > Penempatan URL dan JavaScript
dibawah ]]></b:skin>
........
diatas </head>

<script type="text/javascript" src="http://pagenano.googlecode.com/files/balon%20terbang.js"></script>
<script type='text/javascript'>
//<![CDATA[

/***********************************************
* Balon Terbang By Virtual_Max (http://www.geocities.com/siliconvalley/lakes/8620)
***********************************************/

var flyimage1, flyimage2, flyimage3

function pagestart(){
 flyimage1=new Chip("flyimage1",47,68);
 flyimage2=new Chip("flyimage2",47,68);
 flyimage3=new Chip("flyimage3",47,68);

movechip("flyimage1");
movechip("flyimage2");
movechip("flyimage3");
}

if (window.addEventListener)
window.addEventListener("load", pagestart, false)
else if (window.attachEvent)
window.attachEvent("onload", pagestart)
else if (document.getElementById)
window.onload=pagestart

//]]>
</script>

Langkah kedua > Penempatan kode HTML
dibawah <body>
........
diatas </body>

<div id="flyimage1" style="position:absolute; left: -500px; width:47; height:68;">
<a href="/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOMtlKWYOwJdfblZ3GUBgzV5DkTjc80YYU_WwuIRv_6rhSdHSl5_Yv0MA4ybEauZRooEA2R2lZ0EdWqtXhuze6hARGtToIVfrPBT0Do_Mazst6lRt6mMWq08ESe1fiGndWB9I1Sia9_NE0/s320/ballon+ungu-Nano+Yulianto.gif" border="0" /></a>
</div>

<div id="flyimage2" style="position:absolute; left: -500px; width:47; height:68;">
<a href="/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5LvkAzO9yOC5V3J_qP_uRP8EjCzaiNL5mwTrYvBrOMimIbcAVm3HV0PGM7t_Qdq4kmXo-6T_dpcA-5qYSpfa5NTgEG78J6aFqrN1tjYhW1YbX9D-IujMN_7fa5zhhxaewu4-pc5ciiroa/s320/ballon+merah-Nano+Yulianto.gif" border="0" /></a>
</div>

<div id="flyimage3" style="position:absolute; left: -500px; width:47; height:68;">
<a href="/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyauxbnx3sN47tSL5MbSUwmD87zcyAtP5pxFc6CqBNMnNbsfX56xkkED4AgvsS0AvnWDmPf-8yLIXKx7DQW0FRAfhFVYWPVOzsWI832jM3aYutYP1O9rCiim-aAG2tXRYm0D1VZUAV1xq3/s320/ballon+kuning--Nano+Yulianto.gif" border="0" /></a>
</div>

Cara memasang widget Google Tranlate

Caranya :
1. Masuk Akun blog
2. Desain - Tata Letak - Tambah Widget
3. HTML/Javascript
4. Copas kode script

ini kodenya :

<br /><script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>

5. Lalu simpan

Cara Membuat Kotak Teks Model Marquee

Kotak ini juga mampu menampung banyak link dalam tempat yang sempit. Namun kotak blog roll ini berbeda dengan kotak yg diatas, karena kotak yang ini tidak memiliki rollbar (yg biasanya disebelah kanan trus ditarik keatas kebawah itu lho). Link-link ato isi didalam kotak ini akan bergerak/berjalan, bisa vertikal ato horizontal. Nah gini nih cara buatnya :

Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)

<MARQUEE align="center" direction="up" height="100" scrollamount= "2" onmouseover='this.stop()' onmouseout='this.start()' width="95%" >

#link1 <br />
#link2 <br />
#link3 <br />
#link...<br />

</marquee>

Keterangan :
- Kode "up" itu menunjukan arah pergerakan, kamu bisa menggantinya dengan down, left, right (udah
mudeng to artinya, gak usah dijelasin ya).
- Jika kamu menggantinya dengan pergerakan horizontal (left ato right) maka hilangkan kode <br />.
- Angka "100" menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka semakin
tinggi pula ukuran blogroll.

OK SELAMAT MENCOBA.....

Backgroung berganti warna jika di klik

Pada Dashboard Blogger, klik Design dan Add a Gadget.

Pilih HTML/JavaScript

Copy-Paste kode berikut :

<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<table width="100%">
<tr>
<td onclick="bgChange('black')" bgcolor="black">&nbsp;</td>
<td onclick="bgChange('#FFFF00')" bgcolor="#FFFF00">&nbsp;</td>
<td onclick="bgChange('red')" bgcolor="red">&nbsp;</td>
<td onclick="bgChange('blue')" bgcolor="blue">&nbsp;</td>
<td onclick="bgChange('white')" bgcolor="white">&nbsp;</td>
<td onclick="bgChange('green')" bgcolor="green">&nbsp;</td>
<td onclick="bgChange('DeepSkyBlue')" bgcolor="DeepSkyBlue">&nbsp;</td>
<td onclick="bgChange('Fuchsia')" bgcolor="Fuchsia">&nbsp;</td>
<td onclick="bgChange('DarkMagenta')" bgcolor="DarkMagenta">&nbsp;</td>
</tr>
</table<

Selamat mencicipi...

Cara memasang widget Ramalan Cuaca di Blog

Kali ini kita mencoba memasang widget Ramalan Cuaca, coz cuaca saat ini gak menentu... kadang hujan,,, kadang panas,,, kadang anget,,,, kadang adem,,, he2.... tanpa panjang lebar ayo langsung aja ke TKP...

Copas kode script dibawah ini ke HTML/Javascript (tambah widget)

<div><script src="http://www.widgeo.net/meteo.php?taille=195&adult=adult&cat=informatique&ville=Jakarta, Indonesia&code=IDXX0022"></script><br>
<noscript><a href="http://www.widgeo.net">widgeo.net</a></noscript>

setelah dipasang jangan lupa diramal tuh cuacanya....

Sabtu, 14 Juli 2012