All post

Rabu, 31 Desember 2008

Membuat kamus trlanslasi pribadi

Ehm,he2 ya iseng2 buat kamus yuk,yang ini emang dari pakde google yg di edit ya walau nantinya nujunya ke sono kt kan ga pergi kemana mana nongkrong,contohnya seperti ini buat yang mau cobain kamus, kalimatnya mau bahasa apa aja ada kok

Translate text

 
»

Widget by: modifikasi blog

Caranya Copy html berikut ini trus buka note pad,trus paste di dalamnya,terakhir simpan dalam format html nah kan bisa buka kapan aja.kalo ada tugas dari skul dr pd pusing,tempelin aja disitu tingal di jebret,beres.. <html><head><script> (function(){if(!window.google)window.google={};window.google.clir={};var b=window.google.clir;b.langs=[];b.exceptions={};b.langNames={};b.fillTgt=function(){var j=document.getElementById("sl"),d=document.getElementById("tl"),e=j.options[j.selectedIndex].value,c=[],f=b.exceptions[e],g=1;for(var a=0;a<b.langs.length;a++)if(g<f.length&&f[g]===b.langs[a])g++;else c.push(b.langs[a]);var h=d.options.length==c.length;for(var a=0;h&&a<c.length;a++)if(c[a]!=d.options[a].value)h=false;if(!h){d.options.length=0;for(var a= 0;a<c.length;a++){var i=c[a];d.options[a]=new Option(b.langNames[i],i);if(i===f[0])d.options[a].selected=true}}document.getElementById("q").dir=e=="ar"||e=="iw"?"rtl":"ltr"}; window.google.clir.langs=['ar','bg','ca','zh-CN','zh-TW','hr','cs','da','nl','en','tl','fi','fr','de','el','iw','hi','id','it','ja','ko','lv','lt','no','pl','pt','ro','ru','sr','sk','sl','es','sv','uk','vi'];var a=window.google.clir.exceptions;a['en']=['es','en'];a['da']=['en','da'];a['nl']=['en','nl'];a['fi']=['en','fi'];a['fr']=['en','fr'];a['de']=['en','de'];a['iw']=['en','iw'];a['it']=['en','it'];a['ja']=['en','ja'];a['ko']=['en','ko'];a['no']=['en','no'];a['pl']=['en','pl'];a['pt']=['en','pt'];a['ru']=['en','ru'];a['es']=['en','es'];a['sv']=['en','sv'];a['zh-CN']=['en','zh-CN'];a['cs']=['en','cs'];a['el']=['en','el'];a['lv']=['en','lv'];a['lt']=['en','lt'];a['ro']=['en','ro'];a['bg']=['en','bg'];a['hr']=['en','hr'];a['sr']=['en','sr'];a['tl']=['en','tl'];a['uk']=['en','uk'];a['hi']=['en','hi'];a['id']=['en','id'];a['ar']=['en','ar'];a['ca']=['en','ca'];a['sl']=['en','sl'];a['vi']=['en','vi'];a['sk']=['en','sk'];a['zh-TW']=['en','zh-TW'];var n=window.google.clir.langNames;n['ar']='Arabic';n['bg']='Bulgarian';n['ca']='Catalan';n['zh-CN']='Chinese(Simplified)';n['zh-TW']='Chinese(Traditional)';n['hr']='Croatian';n['cs']='Czech';n['da']='Danish';n['nl']='Dutch';n['en']='English';n['tl']='Filipino';n['fi']='Finnish';n['fr']='French';n['de']='German';n['el']='Greek';n['iw']='Hebrew';n['hi']='Hindi';n['id']='Indonesian';n['it']='Italian';n['ja']='Japanese';n['ko']='Korean';n['lv']='Latvian';n['lt']='Lithuanian';n['no']='Norwegian';n['pl']='Polish';n['pt']='Portuguese';n['ro']='Romanian';n['ru']='Russian';n['sr']='Serbian';n['sk']='Slovak';n['sl']='Slovenian';n['es']='Spanish';n['sv']='Swedish';n['uk']='Ukrainian';n['vi']='Vietnamese';})();</script> </head> <body onload="window.google.clir.fillTgt();"> <h4>Translate text</h4> <form action="http://translate.google.com/translate_t" method=post id=text_form onsubmit="this.action='http://translate.google.com/translate_t?langpair='+this.langpair.value;"><input name=hl value="en" type=hidden><input name=ie value="ISO-8859-1" type=hidden><table id=texttable><tr valign=top><td id=sourcecell><textarea name=text rows=7 wrap=PHYSICAL id=source></textarea></td><td id=gap>&nbsp;</td><td class=almost_half_cell valign=middle></td></tr><tr><td id=submitcell><select name=sl style='width:auto'><option value="ar">Arabic</option><option value="bg">Bulgarian</option><option value="ca">Catalan</option><option value="zh-CN">Chinese</option><option value="hr">Croatian</option><option value="cs">Czech</option><option value="da">Danish</option><option value="nl">Dutch</option><option value="en">English</option><option value="tl">Filipino</option><option value="fi">Finnish</option><option value="fr">French</option><option value="de">German</option><option value="el">Greek</option><option value="iw">Hebrew</option><option value="hi">Hindi</option><option value="id"selected>Indonesian</option><option value="it">Italian</option><option value="ja">Japanese</option><option value="ko">Korean</option><option value="lv">Latvian</option><option value="lt">Lithuanian</option><option value="no">Norwegian</option><option value="pl">Polish</option><option value="pt">Portuguese</option><option value="ro">Romanian</option><option value="ru">Russian</option><option value="sr">Serbian</option><option value="sk">Slovak</option><option value="sl">Slovenian</option><option value="es" >Spanish</option><option value="sv">Swedish</option><option value="uk">Ukrainian</option><option value="vi">Vietnamese</option></select> <span style='font-size:1.5em;vertical-align:-1px;'>&raquo;</span> <select name=tl style='width:auto'><option value="ar">Arabic</option><option value="bg">Bulgarian</option><option value="ca">Catalan</option><option value="zh-CN">Chinese (Simplified)</option><option value="zh-TW">Chinese (Traditional)</option><option value="hr">Croatian</option><option value="cs">Czech</option><option value="da">Danish</option><option value="nl">Dutch</option><option value="en" selected>English</option><option value="tl">Filipino</option><option value="fi">Finnish</option><option value="fr">French</option><option value="de">German</option><option value="el">Greek</option><option value="iw">Hebrew</option><option value="hi">Hindi</option><option value="id">Indonesian</option><option value="it">Italian</option><option value="ja">Japanese</option><option value="ko">Korean</option><option value="lv">Latvian</option><option value="lt">Lithuanian</option><option value="no">Norwegian</option><option value="pl">Polish</option><option value="pt">Portuguese</option><option value="ro">Romanian</option><option value="ru">Russian</option><option value="sr">Serbian</option><option value="sk">Slovak</option><option value="sl">Slovenian</option><option value="es">Spanish</option><option value="sv">Swedish</option><option value="uk">Ukrainian</option><option value="vi">Vietnamese</option></select><input value="Translate" type=submit></td></tr></table></form> <p>Widget by: <a href="http://oce-modifblog.blogspot.com">modifikasi blog</a></p> </html>
Bisa juga di letakan di situs kamu, tinggal ikuti aja pada page head letakan sama seperti itu begitu pula pada body..ngerti kan maksudnya? Nah sekarang aku mau minta maaf sama pakde gugel,udah ngehack kamusnya.. Jika ingin di letakan di blog anda letakan di element halaman tinggal hapus tag html dan body dan ikuti yang diletakan pada head

