15 March 2022

Menampilkan Widget Hantu Melayang

Menampilkan Widget Hantu Melayang

Pernah melihat hantu? Ayo dimana? Apa di video Youtube, atau di film-film. Ya tentu saja hantu tidak berkutat pada media digital tersebut, tapi dimana tempat pun ada.

Bahkan seringnya hantu ada di pohon-pohon besar dan keramat. Dan juga di tempat atau rumah kosong tanpa penghuni serta kuburan. Disitulah para hantu bermunculan mengganggu manusia yang kebetulan melewatinya.

Baca Juga : Efek Daun Berguguran dengan Kode Javascript

Terus apa hubungannya hantu sama blog ya? sepertinya berhubungan deh. Karena kali ini kita akan menampilkan widget hantu melayang dari pojok kanan bawah menuju ke kiri atas halaman blog kita.

Hem keren ya. Iya dong. Dan sekarang saya akan berbagi dengan widget ini supaya kalian bisa menggunakannya di blog yang kalian punya. Mudah kok, tinggal copy, paste dan save blog. Jadi deh.

Baca Juga : Efek Salju Berjatuhan di Halaman Beranda Blog

Penasaran dengan widget ini. Tidak ada salahnya kalian membaca sampai tuntas ya. Jangan setengah-setengah nanti tidak jadi lho widgetnya. Yups kita mulai saja tutorial berikut ini. Silakan sambil santai aja mempraktekkannya.

Menampilkan Widget Hantu Melayang


Caranya : Kalian copas kode dibawah ini di Tata Letak, terus pilih Tambah HTML/Javascript. Dan terakhir save dan publish blog kamu. Jadi dah. Oh iya ini dia kodenya.

<a href="https://alifacode.com" target="_blank"><img id="hantu" style="width:70px;z-index:9;position:fixed;right:-75px;top:5px;filter:alpha(opacity=60);-moz-opacity:0.7;-webkit-opacity: 0.7;opacity: 0.7;" border="0" src="https://blogger.googleusercontent.com/img/a/AVvXsEiZwSD6R81TCQWdaYuY04RJI6au_50wEd0YOZWexm7gOiBTW7ed9PoibiNiMrX5Ha5dLX6KFcyvRbl1w50EwpV5gGJCj0aM6fRTwbbHjdJ3sPVqM07eYzWI6pqWPWs5ewFuqMG4uvnTKcRg3eswwDktsKCfnDwxCxRbemfupj-NM3zet55UjmdIG4cf"/></a>
<script language="JavaScript">
var hantu_right = -75;
var hantu_top = 500;
var hantu_dir = 1;
var tNoHantu;
function startHantu() {
	clearTimeout(tNoHantu);	
	setInterval("moveHantu()",300);
}
function moveHantu() {
	hantu_right = hantu_right + 2;
	if(hantu_right>document.width+60) hantu_right = -40;	
	if(hantu_dir==1) hantu_top = hantu_top + 1; else hantu_top = hantu_top - 1;
	if(hantu_top>10) hantu_dir = 0;
	if(hantu_top<3) hantu_dir = 1;	
	document.getElementById('hantu').style.right = hantu_right + "px";
	document.getElementById('hantu').style.top = hantu_top + "px";
}
tNoHantu = setInterval("startHantu()",1200);
</script>


Nah jadi khan widgetnya dan muncul. Silakan kalian praktekkan. Tapi jangan takut lho ya kalau nanti ada hantu yang muncul hehe. Ya enggak takut dong ya karena kalian semua adalah pemberani. Terima kasih sekali lagi yang sudah bersedia mampir disini, membaca artikel yang sudah kami tulis disini berjudul Menampilkan Widget Hantu Melayang

Bagikan ke teman-teman kamu
Comments

Pesan berupa SPAM, Sara, Iklan, Pornografi, Broken link dan Link Aktif akan kami hapus. Berkomentarlah dengan sopan dan mengikuti panduan mengemukakan pendapat yang baik.
EmoticonEmoticon