All post

Selasa, 27 Oktober 2009

Menghitung kecocokan hubungan dengan javascript kalkulator

Menghitung kecocokan pasangan dengan javascript
Mau cobain coba aja di bawah ini, berapa persen kecocokan km..


Love Calculator
Javascript

+ =



widget from: modifikasi blog

mau buat yang kalkulator cinta kaya di atas? Copi aja script di bawah lalu

-sigin blogger
-tambah elemen halaman
-tambah javascript/html
-lalu paste code disitu
-save

Berikut adalah codenya:

<SCRIPT LANGUAGE="JavaScript">


<!--widget free from http://oce-modifblog.blogspot.com Distributed by www.hypergurl.com Begin
function calc() {

first = document.loveform.name1.value.toUpperCase();
firstlength = document.loveform.name1.value.length;
second = document.loveform.name2.value.toUpperCase();
secondlength = document.loveform.name2.value.length;
var LoveCount=0;

for (Count=0; Count < firstlength; Count++) {
letter1=first.substring(Count,Count+1);
if (letter1=='L') LoveCount+=2;
if (letter1=='O') LoveCount+=2;
if (letter1=='V') LoveCount+=2;
if (letter1=='E') LoveCount+=2;
if (letter1=='Y') LoveCount+=3;
if (letter1=='O') LoveCount+=1;
if (letter1=='U') LoveCount+=3;
}

for (Count=0; Count < secondlength; Count++) {
letter2=second.substring(Count,Count+1);
if (letter2=='L') LoveCount+=2;
if (letter2=='O') LoveCount+=2;
if (letter2=='V') LoveCount+=2;
if (letter2=='E') LoveCount+=2;
if (letter2=='Y') LoveCount+=3;
if (letter2=='O') LoveCount+=1;
if (letter2=='U') LoveCount+=3;
}

amount=0;
if (LoveCount> 0) amount= 5-((firstlength+secondlength)/2)
if (LoveCount> 2) amount= 10-((firstlength+secondlength)/2)
if (LoveCount> 4) amount= 20-((firstlength+secondlength)/2)
if (LoveCount> 6) amount= 30-((firstlength+secondlength)/2)
if (LoveCount> 8) amount= 40-((firstlength+secondlength)/2)
if (LoveCount>10) amount= 50-((firstlength+secondlength)/2)
if (LoveCount>12) amount= 60-((firstlength+secondlength)/2)
if (LoveCount>14) amount= 70-((firstlength+secondlength)/2)
if (LoveCount>16) amount= 80-((firstlength+secondlength)/2)
if (LoveCount>18) amount= 90-((firstlength+secondlength)/2)
if (LoveCount>20) amount=100-((firstlength+secondlength)/2)
if (LoveCount>22) amount=110-((firstlength+secondlength)/2)

if (firstlength==0 || secondlength==0) amount= "Err";
if (amount < 0) amount= 0;
if (amount >99) amount=99;

document.loveform.output.value=amount+"%";
}
// End -->
</script>
<h5 align="left"><font face="Arial, Helvetica, sans-serif">Love Calculator
Javascript</font> </h5>
<form name=loveform> <input value="Bill Clinton" name="name1" type="text" size="20">
+ <input value="Monica Lewinsky" name="name2" type="text" size="20"> = <input value="" name="output" type="text" size="6">
<br> <br> <input value="Calculate!" name="calculate" type="button" onClick="calc()">
</form><p>widget from: <a href="http://oce-modifblog.blogspot.com">modifikasi blog</a></p>

selanjutnya...

Senin, 20 Juli 2009

Membuat Bubble tooltip di dalam posting


tooltip menggunakan css memungkinkan lebih cepatnya loading tanpa script pemanggil, yg biasanya tulisan pada tooltip akan muncul ketika loading pemanggil script selesai,Jika tertarik buat mencobanya silahkan mengikuti langkah berikut ini

O iya yg belum mengerti apa sih tooltip itu?
Tooltip adalah tulisan yang muncul ketika kursor berhenti diatas ling yg diberi tooltip atau semacam petunjuk dan penjelasan ya begitu lah kira2 contohnya anda letakan kursor di atas link di bawah ini..

tahan kursor disinicontoh Bubble Tooltip dengan CSS

Dengan ditambahkan backgroud bubble lebih terlihat cantik, Untuk membuatnya Copy css dibawah ini

/*---------- bubble tooltip oce-modifblog.blogspot.com-----------*/
a.tt{
position:relative;
z-index:24;
color:#3CA3FF;
font-weight:bold;
text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
display:block;
position:absolute;
top:0px; left:0;
padding: 15px 0 0 0;
width:200px;
color: #993300;
text-align: center;
filter: alpha(opacity:90);
KHTMLOpacity: 0.90;
MozOpacity: 0.90;
opacity: 0.90;
}
a.tt:hover span.top{
display: block;
padding: 30px 8px 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF_qd3kwOsK7znFdFEtk-WRwnA-noURvJv4smQr5PCUai0LVVzUPSMeeDjZFb34k1hdNVrgnqX2fDGYjDVH_WToK_zchK1LhsPuZbsbn2j4ad4_TsTI6ika0F7ZuMANd5Ha5L66AL1Mj4/s320/bubble-712378.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
display: block;
padding: 0 8px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjijEa3T9yLFz9ZfpR-T1I6qBiDsv2Qyod5gL1t7VJhQk09xqagM7in4au9Qk1m6jHnBt3iUiogwmlApvz5VI6U7QeVWUERZHqMD2vhr1I73OeNO0vwZkVAnAhEhXSFL0xGeFlPhi_bAag/s320/bubble_filler-711451.gif) repeat bottom;
}
a.tt:hover span.bottom{
display: block;
padding:3px 8px 10px;
color: #548912;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF_qd3kwOsK7znFdFEtk-WRwnA-noURvJv4smQr5PCUai0LVVzUPSMeeDjZFb34k1hdNVrgnqX2fDGYjDVH_WToK_zchK1LhsPuZbsbn2j4ad4_TsTI6ika0F7ZuMANd5Ha5L66AL1Mj4/s320/bubble-712378.gif) no-repeat bottom;
}

