Modifikasi blog

Menghitung kecocokan hubungan dengan javascript kalkulator

2009-10-27T00:48:00.003+07:00

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

Love Calculator
Javascript

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">


</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>

Membuat Bubble tooltip di dalam posting

2009-07-20T01:43:00.002+07:00

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 disini

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(http://4.bp.blogspot.com/_camK6MacbVQ/SmNbRIxiTxI/AAAAAAAAAOc/zjNMwrdyd80/s320/bubble-712378.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
display: block;
padding: 0 8px;
background: url(http://1.bp.blogspot.com/_camK6MacbVQ/SmNbQ-VEh2I/AAAAAAAAAOU/qiVSMin-U6k/s320/bubble_filler-711451.gif) repeat bottom;
}
a.tt:hover span.bottom{
display: block;
padding:3px 8px 10px;
color: #548912;
background: url(http://4.bp.blogspot.com/_camK6MacbVQ/SmNbRIxiTxI/AAAAAAAAAOc/zjNMwrdyd80/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>

Cara gratis menambah PR dan backlink

2009-07-04T21:50:00.005+07:00

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.

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

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 ).
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. <ol> <li><a href="http://www.bengkelcantik.blogspot.com/">Tips dan trik menjadi cantik : Bengkelcantik</a></li> <li><a href="http://www.pabriktopi.blogspot.com/">Segala hal tentang trend, tips topi : Pabrik topi</a></li> <li><a href="http://www.bayipertama.blogspot.com/">Cara merawat bayi mulai lahir : bayipertama</a></li> <li><a href="http://www.barumenikah.blogspot.com/">Menjaga pernikahan tetap harmonis : barumenikah</a></li> <li><a href="http://www.invest77.com/">Invest77.com : Investasi kerjasama bagi hasil</a></li> <li><a href="http://www.pabrikweb.blogspot.com/">Buat web cuma Rp.50 ribu murah dan berkualitas</a></li> <li><a href="http://www.brokerlink.info/">Brokerlink.info : Jual / Beli Link (mulai Rp.2000)</a></li> <li><a href="http://zona-usaha.blogspot.com/">Zona Usaha Online</a></li> <li><a href="http://eko-wijayanto.blogspot.com/">belajar cari tau : nambah ilmu cari tau semua</a></li> <li><a href="http://oce-modifblog.blogspot.com/">modifikasi blog: belajar modif dengan script</a></li> </ol>

Javascript untuk menampikan tanggal

2009-06-27T07:51:00.001+07:00

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

Script tngal bahasa inggris contohnya dibawah ini

Script tangalan bahasa jawa contohnya dibawah ini

Script tnggalan hijryah contohnya dibawah ini

Script tanggalan jawa contohnya dibawah ini

memampilkan jumlah kunjungan dengan javascript alert

2009-06-04T23:44:00.000+07:00

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

Copy script diatas dan letakan di elemen halaman

Membuat ayat tapil di blog

2009-05-26T21:33:00.002+07:00

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

Untuk menampilkan

login blogger
tambah elemen
pilih javascript/html

copy script diatas dan paste

Hujan teks generator

2009-05-18T21:54:00.003+07:00

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

Membuat table comments link

2009-05-09T00:09:00.002+07:00

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:

log in dasboard blogger anda
lalu ke tata letak trus edit html template
centang ekspan widget
backup template agar jika ada kesalahan dapat di kembalikan seperti semula
setelah itu kita mulai mengropek tempelate

cari code atau yang mirip code di bawah ini pada tempelate anda

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

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

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..

Membuat navigasi back forward

2009-05-03T13:19:00.000+07:00

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

untuk navigasi fordward berikut scripnya

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

meletakanya bisa anda tentukan sendiri

Meta marker

2009-04-23T22:53:00.000+07:00

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.

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

Dapet award pertama selanjutnya diteruskan

2009-04-19T21:05:00.009+07:00

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:

Fobulus award
Ilove your blog award
Vespa blogger friensip award
Friendly blogger 2009 award
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

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

hqjava.com

mengulas tentang game dan aplikasi java

info-lowongan-kerja-kalteng.blogspot.com

mengulas tentang lowongan kerja di kalteng

myuliawan.blogspot.com

mengulas tentang kimia

untuk yang blognya saya sebutin di atas silahkan ambil award dibawah

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

Membuat background textarea dengan efek mouse over

2009-04-15T23:48:00.002+07:00

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:

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..

Title animasi title muncul satu persatu

2009-04-13T21:54:00.001+07:00

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>

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

Membuat teks terbalik

2009-04-01T08:10:00.006+07:00

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

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

Membuat navigasi halaman seperti wordpress

2009-03-28T23:24:00.001+07:00

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>

<script type="text/javascript">

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

var pageCount=5;
var displayPageNum=3;
var firstPageWord = 'First';
var endPageWord = 'Last';
var upPageWord ='Previous';
var downPageWord ='Next';

var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

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!=''){
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] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

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

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

for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}

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

