Mempercantik Blog Dengan Javascript

Mempercantik Blog Dengan Javascript

Yupss, nih dia artikel saya yang kedua mencoba untuk meramaikan kontesnya saudara Fajar sebelumnya saya ucapin makasih kepada yang punya hajat atas dimuatnya artikel saya ini, sesuai dengan judul diatas artikel saya kali bertujuan untuk menjadikan blog kita baik blogspot atau wordpress selangkah lebih cantik dengan fungsi-fungsi javascript yang kita tanam dan bagi yang awam dengan apa yang namanya javascript untuk lebih lengkapnya silahkan baca disini (http://id.wikipedia.org/wiki/JavaScript) teknik ini sudah saya coba di kedua engine yang berbeda yaitu blogspot dan wordpress versi 2.7 bagi yang menggunakan wordpress versi dibawah itu silahkan dicoba insya Allah trik ini masih bisa dipakai dan saya sangat menyarankan pakailah mozilla firefox untuk browsernya.

download source disini

1. Memasukan Welcome alert dan goodbye alert
Trik yang pertama ini menjadikan blog kita ketika dibuka atau di tutup akan muncul pop up berisi komen. Caranya sangat gampang sekali untuk di WordPress silahkan masuk “Dashboard” kemudian pilih “widget”, buat “text” baru atau bisa juga digabung dengan “text” yang sudah ada dikarenakan trik ini berbentuk script sehinggan nantinya tidak akan ada penambahan di widget kita. Bagi yang menggunakan blogspot sebagai enginenya silahkan masuk ke “Dashboard” pilih “Layout” terus pilih “page element” untuk diblogspot saya juga sarankan trik ini di gabung aja dengan “gadget” yang lain, Nah script yang kita masukan untuk di “text” (wordpress) dan “gadget” untuk di blogspot adalah ini :

<script type=”text/javascript”>
<!– created : nyubi | Welcome Alert –>
alert(“Selamat datang diblognya nyubi, moga bermanfaat”)
<!– created : nyubi | Goodbye Alert –>
function goodBye(){
alert(“Terima kasih sudah mau mampir, take care”)
}
window.onunload=goodBye
</script>

Untuk kalimat ini “Selamat datang diblognya nyubi, moga bermanfaat” dan “Terima kasih sudah mau mampir, take care” silahkan di ganti sesuka hati tapi awas double kutipnya jangan sampai hilang karena hilang salah satu variabel aja maka script diatas tidak akan berjalan.

2. Mengganti Fav Icon
Fav icon itu lambang atau simbol yang ada di adress bar dengan trik ini kita bisa merubah icon blogspot dan wordpress dengan icon yang berbeda sesuai dengan keinginan kita. Penempatan script ini sama dengan script welcome dan goodbye alert diatas :

<script type=”text/javascript”>
<!– created : nyubi | Change Fav Icon –>
var shortc = document.createElement(“link”);
shortc.rel = “SHORTCUT ICON”;
shortc.href = “http://www.fileden.com/files/2008/3/15/1816525/MerahPutih.gif”;
document.getElementsByTagName(“head”)[0].appendChild(shortc);
</script>

Untuk url icon-nya yaitu yang ini http://www.fileden.com/files/2008/3/15/1816525/MerahPutih.gif, silahkan diganti sesuka hati atau kalau mau pakai icon bendara merah putih punya saya juga boleh koq, biar lebih nasionalis. Mungkin bagi sebagian blogger masih kebingungan bagaimana mengganti URL icon diatas dengan icon pilihan sendiri cara paling termudah icon pilihan kita di upload aza di site ini (http://www.tinypic.com) tidak perlu register dan kita langsung bisa mengambil URL-nya.