Nah setelah di copy selanjutnya login blogger> tataletak> edit html> cari tag ]]></b:skin> paste code css yg udah di copy tadi di atasnya dan save Template. Untuk format penulisan link pada posting yg di beri tooltip seperti ini


<a href="#" class="tt">nama link disini<span class="tooltip"><span class="top"></span><span class="middle">keterangan atau tulisan pada tooltip disini</span><span class="bottom"></span></span></a>

selanjutnya...

Sabtu, 04 Juli 2009

Cara gratis menambah PR dan backlink

Link Berantai, tepatnya. Jika Anda ingin menambah Backlink di Blog atau Web Anda, tidak ada salahnya Anda mencoba yang satu ini, karena untuk mengikutinya tidak ada biaya sepeserpun. Bahkan selain menambah Backlink, Anda sekaligus juga bisa beriklan. Hanya menampilkan link sebelum anda.. Untuk mengikuti Arisan ini, hanya satu syarat yang dibutuhkan, yaitu KEJUJURAN. Lakukan semua langkah-langkah yang dicantumkan di bawah ini, dan Copy-Paste Postingan di bawah

------ Copy mulai di sini ------

Mohon baca baik-baik lalu terapkan dengan benar.... Sebuah filosofi mengatakan "Honesty is The Best Policy (Kejujuran adalah politik/strategi terbaik)", inilah yang akan kita buktikan....apakah konsep kejujuran bisa kita olah menghasilkan traffic dan popularity yang lebih hebat dari konsep rumit para expert webmaster atau pakar SEO..?... Saya yakin bisa asal konsep ini di jalankan dengan benar...,bila ini di terapkan pada web anda sesuai ketentuan maka: -Web anda akan kebanjiran traffic pengunjung secara luar biasa hari demi hari, tanpa perlu repot-repot memikirkan SEO atau capek-capek promosi keberbagai tempat di dunia internet. -Web anda akan kebanjiran backlink secara luarbiasa hari demi hari, tanpa perlu repot-repot berburu link keberbagai tempat di dunia internet. Yang perlu anda lakukan adalah ikuti langkah-langkah berikut :
1. Buat posting artikel seperti posting saya ini, atau copy-paste posting ini.Beri Judul terserah anda ( sebab itu merupakan SEO buat blog anda sendiri ).
2.Anda hanya perlu meletakkan Link-Link di bawah ini pada postingan anda.

  1. Tips dan trik menjadi cantik : Bengkelcantik
  2. Segala hal tentang trend, tips topi : Pabrik topi
  3. Cara merawat bayi mulai lahir : bayipertama
  4. Menjaga pernikahan tetap harmonis : barumenikah
  5. Invest77.com : Investasi kerjasama bagi hasil
  6. Buat web cuma Rp.50 ribu murah dan berkualitas
  7. Brokerlink.info : Jual / Beli Link (mulai Rp.2000)
  8. Zona Usaha Online
  9. belajar cari tau : nambah ilmu cari tau semua
  10. modifikasi blog: belajar modif dengan script


3. Anda harus mengunjungi kesetiap blog yang ada didaftar atas sekarang juga (1x saja sudah cukup) (supaya tidak lupa) PERATURAN :

  1. Sebelum anda meletakkan Link-Link di atas di dalam postingan blog anda, silahkan anda hapus Link nomor 1, Sehingga link no 1 hilang dari daftar link dan setiap link akan naik 1 level ke atas. Yang tadinya no 2 naik menjadi no1, yang tadinya no 3 menjadi no 2, yang tadinya no 4 menjadi no 3dan seterusnya. Setelah itu masukkan Link anda pada urutan Paling bawah ( nomor 10 ).
  2. Dilarang Merubah Urutan daftar link

Jika blogger yang ikut dalam konsep ini berhasil di duplikasi ole blogger lain yang akan bergabung, misalnya 5 blogger yang bergabung maka Backlink yang anda dapat adalah Ketika posisi anda 10, jumlah backlink = 1


Posisi 9, jml backlink = 5
Posisi 8, jml backlink = 25
Posisi 7, jml backlink = 125
Posisi 6, jml backlink = 625
Posisi 5, jml backlink = 3.125
Posisi 4, jml backlink = 15.625
Posisi 3, jml backlink = 78.125
Posisi 2, jml backlink = 390.625
Posisi 1, jml backlink = 1.953.125

Dan semua Dari kata kunci yang anda inginkan, bayangkan jika itu berhasil dari segi SEO anda sudah mendapat 1.953.125yang entah dari mana asalnya yang tersebar di mana-mana. Belum lagi jika ada yang mengunjungi blog anda dari Link List di atas secara otomatis anda mendapat traffic blog juga. Ingat Anda harus memulai dari urutan paling bawah ( no 10 ) agar hasil backlink anda Maksimal, Jangan salahkan saya jika anda tidak menjalankan konsep ini dengan benar dan Link anda tiba-tiba berada pada urutan no 1 dan menghilang pada Link daftar. Jadi mulai lah pada urutan paling akhir.( no 10 ). ingat kunjungi 10 blog yang ada dalam daftar yang anda terima sekarang juga (supaya tidak kelupaan) Bisakah kita berbuat tidak fair atau tidak jujur menyabotase konsep ini, misalnya "menghilangkan semua link asal" lalu di isi dengan web/blog kita sendiri...?....Bisa, dan konsep ini tidak akan menjadi maksimal untuk membuktikan Kejujuran adalah strategi/politik terbaik.....Tapi saya yakin bahwa kita semua tak ingin menjatuhkan kredibilitas diri sendiri dengan melakukan tindakan murahan seperti itu...
---- SELESAI ----