if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
}

if(postNum==1) postNum++;
html += '</div>';

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

if(postNum <= 2){
html ='';
}

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

if(pageArea&&pageArea.length>0){
html ='';
}

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

}
</script>

<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>

<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

Buat teks bergelombang

2009-03-26T22:17:00.000+07:00

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..

Membuat smiley di atas kotak komen

2009-03-21T07:22:00.005+07:00

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.

Membuat jam digital

2009-03-10T01:09:00.003+07:00

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..

<center><p>
<script language="JavaScript">
/*code from http://rainbow.arch.scriptmania.com*/
/*this free from http://oce-modifblog.blogspot.com*/

<!-- 
    
    var Temp;
    setClock();

function setClock() {

//var OpenImg = ''
   Temp = ""
   now = new Date();
   var CurHour = now.getHours();
   var CurMinute = now.getMinutes();
   now = null;
   if (CurHour >= 12) {
      CurHour = CurHour - 12;
      Ampm = "pm";
   } else
      Ampm = "am";
   if (CurHour == 0)
      CurHour = "12"
   if (CurMinute < 10) 
      CurMinute = "0" + CurMinute
   else
      CurMinute = "" + CurMinute
   CurHour = ""+CurHour;
   for (Count = 0; Count < CurHour.length; Count++) {
      Temp+=OpenImg+CurHour.substring (Count, Count+1)+CloseImg}
   Temp+=OpenImg+"c"+'.gif" HEIGHT=21 WIDTH=9>'
   for (Count = 0; Count < CurMinute.length; Count++){
      Temp+=OpenImg+CurMinute.substring(Count,Count+1)+CloseImg}
   Temp += OpenImg + Ampm + CloseImg
    }

function pathOnly (InString)  {
   LastSlash=InString.lastIndexOf ('/', InString.length-1)
   OutString=InString.substring  (0, LastSlash+1)
   return (OutString);   
    }
    //-->
  </script>

Membuat kalender highlight pake script

2009-03-03T00:17:00.001+07:00

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> </center>

Menu mouse over zoom text

2009-02-24T23:26:00.002+07:00

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:

Text zoom over mouse

2009-02-16T09:36:00.000+07:00

Buat zom text seperti dibawah ini