selanjutnya...

Sabtu, 27 Desember 2008

Zoom image

Zoom pada gambar membuat org lebih mudah melihat gambar tersebut, berikut adalah onMousOver zoom atau gambar akan ukuranya lebih besar jika cursor di letakan pada gambar tersebut,gambar tersebut .
langsug aja nih sebagai contoh berikut,sory saya ikut nampang sebagai contoh.. Geser cursor pada gambar..




Caranya seperti berikut ini dengan edit template yang biasa km lakukan,pasti punya cara2 tersendiri,
Copy code berikut ini


<script language="JavaScript"> function setZoom(img, dir, width, height, margin, zIndex, delay) { setTimeout(function() { if (img.dir==dir) { img.style.width=width; img.style.height=height; img.style.margin=margin; img.style.zIndex=zIndex; img.parentNode.parentNode.style.zIndex=zIndex; } }, delay); } function larger(img, width, height) { img.dir='rtl'; now=parseInt(img.style.zIndex); for (i=now+1; i<=10; i++) { w=(width*(10+i))/20+'px'; h=(height*(10+i))/20+'px'; m=(-i)+'px 0 0 '+(-width*i/40)+'px'; setZoom(img, 'rtl', w, h, m, i, 20*(i-now)); } } function smaller(img, width, height) { img.dir='ltr'; now=parseInt(img.style.zIndex); for (i=now-1; i>=0; i--) { w=(width*(10+i))/20+'px'; h=(height*(10+i))/20+'px'; m=(-i)+'px 0 0 '+(-width*i/40)+'px'; setZoom(img, 'ltr', w, h, m, i, 20*(now-i)); } } </script>
Setelah selesai cari tag </head> trus paste diatas tag </head>
Lalu pada <body> format gambar seperti brikut ini
<div class="preview" style="width:80px;height:80px;float:left; padding-left:20px;"> <a href=""><img class="preview" style="width:80px;height:60px;border:1px solid # 000000;z-index:0" src="gambar.jpg" alt="" onmouseover="larger(this,240,180)" onmouseout="smaller (this,160,120)" /></a> </div>
keterangan gambar.jpg Adalah gambar yang akan dimunculkan,lalu 240,180 adalah ukuran gambar setelah di besarkan ganti ukuran menurut besar gambar yang di mau,160,120 adalah ukuran gambar sebelum di besar kan..

selanjutnya...

Sabtu, 20 Desember 2008

Membuat text seperti lampu berjalan

Buat hiasan lampu yang kaya di restoran seperti lampu berdetan Berikut ini adalah contoh text lampu berjalan


Cara buatnya tinggal copy paste code pada body aja koq Ini code script nya..
<!-- This script and many more are available free online at --> <!-- modifikasi blog!! http://oce-modifblog.blogspot.com --> <!-- Original: JavaScript Kit --> <!-- Web Site: http://javascriptkit.com --> <h1> <script language="JavaScript1.2"> var message="contoh text lampu berjalan modifikasi blog" var neonbasecolor="gray" var neontextcolor="yellow" var flashspeed=100 //in milliseconds ///No need to edit below this line///// var n=0 if (document.all||document.getElementById){ document.write('<font color="'+neonbasecolor+'">') for (m=0;m<message.length;m++) document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>') document.write('</font>') } else document.write(message) function crossref(number){ var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number) return crossobj } function neon(){ //Change all letters to base color if (n==0){ for (m=0;m<message.length;m++) //eval("document.all.neonlight"+m).style.color=neonbasecolor crossref(m).style.color=neonbasecolor } //cycle through and change individual letters to neon color crossref(n).style.color=neontextcolor if (n<message.length-1) n++ else{ n=0 clearInterval(flashing) setTimeout("beginneon()",1500) return } } function beginneon(){ if (document.all||document.getElementById) flashing=setInterval("neon()",flashspeed) } beginneon() </script> </h1>
Yang warna merah it tulisan yang akan tampil, jadi ganti seperti apa ya mau di tulis di situ..

selanjutnya...

Senin, 15 Desember 2008

Membuat read more yang simple

Read more adalah pemenggal kalimat agar tidak memenuhi halamam utama suatu blog, Berikut adalah cara membuat read more yg lebih simpel.. Sebagai contoh sperti yang saya gunakan ini Pertama-tama kita login ke blogger, -trus edit html -klik expand widget -bila takut terjadi kesalahan backup template terlebih dahulu agar gampang mengembalikanya seperti semula -langkah selanjutnya Cari kode

<head>

Copy code ini dan paste diatas head tadi

<style> <b:if cond='data:blog.pageType == "item"'> span.fullpost {display:inline;} <b:else/> span.fullpost {display:none;} </b:if> </style>

-Selanjutnya cari kode berikut

<p><data:post.body/></p>

Atau

<data:post.body/>

Setiap template berbeda2 -Paste code ini di bawahnya

<b:if cond='data:blog.pageType != "item"'> <a expr:href='data:post.url'> Read More..</a> </b:if>

-Simpan template Lihat blog,pada setiap postingan pasth terdapat read more Nah berikut ini adalah Format untuk memengal kalimat yaitu seperti berikut : Tulis dsini kalimat yang akan terlihat <span class="fullpost"> tulis disini kalimat penggalan </span>

-Terbitkan postingan coba liht apakan anda berhasil? Simple kan? Selamat mencoba...

selanjutnya...

Minggu, 14 Desember 2008

Membuat highlight efek link

Membuat link hightlight seperti ini,contoh arahkan kursor pada link

Yahoo! Excite AltaVista Infoseek Lycos MSN WebCrawler Hotbot Snap

Setiap cursor yang berada di link maka akan terdapat backgraund warna yg dpat di ubah tergantung warna yang kita suka, Caranya seperti berikut Copy scipt berikut pada body page

<script> /* Highlight Link script By Website Abstraction (http://wsabstract.com) and Java-scripts.net (http://www.java-scripts.net) */ function highlight(which,color){ if (document.all||document.getElementById) which.style.backgroundColor=color } </script>

Format penulisan link sebagai berikut

<a href="http://www.yahoo.com"onMouseover=highlight(this,'red') onMouseout="highlight(this,document.bgColor)">Yahoo!</a>

selanjutnya...

Jumat, 12 Desember 2008

Meningkatkan seo blog

Salah satu teknik SEO yang digunakan oleh para master SEO adalah dengan memainkan atau manambahkan suatu text didalam html yang biasa disebut Meta Tag. Meta tag digunakan untuk mendapatkan nilai tinggi blog atau web pada search engine. Untuk mendapatkan posisi teratas pada search engine misalnya dengan (modifblog) pada bloggger kita dapat menambahkan meta tag Langkah awal adalah masuk ke dalam Panel Kontrol blog kita, kemudian menuju ke Tata Letak, dan pilih Edit HTML. Untuk title tags, gunakan trik Title . Intinya, cari baris kode berikut:

<title><data:blog.title/></title>
dan ganti dengan kode berikut:

<b:if cond='data:blog.pageType == "item"'> <title><data:blog.pageName/> -<data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/></title> </b:if>
mengoptimalkan kata kunci utama blog anda.Tambahankan kode di bawah kode untuk Title Tags di atas:

<meta expr:content='data:blog.pageTitle + " - deskripsi tambahan "' name='description' /> <meta expr:content='data:blog.pageTitle + ", kata kunci 1,kata kunci2,kata kunci3,dst "' name='keywords' />
Deskripsi adalah deskripsi tentang blog anda Kata kunci adalah keyword yg terdapat pada search engine Dengan begitu mudah2an blog anda bisa lebih baik dari sebelumnya.. Sumber= all master

selanjutnya...

Rabu, 10 Desember 2008

Translate bahasa

Scriptnya adalah seperti berikut <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>

selanjutnya...

Minggu, 07 Desember 2008

Membuat gambar kelap kelip dengan script slidesow

Untuk membuat gambar kelap kelip harus mempunyai 2 gambar yg sama hanya warna gambar saja yg berbeda Contoh saya mempunyai 2 gambar
dan
Mengabunganya dengan menggunakan script slideshow dibawah ini dan mempercepat slideshownya ,membuat gambarnya gampang, hanya mengedit gambar dan memberi efek negatif gambar. Script dibawah adalah script gambar di atas Selamat berkreasi Copy script dibawah pada head
<script language="JavaScript1.1"> <!-- /* JavaScript Image slideshow: By Website Abstraction (www.wsabstract.com) and Java-scripts.net (www.java-scripts.net) */ var slideimages=new Array() var slidelinks=new Array() function slideshowimages(){ for (i=0;i<slideshowimages.arguments.length;i++){ slideimages[i]=new Image() slideimages[i].src=slideshowimages.arguments[i] } } function slideshowlinks(){ for (i=0;i<slideshowlinks.arguments.length;i++) slidelinks[i]=slideshowlinks.arguments[i] } function gotoshow(){ if (!window.winslide||winslide.closed) winslide=window.open(slidelinks[whichlink]) else winslide.location=slidelinks[whichlink] winslide.focus() } //--> </script>
Lalu copy script dibawah pada body untuk menampilkan gambar slide <a href="javascript:gotoshow()"><img src=" http://www.geocities.com/ocewijaya/oce1.jpg" name="slide" border=0></a> <script> <!-- //configure the paths of the images, plus corresponding target links slideshowimages(" http://www.geocities.com/ocewijaya/oce1.jpg", "http://www.geocities.com/ocewijaya/oce2.jpg") slideshowlinks("http://ocewijaya.blogspot.com", "http://oce-modifblog.blogspot.com") //configure the speed of the slideshow, in miliseconds var slideshowspeed=80 var whichlink=0 var whichimage=0 function slideit(){ if (!document.images) return document.images.slide.src=slideimages[whichimage].src whichlink=whichimage if (whichimage<slideimages.length-1) whichimage++ else whichimage=0 setTimeout("slideit()",slideshowspeed) } slideit() //--> </script> Warna biru adalah tempat letak gambar