Kunjungilah semua alamat yang tertera di atas, meskipun hanya 5 detik.
Anda bisa menambah sedikit basa-basi sebelum/sesudah postingan yang harus diCopy-Paste. Anda tinggal copy link dibawah ini agar tidak tertukar hapus link paling atas letakan link anda urutan di urutan bawah jadi setiap org yg memposting urutan berada di bawah,jika link anda diletakan di atas kerugian tetap di anda sendiri karena link anda akan hilang jika artikel di sebarkan lagi, tentu percuma anda mengikuti program ini. Jadi urutkan dengan benar.

selanjutnya...

Sabtu, 27 Juni 2009

Javascript untuk menampikan tanggal

di bawah ini adalah javascript untuk membuat tanggal dalam web.. Tingal copy dan paste di elemen halaman,. Berikut contoh dan yang berwarna merah script nya.

Script untuk buat tnggal pada title posting contohnya pada judul post ini



<font color="blue"><script language="JavaScript" src="http://arieino.wen.ru/script/js/tanggal1.js"></script></font><br/>

Script tngal bahasa inggris contohnya dibawah ini



<font color="blue"><script language="JavaScript" src="http://arieino.wen.ru/script/js/tanggal2.js"></script></font><br/>


Script tangalan bahasa jawa contohnya dibawah ini



<font color="blue"><script language="JavaScript" src="http://arieino.wen.ru/script/js/tanggal.js"></script></font><br/>


Script tnggalan hijryah contohnya dibawah ini



<font color="blue"><script language="JavaScript" src="http://arieino.wen.ru/js/tgl_hijriyah.js"></script></font><br/>


Script tanggalan jawa contohnya dibawah ini



<font color="orange"><script language="JavaScript" src="http://arieino.wen.ru/js/tgl_jawa.js"></script></font>

selanjutnya...

Kamis, 04 Juni 2009

memampilkan jumlah kunjungan dengan javascript alert

Script dibawah ini untuk menampilkan kunjungan,berapa kali pengunjung datang dengan menggunakan javascript alert.. Setiap pengunjung akan memiliki kunjungan alert sendiri2 tergantung berapa kali mereka berkunjung

<script language="JavaScript" src="http://arieino.wen.ru/js/kunjungan2.js"></script>

Copy script diatas dan letakan di elemen halaman

selanjutnya...

Selasa, 26 Mei 2009

Membuat ayat tapil di blog

Script di bawah ini adalah script buat nampilin ayat2 secara acak.. Seperti ini:


<font color="blue"><script language="JavaScript" src="http://arieino.wen.ru/script/js/ayat.js"></script></font><br/>

Untuk menampilkan

  1. login blogger
  2. tambah elemen
  3. pilih javascript/html

copy script diatas dan paste

selanjutnya...

Senin, 18 Mei 2009

Hujan teks generator

Pasti pernah kan denger hujan salju? Atau salju warna-warni, ni ada alat untuk membuatnya.. Jika ingin hujan salju tingal masukan teks bentuk titik atau bintang saja, warnanya pilih sesuka kamu.. Ya dah deh met berkreasi..


hujan Text Generator
buat text seperti hujan Di blog dengan kreasimu sendiri.
Masukan kata yang kamu mau & click "Generate Code",
...lalu copy and paste diblog kamu

  masukan text:
  warna teks: pilih warna  
  pilih font:
  ukuran teks:

Generated code:

Copy and paste diblog kamu

selanjutnya...

Sabtu, 09 Mei 2009

Membuat table comments link

Waktu aku ngelihat komen ada seseorang sahabat yang bertanya bagainama cara buat "kunjungi juga blog yang berkomentar." nah contohnya kalo anda coment di blog ini disana akan terdapat table nama anda dan link anda.. Sebelumnya aq kasih kaya gitu karena liat blognya mas ayiek, wah ternyata bagus juga kalo aq bikin juga kaya gitu.. Sebelum nya aq bikin gagal terus format salah mulu,wah puyeng,. Tp q jg kan pengen bisa,pa lg q jg nebwie, karena aq juga nggak tanya sama mas ayiek gimana bikinya, apa lagi aq modif templatenya via handphone.. Jadi harus sabar.. Sambil belajar lah usaha Setelah mencoba mengedit2 jadilah seperti demikian.. Buat mas aalil aku kan blm nikah jangan di panggil pak dunk.. He2.. Terimakasih sudah memberi ide postingan..

Yap Langsung aja deh yang mau bikin seperti table coment link seperti punya aku ikuti langkah berikut ini:

  1. log in dasboard blogger anda
  2. lalu ke tata letak trus edit html template
  3. centang ekspan widget
  4. backup template agar jika ada kesalahan dapat di kembalikan seperti semula
  5. setelah itu kita mulai mengropek tempelate
  6. cari code atau yang mirip code di bawah ini pada tempelate anda

    <dl id='comments-block'> <b:loop values='data:post.comments' var='comment'> <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'> <a expr:name='data:comment.anchorName'/> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> <data:commentPostedByMsg/> </dt> <dd class='comment-body'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p><data:comment.body/></p> </b:if> </dd> <dd class='comment-footer'> <span class='comment-timestamp'> <a expr:href='data:comment.url' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </span> </dd> </b:loop> </dl>

  7. selanjutnya jika sudah menemukan code di atas hapus code tsb dang ganti dengan code di bawah ini

  8. <dl id='comments-block'> <b:loop values='data:post.comments' var='comment'> &lt;table align='center' bgcolor='#F0E68C' width='570'&gt;&lt;tr&gt;&lt;td align='left'&gt; <dt class='comment-author' expr:id='&quot;comment-&quot; + data:comment.id'> <a expr:name='&quot;comment-&quot; + data:comment.id'/> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> <span class='comment-timestamp'> <a expr:href='&quot;#comment-&quot; + data:comment.id' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </span> </dt> &lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align='left'&gt; &lt;table align='left' bgcolor='#F5FFFA' width='570'&gt;&lt;tr&gt;&lt;td align='left'&gt; <dd class='comment-body'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p><data:comment.body/></p> &lt;table align='center' bgcolor='#FFFACD' width='500'&gt;&lt;tr&gt;&lt;td align='left'&gt; &lt;b&gt;Kunjungi Juga Blognya Yang Berkomentar Yah... :p&lt;/b&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align='left'&gt;&lt;table align='left' bgcolor='#FFFAFA' width='500'&gt;&lt;tr&gt;&lt;td align='left'&gt; Nama&lt;/td&gt;&lt;td align='left'&gt; : &lt;/td&gt;&lt;td align='left'&gt;<data:comment.author/>&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td align='left'&gt; Website&lt;/td&gt;&lt;td align='left'&gt; : &lt;/td&gt;&lt;td align='left'&gt;<a expr:href='data:comment.authorUrl' rel='nofollow' target='-blank'><data:comment.authorUrl/></a>&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;table width='568'&gt;&lt;tr&gt;&lt;td align='left' bgcolor='#FFE4FF'&gt;&lt;a href='#comment-form'&gt;-&gt;&gt; Meloncat Ke Kotak Komentar&lt;/a&gt;&lt;/td&gt;&lt;td align='center'&gt;atau&lt;/td&gt;&lt;td align='right' bgcolor='#FFE4FF'&gt;&lt;a href='#comments'&gt;Kembali ke komentar Teratas &lt;&lt;-&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt; </b:if> </dd> &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt; &lt;table align='left' bgcolor='#FFFAFA' width='500'&gt;&lt;tr&gt;&lt;td align='center'&gt;<!--mohon ini jangan dihapus-->Mau buat table coments link seperti ini, disini :&lt;a href=&quot;http://oce-modifblog.blogspot.com/2009/05/membuat-table-comments-link.html&quot;&gt; modifikasi blog&lt;/a&gt; &lt;/td&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt; &lt;/b:if&gt; &lt;/dd&gt; &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt; </b:loop> </dl>

  9. simpan template

mungkin jika template anda sama dengan yang saya pakai akan mudah untuk mencari code di atas

sekarang buatlah orang yang berkomentar juga berpromosi agar orang yang berkomen juga dapat dikunjungi.. Sehingga pengoment akan senang berkomentar di blog anda, itulah harapan saya menggunakan table coments link.. Selain berkomentar juga berpromosi..

selanjutnya...

Minggu, 03 Mei 2009

Membuat navigasi back forward

kehabisan bahan post neh dari pada bingung ngopost ni aja, buat back forward, Pada suatu halaman web kita seringkali melihat link navigasi yang tulisanya seperti Back untuk kembali ke halaman sebelumnya dan Forward untuk menuju ke halaman yang pernah kita buka sebelumnya.ternyata membuatnya sangat mudah, Anda bisa membuat link navigasi tersebut dengan menggunakan java script

untuk navigasi back berikut scripnya

<a href="javascript:history.back(1)">Back</a>

untuk navigasi fordward berikut scripnya

<a href="javascript:history.forward(1)">Forward</a>

meletakanya bisa anda tentukan sendiri

selanjutnya...

Kamis, 23 April 2009

Meta marker

Meta tag adalah kata yang sering di gunakan oleh kebanyakan mesin pencari,mereka mengidentifikasi konten situs web anda menggunakan meta tag alat sederhana ini akan memungkinkan anda untuk mengaturnya dengan mudah..

Meta Tag Generator

ini adalah JavaScript tool untuk membuat META tags. Lengkapi form dibawah.
setelah di copy paste pada tags head.

Title:
Author:
Subject:
Description:
Keywords:
Generator:
Language:
Expires:
Distribution:
Robots:

setelah di copy letakan diatas tag </head> pada blog anda,dan semoga bermanfaat

selanjutnya...

Minggu, 19 April 2009

Dapet award pertama selanjutnya diteruskan

Sekitar 2 minggu yang lalu aku dapat award dari nur rahcmat,. Maaf yah baru aku bisa posting sekarang.Sbnernya seneng campur gembira soalnya ni award pertama yang aku dapet.. Ga tau cara postingnya ya asal ngomong aja nih,dan Malah sekaligus 5 award wah award pertama segitu. Tapi dari satu orang :D.. Oiya terima kasih buat nur rachmat yang mempunyai bog di http://www.kakipalsu.co.cc dan www.pipos.co.cc karena dari 2 blog saudara nur rahmat tersebut dapetnya..

Award nya sebagai berikut:


  1. Fobulus award
  2. Ilove your blog award
  3. Vespa blogger friensip award
  4. Friendly blogger 2009 award
  5. Smart blogger award

Award tersebut ga pake PR :D asyik kan.. Menurut petuah dari saudara nur racmat award2 itu harus diteruskan kepada para blogger yang laen.. Sapa yang dapet yah yang berkunjung aja deh.. Buat yang saya beri awar tapi udah dapat award yang sama dari blogger yang lain mohon diterima kan yang beda orangnya. Buat yang dapet silahkan di ambil yah..


Buat yang blognya ada diatas ambil award di bawah ini


yourblogisfabulous.jpg
vespa+blogger+award.jpg
traffic-award.jpg
friendly+blogger.jpg

Untuk award smart blogger ada peraturanya yaitu memberi ulasan dan review tentang blog yang akan diberikan award smart blogger ini..

Blogger yang mendapat award ini adalah



untuk yang blognya saya sebutin di atas silahkan ambil award dibawah


smartblogger.jpg

Buat teman2 yang berkunjung dimohon untuk meninggalkan jejaknya.. Agar saya tau siapa saja yang telah berkunjung di blog ini. Untuk teman2 yang sudah berkunjung terima kasih buanyak.. Semoga apa yang saya posting selama ini bisa bermanfaat.. Saya juga sengaja memberi sebagian contoh untuk bahan yang saya postingkan supaya mudah di pahami seperti apa sih itu sebenarnya.. Dan sekali lagi terima kasih buat blogger yang sudah memberi aku award pertama.. Yaitu saudara nur racmat. dan Jangan lupa diambil awardnya buat yang dapet