Codenya di bawah ini <html> <head> <style type="text/css"> body {margin:0; padding:0; position:absolute; overflow:hidden; background:#000; left:0; top:0; width:100%; height:100%; font-size: 12px; font-family: arial; font-weight: normal; color: #666; } .word { cursor: pointer; color: #666; position: absolute; z-index: 1; } .word_over { cursor: pointer; color: #FFF; position: absolute; z-index: 1; } .word_zoom { position: absolute; font-weight: bold; z-index: 0; } </style> <script type="text/javascript"> </script> </head> <body> <div style="position:absolute;left:50%;top:50%"> <div id="sp" style="position:absolute;width:300;height:240;left:-150;top:-120;overflow:hidden;background:#111;cursor:pointer"> </div> </div> </body></html>
warna biru adalah text yang akan muncul

Shake window screen

2009-01-23T00:56:00.001+07:00

Screen Shake
ini adalah contoh shake window tekan tobol shake screen sebagai contoh

INSTALLATION INSTRUCTIONS

COPY

- masukan code pada tags head : <HEAD></HEAD>

COPY - masukan code pada Body: <BODY></BODY>

Text efek generator

2009-01-21T23:03:00.001+07:00

Iframe generator

2009-01-11T14:49:00.007+07:00

Iframe Generator

Iframe Name:
Initial URL:
Width:
Height:
Border:
Scrolling:

Iframe Code:

kalo udah di isi semua lalu tekan tombol generate code,lalu akan terdapat code lalu copy code tersbut

Membuat menu dtree

2009-01-10T21:18:00.002+07:00

Membuat menu dtree atau menu drop seperti di bawah ini

Navigation

Open For All | Close For All

caranya:

copy script di bawah ini

<h3>Navigation</h3> <ul>  <div style="text-align:left;padding-left:10px"> <style type="text/css"> /*--------------------------------------------------| | dTree 2.05 | www.destroydrop.com/javascript/tree/ | |---------------------------------------------------| | Copyright (c) 2002-2003 Geir Landr? | |--------------------------------------------------*/ .dtree { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #666; white-space: nowrap; padding: 6px; padding-left: 5px; }.dtree img { border: 0px; vertical-align: middle; }.dtree a { color: #333; text-decoration: none; }.dtree a.node,.dtree a.nodeSel { white-space: nowrap; padding: 1px 2px 1px 2px; }.dtree a.node:hover,.dtree a.nodeSel:hover { color: #000; text-decoration: underline; }.dtree a.nodeSel { background-color: #c0d2ec; }.dtree.clip { overflow: hidden; } .siteMapLink{ border: 1px dashed #aaa; background-color: #FFFFFF; padding: 4px; }.siteMapLink:hover{ border: 1px solid #aaa; background-color: #FFFFFF; padding: 4px; text-decoration: none; } </style> <script type="text/javascript" src="http://www.geocities.com/once179/sitemap/dtree.js" ></script > <div class="dtree" style="background-color: rgb(FF, FF, FF); padding-top: 10px; width: 200px;"> <a href="javascript: d.openAll();" class="dtree"><b>Open For All</b></a> | <a href="javascript: d.closeAll();" class="dtree"><b>Close For All</b></a><br> <br/> <script type="text/javascript">  </script> </div> </div> </ul>  <br/>

ganti link yang di beri warna dengan link kamu.. Peace!

Zoom image dengan FancyZoom

2009-01-07T17:44:00.004+07:00

Kali ini membuat zoom gambar lagi,Sama seperti posting zoom image sebelumnya tapi yang sebelumnya onmouseover zoom image, kali on klik zoom image, Skala gambar otomatis akan membesar jika kita klik gambar,zoom ini juga menggunakan efek bayangan

liat contohnya di
www.cable.name, kang rohman

caranya

karena file scriptnya panjang download fancyzom.zip dibawah ini.. :

Instructions

Installing FancyZoom on your web pages .

Download the FancyZoom package, right here:

FancyZoom.zip (77,24 KB)

Jika sudah di download, silahkan di ekstrak terlebih dahulu dengan memakai software ekstraktor seperti winzip atau winrar. Nanti akan terdapat dua file script java :

Nanti akan ada file javascript yang nama nya : FancyZoom.js dan FancyZoomHTML.js.

Didalamnya fancyzoo.zip tadi juga ada folder images,didalam folder tersebut terdapat beberapa images yang berfungsi sebagai efek untuk fancyzoom.. Tetapi agar efek dapat bekerja kamu harus edit kedua script tersebut

contoh km upload gambar di
yahoo geocities
username nya eko editny menjadi seperti ini:

pada js
fancyzoom.js
cari tulisan
images/
kalo udah ketemu ganti dengan induk alamat hosting gambar contohnya

http://www.geocities.com/eko/

yang jelas itu adalah alamat gambar itu berkumpul tapi jika ada mengelopokan didalam folder images pada web yang di masukan jadi seperti ini

http://www.geocities.com/eko/images/

selanjutnya lalu edit script fancyzoomHTML.js
Yang dilakukan adalah mengedit alamat gambar sesuai nama gambar,

jika sudah selesai simpan file js

Tugas anda selanjutnya adalah mengupload file java tersebut ke server tempat anda biasa menyimpan file javascript, misalkan ke yahoo geocities atau yang lainnya. Setelah di upload, kemudian copy kedua alamat file tersebut, misalkan anda sudah mempunyai alamat sebagai berikut saya mempunyai username eko di yahoo geocities alamatnya dan kodenya menjadi:

http://www.geocities.com/eko/FancyZoom.js

http://www.geocities.com/eko/FancyZoomHTML.js

Dari alamat tersebut, kodenya jadi seperti ini :

<script src='http://www.geocities.com/eko/FancyZoom.js' type='text/javascript'></script>
<script src='http://www.geocities.com/eko/FancyZoomHTML.js' type='text/javascript'></script>

Kemudian masukan kode tersebut di atas kode </head> di dalam template blog anda Lengkapnya seperti berikut :

login ke blogger yang pastinya
Klik Tata Letak.
Klik tab Edit HTML.
nah kalo km takut terjadi yang kagak2,dari pada bingung,Klik tulisan Download template Lengkap. Agar mudah mengembalikan template seperti semula
Cari kode </head>

lalu paste yang kode

<script src='http://www.geocities.com/eko/



FancyZoom.js' type='text/javascript'></script>
<script src='http://www.geocities.com/eko/FancyZoomHTML.js' type='text/javascript'></script>

yang telah diganti alamat kamu karena alamat diatas hanya contoh, paste di atas kode </head>.

selanjutnya lalu cari code kode ini <body>
Hapus kode <body> lalu ganti dengan kode :

<body onload="setupZoom()">
lalu SIMPAN TEMPLATE.

Lalu format penulisan gambar pada postingan seperti berikut ini

Atau sebagai contoh lengkap dengan alamat gambar seperti berikut ini


<a href="http://www.cabel.name/images-post/2008/02/mwsf-2.jpg"><img src="http://www.cabel.name/images-post/2008/02/mwsf-2.jpg" width="161" height="123" border="0" alt="" id="img-mwsf-2" class="photo" /></a>

agar dapat efek zoom tentunya ukuran gambar harus tampil lebih kecil dari yang sebenarnya,agar gambar yang tampil bisa menjadi berukuran lebih kecil daripada ukuran aslinya yaitu Kode width="161" height="123" ganti menurut keinginan km.

script from :

www.fancyzoo.com

Membuat text kelap kelip

2009-01-02T10:28:00.003+07:00

Membuat text jadi kelap kelip seperti pelangi,biasanya hanya link yang bisa kelap kelip,text jg bisa kelap kelipnya contohnya seperti berikut ini,

pelangi pelangi alangkah indahmu,merah kuning hijau,dilangit yang biru,pelukismu agung,siapa gerangan,pelangi pelangi ciptaan tuhan..

yang ini teks pelangi bawah perpisahan yang menjadi batas tengah teks pelangi oce.modifblog.blogspot.com

scriptnya seperti ini: Copy script berikut ini pada head
<script type="text/javascript">  </script>
Jika script terlalu panjang simpan aja script berwarna biru diatas dalam format pelangi.js lalu upload lalu yang di letakan di atas </head> jadi seperti ini
<script src='http://.../pelangi.js' type='text/javascript'></script>

Penulisan textnya pada <body> seperti ini:

Pelangi atas seperti ini
<div align="center"> <p id="r1">pelangi pelangi alangkah indahmu,merah kuning hijau,dilangit yang biru,pelukismu agung,siapa gerangan,pelangi pelangi ciptaan tuhan..</p> </div> <script type="text/javascript"> var r1=document.getElementById("r1"); //get span to apply rainbow var myRainbowSpan=new RainbowSpan(r1, 0, 360, 255, 50, 18); //apply static rainbow effect myRainbowSpan.timer=window.setInterval("myRainbowSpan.moveRainbow()", myRainbowSpan.speed); </script>

pelangi bawah seperti berikut ini:
<div align="center"> <p id="r2">yang ini teks pelangi bawah perpisahan yang menjadi batas tengah <a href='http://oce-modifblog.blogspot.com'>oce.modifblog.blogspot.com</a></p> </div> <script type="text/javascript"> var r2=document.getElementById("r2"); //get span to apply rainbow var myRainbowSpan2=new RainbowSpan(r2, 0, 360, 255, 50, 348); //apply static rainbow effect myRainbowSpan2.timer=window.setInterval("myRainbowSpan2.moveRainbow()", myRainbowSpan2.speed); </script>

Membuat kamus trlanslasi pribadi

2008-12-31T18:38:00.004+07:00

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> </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;'>»</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

Zoom image

2008-12-27T23:53:00.005+07:00

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

Membuat text seperti lampu berjalan

2008-12-20T04:03:00.008+07:00

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..
    <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..

Membuat read more yang simple

2008-12-15T19:34:00.003+07:00

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...

Membuat highlight efek link

2008-12-14T14:21:00.007+07:00

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>

Meningkatkan seo blog

2008-12-12T22:41:00.007+07:00

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

Translate bahasa

2008-12-10T00:56:00.002+07:00

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>

Membuat gambar kelap kelip dengan script slidesow

2008-12-07T22:46:00.021+07:00

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">  </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>  </script> Warna biru adalah tempat letak gambar

Alert massage

2008-12-06T19:31:00.003+07:00

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

Random backgroun color

2008-12-05T14:59:00.004+07:00

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>

Color chart picker

2008-12-04T23:27:00.011+07:00

This free script provided by
JavaScript Kit

Membuat menu pulldown

2008-12-04T19:28:00.001+07:00

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>

Membuat pertanyaan konfirmasi

2008-12-02T21:32:00.001+07:00

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

Membuat link berkelap kelip/rainbow

2008-11-29T08:52:00.001+07:00

Ini salah satu script untuk mempercantik blog.. Kl mouse berada di link, link akan berubah2 warna.. Copy scrpt berikut lalu simpan dalam format nama rainbow.js.Lalu upload ke hosting km.. Letakan lettakan

'<script src="alamat rainbow.js"></script>'
pada body html,.

/************************************************************************/ /* Rainbow Links Version 1.03 (2003.9.20) */ /* Script updated by Dynamicdrive.com for IE6 */ /* Copyright (C) 1999-2001 TAKANASHI Mizuki */ /* takanasi@hamal.freemail.ne.jp */ /*----------------------------------------------------------------------*/ /* Read it somehow even if my English text is a little wrong! ;-) */ /* */ /* Usage: */ /* Insert '<script src="rainbow.js"></script>' into the BODY section, */ /* right after the BODY tag itself, before anything else. */ /* You don't need to add "onMouseover" and "onMouseout" attributes!! */ /* */ /* If you'd like to add effect to other texts(not link texts), then */ /* add 'onmouseover="doRainbow(this);"' and */ /* 'onmouseout="stopRainbow();"' to the target tags. */ /* */ /* This Script works with IE4,Netscape6,Mozilla browser and above only, */ /* but no error occurs on other browsers. */ /************************************************************************/ //////////////////////////////////////////////////////////////////// // Setting var rate = 20; // Increase amount(The degree of the transmutation) //////////////////////////////////////////////////////////////////// // Main routine if (document.getElementById) window.onerror=new Function("return true") var objActive; // The object which event occured in var act = 0; // Flag during the action var elmH = 0; // Hue var elmS = 128; // Saturation var elmV = 255; // Value var clrOrg; // A color before the change var TimerID; // Timer ID if (document.all) { document.onmouseover = doRainbowAnchor; document.onmouseout = stopRainbowAnchor; } else if (document.getElementById) { document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT); document.onmouseover = Mozilla_doRainbowAnchor; document.onmouseout = Mozilla_stopRainbowAnchor; } //============================================================================= // doRainbow // This function begins to change a color. //============================================================================= function doRainbow(obj) { if (act == 0) { act = 1; if (obj) objActive = obj; else objActive = event.srcElement; clrOrg = objActive.style.color; TimerID = setInterval("ChangeColor()",100); } } //============================================================================= // stopRainbow // This function stops to change a color. //============================================================================= function stopRainbow() { if (act) { objActive.style.color = clrOrg; clearInterval(TimerID); act = 0; } } //============================================================================= // doRainbowAnchor // This function begins to change a color. (of a anchor, automatically) //============================================================================= function doRainbowAnchor() { if (act == 0) { var obj = event.srcElement; while (obj.tagName != 'A' && obj.tagName != 'BODY') { obj = obj.parentElement; if (obj.tagName == 'A' || obj.tagName == 'BODY') break; } if (obj.tagName == 'A' && obj.href != '') { objActive = obj; act = 1; clrOrg = objActive.style.color; TimerID = setInterval("ChangeColor()",100); } } } //============================================================================= // stopRainbowAnchor // This function stops to change a color. (of a anchor, automatically) //============================================================================= function stopRainbowAnchor() { if (act) { if (objActive.tagName == 'A') { objActive.style.color = clrOrg; clearInterval(TimerID); act = 0; } } } //============================================================================= // Mozilla_doRainbowAnchor(for Netscape6 and Mozilla browser) // This function begins to change a color. (of a anchor, automatically) //============================================================================= function Mozilla_doRainbowAnchor(e) { if (act == 0) { obj = e.target; while (obj.nodeName != 'A' && obj.nodeName != 'BODY') { obj = obj.parentNode; if (obj.nodeName == 'A' || obj.nodeName == 'BODY') break; } if (obj.nodeName == 'A' && obj.href != '') { objActive = obj; act = 1; clrOrg = obj.style.color; TimerID = setInterval("ChangeColor()",100); } } } //============================================================================= // Mozilla_stopRainbowAnchor(for Netscape6 and Mozilla browser) // This function stops to change a color. (of a anchor, automatically) //============================================================================= function Mozilla_stopRainbowAnchor(e) { if (act) { if (objActive.nodeName == 'A') { objActive.style.color = clrOrg; clearInterval(TimerID); act = 0; } } } //============================================================================= // Change Color // This function changes a color actually. //============================================================================= function ChangeColor() { objActive.style.color = makeColor(); } //============================================================================= // makeColor // This function makes rainbow colors. //============================================================================= function makeColor() { // Don't you think Color Gamut to look like Rainbow? // HSVtoRGB if (elmS == 0) { elmR = elmV; elmG = elmV; elmB = elmV; } else { t1 = elmV; t2 = (255 - elmS) * elmV / 255; t3 = elmH % 60; t3 = (t1 - t2) * t3 / 60; if (elmH < 60) { elmR = t1; elmB = t2; elmG = t2 + t3; } else if (elmH < 120) { elmG = t1; elmB = t2; elmR = t1 - t3; } else if (elmH < 180) { elmG = t1; elmR = t2; elmB = t2 + t3; } else if (elmH < 240) { elmB = t1; elmR = t2; elmG = t1 - t3; } else if (elmH < 300) { elmB = t1; elmG = t2; elmR = t2 + t3; } else if (elmH < 360) { elmR = t1; elmG = t2; elmB = t1 - t3; } else { elmR = 0; elmG = 0; elmB = 0; } } elmR = Math.floor(elmR).toString(16); elmG = Math.floor(elmG).toString(16); elmB = Math.floor(elmB).toString(16); if (elmR.length == 1) elmR = "0" + elmR; if (elmG.length == 1) elmG = "0" + elmG; if (elmB.length == 1) elmB = "0" + elmB; elmH = elmH + rate; if (elmH >= 360) elmH = 0; return '#' + elmR + elmG + elmB; }

Shake window

2008-11-27T23:46:00.000+07:00

Jika mengeklik kanan bisa gempa Letakan cript berikut pada body <SCRIPT language=JavaScript>  </SCRIPT>

Membuat gambar Gambar yang mengikuti scroll mouse..

2008-11-20T02:49:00.001+07:00

Berikut ini adalah cara yg jitu buat beriklan ria.. Karena dengan script ini gambar akan mengikuti cursor kemanapun dia pergi,jadi kayak anak ayam yang enggak mau ketinggalan induknya <html> <head> <script> if (!document.layers) document.write('<div id="divStayTopright" style="position:absolute">') </script> </head> <body> <layer id="divStayTopright">  <table border="0" width="130" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://kendhin.890m.com/soniclari.gif"></td> </tr> </table>  </layer> <script type="text/javascript"> /* Floating Menu script- Roy Whittle (http://www.javascript-fx.com/) Script featured on/available at http://www.dynamicdrive.com/ This notice must stay intact for use */ //Enter "frombottom" or "fromtop" var verticalpos="fromtop" if (!document.layers) document.write('</div>') function JSFX_FloatTopDiv() { var startX = 0, startY = 0; var ns = (navigator.appName.indexOf("Netscape") != -1); var d = document; function ml(id) { var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id]; if(d.layers)el.style=el; el.sP=function(x,y){this.style.right=x;this.style.top=y;}; el.x = startX; if (verticalpos=="fromtop") el.y = startY; else{ el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight; el.y -= startY; } return el; } window.stayTopright=function() { if (verticalpos=="fromtop"){ var pY = ns ? pageYOffset : document.body.scrollTop; ftlObj.y += (pY + startY - ftlObj.y)/8; } else{ var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight; ftlObj.y += (pY - startY - ftlObj.y)/8; } ftlObj.sP(ftlObj.x, ftlObj.y); setTimeout("stayTopright()", 10); } ftlObj = ml("divStayTopright"); stayTopright(); } JSFX_FloatTopDiv(); </script> </body> </html>

Menubah script agar tidak di terjemahkan dalam postingan

2008-11-18T01:03:00.001+07:00

Jika kita mau posting sebuah code script pasti akan kesusahan jika kita letakan code scipt di dalam posting begitu aja.. Tentu ada cara supaya script tersebut tidak berjalan dalam perintahnya dan menjadi teks biasa Mungkin ini bisa membantu yg pertama yaitu menggunakan textarea.. Dengan textarea script akan muncul sebagai text <form> <textarea rows="6" cols="20"> letakan code script disini</textarea> </form> Cara laen yaitu mengubah code2 yang membuat script berjalan dalam postingan yaitu contoh, jika kita menuliskan kode <body> karena bila di tulis biasa didalam postingan akan berjalan atau diterjemahkan kedalam bahasa HTML.jadi harus mengganti code2 dengan code pengganti <body>, maka harus ditulis dalam postingan yaitu seperti ini <body>. Berikut adalah Code pengganti script

Kode	Kode Pengganti
<	<
>	>
"	"

Atau gunakan convert html centricle.com dibawah ini

Encode / Decode HTML Entities

Link sumber: trik-tips.blogspot.com

Script kembang api

2008-11-17T03:14:00.001+07:00

membuat script kembang api Sebaikny diasang pada sidebar blog, seperti biasanya dengan langkah sebagai berikut. * Masuk ke http://blogger.com hingga memasuki Panel Kontrol * Klik Tata Letak (layout) * Kemudian Tambahkan Gadget * Kemudian Tambahkan HTML/Javascript * Kemudian letakan script di bawah <script src=" http://h1.ripway.co m/marine/efekkembangapi.js" type="text/javascript"> /*************************** ******************** * Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/ * Please keep this notice intact **************************** *******************/ </script> * lalu Simpan * lalu lihat blog anda Link sumber: yasin-marnie.blogspot.com

Script burung terbang

2008-11-17T02:56:00.003+07:00

Script burung terbang Caranya seperti berikut ini. Tempatkan script di bawah pada sidebar blog Anda,dengan langkah-langkah sebagai berikut. * Login ke http://blogger.com hingga masuk Panel Kontrol * Klik Tata Letak (layout) * Klik Tambah Gadget * Tambahkan HTML/Javascript * Paste script seperti ini <script language="JavaScript1.2" src="http://h1.ripway.com/mari ne/burung.js"> /*************************** ******************** *Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/ *Please keep this notice intact **************************** *******************/ </script> * Kemudian Simpan * lalu liat di blog anda

Bikin salju warna warni di blog

2008-11-17T01:34:00.001+07:00

Mau blog kamu di penuhi salju apa lagi saljunya warna warni caranya : 1. Login ke Blogger 2. Lalu pilih Layout/Tata Letak -- > Edit HTML 3. Cari Kode Kalo dah Ketemu CopyPaste kode/Script efek salju di bawahnya, Merah

Kuning

Ungu

Biru Tua

Biru Muda

Pink

Coklat

Hijau Muda

Hijau Tua

Putih

Hitam

Tapi jika meletakan lebih dari 1script hanya akan menampilkan 1 warna saja yaitu script yang paling atas saja. Link sumber: http//yasin-marine.blogspot.com

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

Alert Box
Alert Message: