All post

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