selanjutnya...

Sabtu, 06 Desember 2008

Alert massage



Alert Box

Alert Message:


Cara meletakan code, -Sign blogger
-tata letak
-tambah gadget html/javascript
-simpan Contoh blog yang udah di beri code alret masage
disini

selanjutnya...

Jumat, 05 Desember 2008

Random backgroun color

Script berikut berfungsi sebagai random warna backgraund, setiap kali masuk ke web trsbut warna background akan berubah2
<script> /*Random background color- by javascriptkit.com Visit JavaScript Kit (http://javascriptkit.com) for script Credit must stay intact for use*/ //Enter list of bgcolors: var bgcolorlist=new Array("#DFDFFF", "#FFFFBF", "#80FF80", "#EAEAFF", "#C9FFA8", "#F7F7F7", "#FFFFFF", "#DDDD00") document.body.style.background=bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)] </script>

selanjutnya...

Kamis, 04 Desember 2008

Color chart picker

This free script provided by
JavaScript Kit

selanjutnya...

Membuat menu pulldown

Contoh

membuat menu dropdown atau pulldown seperti diatas adalah sebagai berikut <script language="JavaScript"> function pulldown_menu() { // Create a variable url to contain the value of the // selected option from the the form named pulldown and variable selectname var url = document.p ulldown.selectname.options [do cument.pulldown.selectname.sel ectedIndex].value // Re-direct the browser to the url value window.location.href = url } </script> <center> <form name="pulldown"> <select name="selectname" SIZE="1"> <option value="">Select A Site</option> <option value= " http://www.yahoo.com ">Yahoo.com</option> <option value= " http://www.goto.com ">Goto.com</option> <option value= " http://www.altavista.com ">AltaVista</option> <option value= "http://www.go.com ">Go.com</option> <option value= "http://www.msn.com ">MSN.com</option> </select> <input type="button" value="Go" onClick="JavaScript:p ulldown_menu()"> </form> </center>

selanjutnya...

Selasa, 02 Desember 2008

Membuat pertanyaan konfirmasi



Dalam membuat program, ada kalanya kita ingin agar data yang diinput tidak salah. Teknik Validasi yang anda terapkan pun, misalnya validasi nama tidak boleh angka terkadang tidak maksimal. Kalau misalnya kita salah mengetik nama "Ivan" dengan "Ivam", pasti nama akan lansung tersimpan bukan? Bukan hanya itu, biasanya seorang user tidak sengaja menekan tombol "enter". Padahal belum selesai mengetik. Ada cara untuk mengatasi hal diatas, yakni dengan membuat pertanyaan konfirmasi. Pertanyaan konfirmasi berfungsi untuk menampilkan pertanyaan "ok" dan "cancel". Ini untuk memastikan apakah data yang diinput sudah benar dengan melakukan pengecekan ulang.

Pertanyaan konfirmasi sepeti diatas dapat dibuat dengan javascript.

Buat file dengan nama pertanyaan.js lalu ketikkan script berikut :

pertanyaan.js

function pertanyaan()
{
      if(confirm('Anda yakin yang ingin anda posting ini sudah benar?'))
      {
            return true;
      }
      else
      {
            return false;
      }
}

index.html

<html>
<body>
                <script language="javascript" src="pertanyaan.js"></script>
                <a href=# onclick="return pertanyaan ()">Tes membuat pertanyaan.....</a>
</body>
</html>

Sedikit Penjelasan kode diatas :

Pada pertanyaan.js, dibuatkan perintah confirm untuk menampilkan kotak pesan ok dan cancel. Karena menggunakan function, kita gunakan return TRUE jika benar dan return FALSE jika salah. Lalu pada bagian yang ingin dimunculkan pertanyaan, tambahkan perintah onclick. Maksudnya ketika diklik,event apa yang terjadi.

Yah, sekian dulu lah penjelasan dari saya. Jika ada yang ingin ditanyakan, silahkan menghubungi saya di

Email1 : ivan@ilmuwebsite.com
  Email 2 : ivan_wen_piao@yahoo.co.id
Web :  http://ivan.ilmuwebsite.com

Silahkan download sourcenya  Disini

Sumber dari situs Ilmu Website dalam kategori javascript dengan judul Membuat pertanyaan konfirmasi

selanjutnya...