selanjutnya...

Rabu, 15 April 2009

Membuat background textarea dengan efek mouse over

Pernakah anda terfikir untuk membuat text area dengan menggunakan latar belakan sebuah gambar.. Nah selain buat copy paste juga bisa sebagai hiasan pada blog..,teknik pembuatanya cukup mudah, Selain itu juga ditambah dengan efek mouse over.. Saat mouse bergerak diatas text area backgroun akan berubah warna, begitu pula pada teks.

.

Liat contoh di bawah ini

Untuk membuanya cukup mudah buanget, liat cara dibawah ini

Langkah 1.:

--------

Tempat ini script gaya dalam <head> dari halaman:

<style> textarea.imageOne{ background-color:000000; background-image:url(blue_saturn.jpg); color:00ff00; } textarea.imageTwo{ background-color:000000; background-image:url(butterflies.jpg); color:ff0000; } </style>

Rubah lah blue_saturn.jpg dan butterflies.jpg dengan url foto Anda sendiri

Langkah 2.:

Letakan text area dibawah ditempat yang anda inginkan

<textarea> seperti ini: <textarea rows="12" cols="74" class="imageOne" onMouseOver="this.className='imageTwo'" onMouseOut="this.className='imageOne'"> . . . Letakan text anda disini . . . </textarea>

Dalam contoh diatur background-color: 000000;

Warna background-color biasanya harus sama dengan gambar latar belakang warna, Biar ga berlawanan warna dengan gambar it sendiri pada saat di klik latar belakang seperti tidak berubah hanya gambar saja yang hilang.

Warna teks : ff0000; dan warna: 00ff00; yaitu teks warna merah dan hijau, itu digunakan untuk merubah warna pada saat mouse over.

Mungkin pada browser latar akan berbeda,misalnya IE, NS6..

selanjutnya...

Senin, 13 April 2009

Title animasi title muncul satu persatu

Pernah melihat title blog seseorang berjalan?.. Title yang menggunakan efek marque yang berjalan dari kiri kekanan atau dari kanan kekiri.. Tapi script berikut ini tidak akan membuat title blog berjalan dari kiri kekanan atau dari kanan kekiri.. Efek script berikut adalah title blog akan muncul huruf perhuruf atau huruf pada title blog akan muncul satu per satu hingga mennyusun sebuah judul blog. Maaf ni ga pake contoh soalnya blognya udah berat jadi dicobain sendiri.. Jika tertarik untuk mencoba scriptnya berikut ini..

<SCRIPT LANGUAGE="JAVASCRIPT"> <!-- /*script free from http://oce-modifblog.blogspot.com Animated Document title Visit www.rainbow.arch.scriptmania.com for this script and more */ if (document.all||document.getElementById){ var thetitle=document.title document.title='' } var data="0123456789"; var done=1; function statusIn(text){ decrypt(text,2,1); } function statusOut(){ self.status=''; done=1; } function decrypt(text, max, delay){ if (done){ done = 0; decrypt_helper(text, max, delay, 0, max); } } function decrypt_helper(text, runs_left, delay, charvar, max){ if (!done){ runs_left = runs_left - 1; var status = text.substring(0,charvar); for(var current_char = charvar; current_char < text.length; current_char++){ status += data.charAt(Math.round(Math.random()*data.length)); } document.title = status; var rerun = "decrypt_helper('" + text + "'," + runs_left + "," + delay + "," + charvar + "," + max + ");" var new_char = charvar + 1; var next_char = "decrypt_helper('" + text + "'," + max + "," + delay + "," + new_char + "," + max + ");" if(runs_left > 0){ setTimeout(rerun, delay); } else{ if (charvar < text.length){ setTimeout(next_char, Math.round(delay*(charvar+3)/(charvar+1))); } else { done = 1; } } } } //if IE 4+ or NS 6+ if (document.all||document.getElementById) statusIn(thetitle) //--> </SCRIPT>

Letakan script diatas diatas code </body> pada tempelate blog anda..

selanjutnya...

Rabu, 01 April 2009

Membuat teks terbalik

Iseng ngerjain Membuat text kebalik yuk? Teks kebalik Maksudnya apaan sih? Nah coba ndiri,klo udah nyoba pasti pernah tau yang namanya text kebalik.. Sekedar buat iseng2.. Ya maksudnya teks yang tengkurap jadi telentang,teks telentang jadi tengkurap, teks nengok kiri jadi nengok kanan dan sebaliknya.. Ngerti kan.. bingung ya?.. Cobain ndiri deh dri pada bingung..

Flip

Original:
Flipped:
Kalo yg tertarik mo meletakan nya di blog ikuti langkah di bawah ini



1.login blogger


2.tata letak

3.tambah widget


4.pilih javascript/html


5.paste code di bawah ini



<style type="text/css">
textarea { font-family: "Arial Unicode", Batang }
</style> <script language="JavaScript">
function flip() {
var result = flipString(document.f.original.value.toLowerCase());
document.f.flipped.value = result;
}

function flipString(aString) {
var last = aString.length - 1;
//Thanks to Brook Monroe for the
//suggestion to use Array.join
var result = new Array(aString.length)
for (var i = last; i >= 0; --i) {
var c = aString.charAt(i)
var r = flipTable[c]
result[last - i] = r != undefined ? r : c
}
return result.join('')
}

var flipTable = {
a : '\u0250',
b : 'q',
c : '\u0254', //open o -- from pne
d : 'p',
e : '\u01DD',
f : '\u025F', //from pne
g : '\u0183',
h : '\u0265',
i : '\u0131', //from pne
j : '\u027E',
k : '\u029E',
//l : '\u0283',
m : '\u026F',
n : 'u',
r : '\u0279',
t : '\u0287',
v : '\u028C',
w : '\u028D',
y : '\u028E',
'.' : '\u02D9',
'[' : ']',
'(' : ')',
'{' : '}',
'?' : '\u00BF', //from pne
'!' : '\u00A1',
"\'" : ',',
'<' : '>',
'_' : '\u203E',
';' : '\u061B',
'\u203F' : '\u2040',
'\u2045' : '\u2046',
'\u2234' : '\u2235',
'\r' : '\n' //thank you, Yeeliberto
}

for (i in flipTable) {
flipTable[flipTable[i]] = i
}

</script> <h1>
Flip</h1>
<form name="f">
Original: <textarea rows="5" cols="50" name="original" onkeyup="flip()"></textarea><input value="Flip" onclick="flip()" type="button">
Flipped: <textarea rows="5" cols="50" name="flipped"></textarea> </form>
<br/> <p> Widget by: <a href="http://oce-modifblog.blogspot.com">modifikasi blog</a> </p>


6.save

selanjutnya...

Sabtu, 28 Maret 2009

Membuat navigasi halaman seperti wordpress

nomer page pada blog digunakan agar navigasi lebih mudah bila dibandingkan older Post link. Script ini akan menggantikan standar blog page dengan nomor halaman navigasi seperti page nomor pada navigasi wordpress.kita dapat menyesuaikan jumlah link halaman dan jumlah posting yang ditampilkan pada setiap halaman. yang memungkinkan Anda dengan mudah mengakses ke pembaca di halaman arsip. Namun, nomor halaman tidak akan muncul pada halaman posting.banyak blog yang menggunakan nomor halaman
contohnya lihat kebawah blog ini terdapat nomer2 sebagai navigasi halaman, Untuk membuatnya ikuti langkah berikut ini
Seperti biasa, langkah awal anda masuk account Blogger dan arahkan ke Layout. Sekarang anda tuju Edit HTML.

Langkah selanjutnya, masukkan kode CSS berikut ini :


.showpageArea {padding: 0 2px;margin-bottom:10px;margin-top:10px;
}

.showpageArea a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

.showpageNum a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;

}
.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpagePoint {font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;


}

.showpage a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;}

.showpageNum a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
Taruh kode CSS tersebut persis diatas ]]></b:skin>

Kemudian anda cari kode dibawah ini atau kode yang mirip dengan template anda
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
Kalo sudah ketemu, tambahkan kode berikut ini dibawah  </b:section>

&lt;script type=&quot;text/javascript&quot;&gt;

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==&quot;.blogspot.com/&quot;;
var isLablePage = thisUrl.indexOf(&quot;/search/label/&quot;)!=-1;
var isPage = thisUrl.indexOf(&quot;/search?updated&quot;)!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.length) : &quot;&quot;;
thisLable = thisLable.indexOf(&quot;?&quot;)!=-1 ? thisLable.substr(0,thisLable.indexOf(&quot;?&quot;)) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= &#39;&#39;;
var upPageHtml =&#39;&#39;;
var downPageHtml =&#39;&#39;;


var pageCount=5;
var displayPageNum=3;
var firstPageWord = &#39;First&#39;;
var endPageWord = &#39;Last&#39;;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;



var labelHtml = &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;/search/label/&#39;+thisLable+&#39;?&amp;max-results=&#39;+pageCount+&#39;&quot;&gt;&#39;;

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=&#39;&#39;){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = &#39;/search/label/&#39;+thisLable+&#39;?updated-max=&#39;+timestamp+&#39;T00%3A00%3A00%2B08%3A00&amp;max-results=&#39;+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

}else{
if(title!=&#39;&#39;){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!=&#39;&#39;) postNum++;
htmlMap[htmlMap.length] = &#39;/search?updated-max=&#39;+timestamp+&#39;T00%3A00%3A00%2B08%3A00&amp;max-results=&#39;+pageCount;
}
}
itemCount++;
}
}

for(var p =0;p&lt; htmlMap.length;p++){
if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){
if(fFlag ==0 &amp;&amp; p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
}else{
upPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;/&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
}
}else{
upPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
}

fFlag++;
}

if(p==(thisNum-1)){
html += &#39;&amp;nbsp;&lt;span class=&quot;showpagePoint&quot;&gt;&lt;u&gt;&#39;+thisNum+&#39;&lt;/u&gt;&lt;/span&gt;&#39;;
}else{
if(p==0){
if(isLablePage){
html = labelHtml+&#39;1&lt;/a&gt;&lt;/span&gt;&#39;;
}else{
html += &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;/&quot;&gt;1&lt;/a&gt;&lt;/span&gt;&#39;;
}
}else{
html += &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ (p+1) +&#39; &lt;/a&gt;&lt;/span&gt;&#39;;
}
}

if(eFlag ==0 &amp;&amp; p == thisNum){
downPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt; &lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ downPageWord +&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
eFlag++;
}
}//end if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){
}//end for(var p =0;p&lt; htmlMap.length;p++){

if(thisNum&gt;1){
if(!isLablePage){
html = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;/&quot;&gt;&#39;+ firstPageWord +&#39; &lt;/a&gt;&lt;/span&gt;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;;
}else{
html = &#39;&#39;+labelHtml + firstPageWord +&#39; &lt;/a&gt;&lt;/span&gt;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;;
}
}

html = &#39;&lt;div class=&quot;showpageArea&quot;&gt;&lt;span style=&quot;font-size:11px;padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-color: #FFFFFF;&quot; class=&quot;showpage&quot;&gt;Page &#39;+thisNum+&#39; of &#39;+(postNum-1)+&#39;: &lt;/span&gt;&#39;+html;

if(thisNum&lt;(postNum-1)){
html += downPageHtml;
html += &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[htmlMap.length-1]+&#39;&quot;&gt; &#39;+endPageWord+&#39;&lt;/a&gt;&lt;/span&gt;&#39;;
}

if(postNum==1) postNum++;
html += &#39;&lt;/div&gt;&#39;;

if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName(&quot;pageArea&quot;);
var blogPager = document.getElementById(&quot;blog-pager&quot;);

if(postNum &lt;= 2){
html =&#39;&#39;;
}

for(var p =0;p&lt; pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&amp;&amp;pageArea.length&gt;0){
html =&#39;&#39;;
}

if(blogPager){
blogPager.innerHTML = html;
}
}

}
&lt;/script&gt;

&lt;script src=&quot;/feeds/posts/summary?alt=json-in-script&amp;callback=showpageCount&amp;max-results=99999&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;


<div style='text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;'> <a href='http://rias-techno-wizard.blogspot.com/2008/07/page-navigation-hack-for-blogger.html'>Grab this Widget ~ Blogger Accessories</a></div>

Setelah menambahkan kode ini,coba preview dulu template Anda untuk memastikan tidak ada kode kesalahan. untuk mengubah jumlah posting yang ditampilkan pada setiap halaman, dan berapa banyak link akan terlihat pada saat yang sama. Ganti angka berikut
The var pageCount = 5;
Angka 5 Menunjukan jumlah posting yang ditampilkan pada setiap halaman, Dan
var displayPageNum = 3;
Angka 3 menentukan jumlah link yang ditampilkan (misalnya: 1 - 2 - 3) bagian bawah posting. Setelah selesai dan anda yakin setelah anda preview benar,biasanya dalam preview tidak akan ada aksi jika anda mencoba mengeklik nomer page yang anda buat karena belum anda simpan,lalu simpan template, Semoga bermanfaat. Link sumber :
ndyteens.blogspot.com

selanjutnya...

Kamis, 26 Maret 2009

Buat teks bergelombang

Asal posting neh.. Bis ga da bahan.. Dimana2 dah ada.. Buat ni aja teks yg bergelobang seperti roller coaster.. Guna ga guna mgkn dapt membantu menghiasi blog dengan kreatif anda..
Contohnya :

Untuk menjadikan teks bergelobang seperti di atas, copy paste script di bawah dan ganti teks semau anda..
<script> /* Script free from Http://Oce-modifblog.blogspot.com Roller Coaster Script- By JavaScript Kit Over 200+ other free scripts here! http://javascriptkit.com */ var fs=1 var direction="right" function rollertext(whichone){ var thetext=whichone for (i=0;i<thetext.length;i++){ document.write(thetext.charAt(i).fontsize(fs)) if (fs<7&&direction=="right") fs++ else if (fs==7){ direction="left" fs-- } else if (fs==1){ direction="right" fs++ } else if (fs>1&&direction=="left") fs-- } } //Change below text to your won rollertext("Life is like a roller coaster ride. Hang on tight!") </script>
ganti teks warna merah dengan teks anda..

selanjutnya...

Sabtu, 21 Maret 2009

Membuat smiley di atas kotak komen

Dah lama ga posting lagi mikirin buat contohnya,trus juga sinyal ngadat mulu nih,waktu lihat di blog aku ada yang nanya bikin smiley/emotion pada komen tapi si pengoment tidak meninggalkan identitas,tapi ya mungkin beliau sebenernya sudah berpengalaman ketimbang saya yang mengetahui semua dari master2 blogger.. Jika ada yang tanya dan aku tau pasti aku kasih tau,kenapa nggak, bagi2 ilmu, aku juga kan dapat ilmu dari orang, nah Jika ada yang pengen buat aku kasih tau caranya.. Sekalian nambah post Jika kamu sudah mempunyai kotak komen di bawah post blogger anda,maka dapat mudah untuk memberi smiley atau ikon pada komen sebagai pengganti exspresi wajah anda,sedih,marah,ketawa dsb,yang dapat digunakan oleh orang yang komen di blog anda,jika anda belum mempunyai kotak koment banyak kok blog tutorial yang udah menjelaskan cara buat kotak komen,jika ingin menambah mempercatik dengan smiley contohnya seperti smiley kotak komen di bawah.. Untuk membuatnya ikuti langkah dibawah ini


-log in Blogger
-Layout
-Edit HTML
-Centang exspan widget
-back up jika nanti terjadi kesalahan dapat mengembalikan seperti semula
Cari code berikut ini untuk anda yang udah mempunyai kotak komen di bawah post.
<p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='comment-form'/> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <data:postCommentMsg/></a> </b:if> </b:if> </p> </b:if>
Kalo udah ketemu letakan kode emotion di bawah di antara kode ini <b:if cond='data:post.embedCommentForm'>
dan
<b:include data='post' name='comment-form'/>
Jika sudah maka akan menjadi seperti ini
<p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #eeeddf; height:86'> <b> <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :)) <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;)) <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;) <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;) <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :(( <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :) <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :( <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =(( <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/ <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-* <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :| <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-} <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)] <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x( <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-( <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x( <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =)) </b> </div> <b:include data='post' name='comment-form'/> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p> </b:if>

Jika udah selesai letakan script berikut ini dibawah </body> <script src='http://vishalgkr.googlepages.com/smiley.js' type='text/javascript'/>

Gampang to.. Semoga bermanfaat.

selanjutnya...

Selasa, 10 Maret 2009

Membuat jam digital

Hari ini waktu aku lagi buat bahan postingan aku kaget,mana mati lampu di luar ada rame2 teriak kebakaran.. Tanpa mikir panjang reflek langsung lari keluar.. Ternyata bener rumah tetangga kebakaran.. Udah pada sibuk.. Blanwir dateng pada pingsan yang punya rumah, kasian banget deh. Sekarang mau buat jam digital contohnya udah aku pasang di widget sebelah kanan atas ya begitulah kira2.. Setiap orang jika lain negara maka jam berubah menurut waktu negara itu.. Tergantung waktu wilayah x yah ya gitu lah.. Kaya jam tangan tuh modelnya.. Buatnya seperti berikut ini: Copy script di bawah ini: Seperi yang sebelumnya
-login
-tata letak
-tambah widget
-pilih javascript html
-paste kode
-trus simpan..

selanjutnya...

Selasa, 03 Maret 2009

Membuat kalender highlight pake script

Buat kalender seperti di bawah ini Mempunyai efek warna pada tanggal yah pokokny seperti di bawah ini,aku ga begitu banyak nerangin,bisa liat contohnya langsung.soalnya aku ga pandai nerangin sih he2. Tenang code disini gratis ga pake bayar..


caranya

Copy code script dibawah -login blogger -tata letak -tambah html javascript -paste code -simpan Codenya:

<center> <script LANGUAGE="JavaScript"> <!-- script free from http://oce-modifblog.blogspot.com--> <!--Powered javascript code by WWW.javakhafan.7p.COM ????? ?????--> <!-- Begin monthnames = new Array( "January", "Februrary", "March", "April", "May", "June", "July", "August", "September", "October", "November", "Decemeber"); var linkcount=0; function addlink(month, day, href) { var entry = new Array(3); entry[0] = month; entry[1] = day; entry[2] = href; this[linkcount++] = entry; } Array.prototype.addlink = addlink; linkdays = new Array(); monthdays = new Array(12); monthdays[0]=31; monthdays[1]=28; monthdays[2]=31; monthdays[3]=30; monthdays[4]=31; monthdays[5]=30; monthdays[6]=31; monthdays[7]=31; monthdays[8]=30; monthdays[9]=31; monthdays[10]=30; monthdays[11]=31; todayDate=new Date(); thisday=todayDate.getDay(); thismonth=todayDate.getMonth(); thisdate=todayDate.getDate(); thisyear=todayDate.getYear(); thisyear = thisyear % 100; thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear)); if (((thisyear % 4 == 0) && !(thisyear % 100 == 0)) ||(thisyear % 400 == 0)) monthdays[1]++; startspaces=thisdate; while (startspaces > 7) startspaces-=7; startspaces = thisday - startspaces + 1; if (startspaces < 0) startspaces+=7; document.write("<table border=2 bgcolor=white "); document.write("bordercolor=black><font color=black>"); document.write("<tr><td colspan=7><center><strong>" + monthnames[thismonth] + " " + thisyear + "</strong></center></font></td></tr>"); document.write("<tr>"); document.write("<td align=center>Su</td>"); document.write("<td align=center>M</td>"); document.write("<td align=center>Tu</td>"); document.write("<td align=center>W</td>"); document.write("<td align=center>Th</td>"); document.write("<td align=center>F</td>"); document.write("<td align=center>Sa</td>"); document.write("</tr>"); document.write("<tr>"); for (s=0;s<startspaces;s++) { document.write("<td> </td>"); } count=1; while (count <= monthdays[thismonth]) { for (b = startspaces;b<7;b++) { linktrue=false; document.write("<td>"); for (c=0;c<linkdays.length;c++) { if (linkdays[c] != null) { if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) { document.write("<a href=\"" + linkdays[c][2] + "\">"); linktrue=true; } } } if (count==thisdate) { document.write("<font color='FF0000'><strong>"); } if (count <= monthdays[thismonth]) { document.write(count); } else { document.write(" "); } if (count==thisdate) { document.write("</strong></font>"); } if (linktrue) document.write("</a>"); document.write("</td>"); count++; } document.write("</tr>"); document.write("<tr>"); startspaces=0; } document.write("</table></p>"); // End --> </script> </center>

selanjutnya...

Selasa, 24 Februari 2009

Menu mouse over zoom text

Dah lama ga posting ga ol,langsung down deh semua folow pada cabut ga apa apa deh,Langsung aja deh menu berikut adalah menu yang bila cursor mouse kita di atasnya maka huruf menu akan jadi besar tapi dengan penataan yang keren.. Berikut contohnya..
seperti biasa code2 disini gratis kq tinggal copas aja..maaf karena saya hanya memberi bahan saja,masalah merakit jadi sebuah web tanyakan pada ahlinya.. Tapi Jangan lupa commentnya. Ditunggu.. Ni codenya scriptny:

<style type="text/css"> html { overflow: hidden; } body { background: #222; } #menu { padding: 10px; background: #000; height: 300px; width: 400px; } #menu a { display:block; text-decoration:none; font-family: arial, helvetica, verdana, sans-serif; white-space: nowrap; } </style> <script type="text/javascript"><!-- // =============================================================== // -------- M6 menu ------ // script written by Gerard Ferrandez - Ge-1-doot - December 2005 // http://www.dhteumeuleu.com //this free from http://oce-modifblog.blogspot.com // =============================================================== // var P,T; var over = -1; /////////////// var fontSize = 38; var lensFX = 1; var num = true; var color = "#FFF"; var selected = "#F80"; /////////////// function zoom(s){ if(s!=over){ over = s; for(var i=0;i<T;i++){ P[i].style.fontSize=Math.floor(fontSize / (Math.abs(i - s) + lensFX) + 3)+"px"; P[i].style.color=(i==s)?selected:color; } } } onload = function(){ P = document.getElementById("menu").getElementsByTagName("a"); T = P.length; for (var i=0;i<T;i++){ if(num){ x=i+"."; if(x.length<3)x="0"+x; P[i].innerHTML = x+P[i].innerHTML; } P[i].style.width = "100%"; P[i].onmouseover=new Function("zoom("+i+");"); } zoom(0); } //--> </script> </head> <body> <div id="menu"> <a href="../scripting">scripting</a> <a href="../javascript">javascript</a> <a href="../web">web</a> <a href="../dhtml">dhtml</a> <a href="/css">css</a> <a href="../ajax">ajax</a> <a href="../programming">programming</a> <a href="../design">design</a> <a href="../webdesign">webdesign</a> <a href="../html">html</a> <a href="../dom">dom</a> <a href="../webdev">webdev</a> <a href="../reference">reference</a> <a href="../tools">tools</a> <a href="../tutorial">tutorial</a> <a href="../xmlhttprequest">xmlhttprequest</a> <a href="/menu">menu</a> <a href=".../xml">xml</a> <a href=".../library">library</a> <a href="../development">development</a> </div> </body> </html>

selanjutnya...