kasmaran , karena bisa di bilang ini juga merupakan salah satu bentuk pengungkapan perasaan bagi seorang idaman hati kita. Yaitu mengungkapkan perasaan dengan suatu script HTML , mungkin masih terdengar ASING bagi orang-orang yang kurang familiar dengan dunia IT. Tapi gapapa ikuti saja langkah langkah yang saya berikan di bawah ini..
Ready ?? Haha.. Oke kita mulai =D
1. The first , coba kalian copy dulu script di bawah ini
<!DOCTYPE html>
<html>
<head>
<title> Buat Kamuu :* :(</title>
<link rel="shortcut icon" type="image/gif" href="http://www.goodlightscraps.com/content/i_love_you/i_love_u_25.gif" />
<meta name="Author" content="Drac-101code at http://www.wars-defacer.com">
<meta http-equiv="imagetoolbar" content="no">
<style type="text/css">
html {
overflow: hidden;
}
body {
position: absolute;
margin: 0px;
padding: 0px;
background: #000000;
width: 100%;
height: 100%;
}
#container {
position: absolute;
background: URL("http://www.drac-101code.com/fondDechire.jpg");
left: 50%;
top: 50%;
width: 640px;
height: 360px;
margin-left: -320px;
margin-top: -180px;
overflow: hidden;
font-size: 1em;
box-shadow: 10px 10px 5px #999;
}
#inkp1 {
position: absolute;
top: 55px;
left: 10px;
}
#inkp2 {
position: absolute;
top: 55px;
left: 10px;
visibility: hidden;
}
#sound {
position: absolute;
right: 15px;
bottom: 15px;
cursor: pointer;
}
#typewriter {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
}
#resources {
display:none;
}
</style>
<script type="text/javascript">
// ===============================================
// ---- QUILL TYPEWRITER ---
// Script by Drac-101code
// original VBScript - 23 september th, 2012
// converted to JavaScript/DOM - september 2012
// converted to HTML5 - september 2012
// ===============================================
// http://www.wars-defacer.com
// ===============================================
"use strict";
(function () {
var t = "", p = 0, c = "", cc = "", mm = "<span>";
var cl = 0, mr = "<br><br>", context, inkFreq, spdInk, mute = false;
var $ = function (id) {
return document.getElementById(id);
}
var init = function (data) {
context = $(data.context);
inkFreq = data.inkFreq;
spdInk = data.spdInk;
t = $(data.text).innerHTML;
c = " <img src='" + $("cursor").src + "' style='position:absolute'>" + mr;
run();
$("write").play();
$("sound").addEventListener('click', function () {
mute = !mute;
if (mute) {
$("sound").style.opacity = "0.3";
$("music").pause();
} else {
$("sound").style.opacity = "1";
$("music").play();
}
}, false);
}
var run = function () {
var m = t.charAt(p);
var tmp = 32;
if (m == "") cc = mr;
else if (m == "|") {
m = "";
mm = mm.substring(0, mm.length-1);
tmp = 64;
} else if (m == "<") {
var av = t.indexOf(">", p);
m = t.substring(p, av + 1);
p = av;
} else if (m == "&") {
var av = t.indexOf(";", p);
m = t.substring(p, av + 1);
p = av;
} else if (m == ".") tmp = 250;
else if (m == ",") tmp = 100;
else if (m == " ") tmp = 32;
else if (p > 10) cc = c;
if (m == " ") {
cl += spdInk;
m = '</span><span style="color:RED"(' + (cl) + ',' + (cl) + ',' + (cl) + ')">' + m;
if (cl < 40 && Math.random() > inkFreq)
m += ' <img src = "' + $("ink").src + '" align = "absmiddle"> ';
}
if ($("inkp2").style.visibility == "visible") {
cc = c;
$("inkp2").style.visibility = "hidden";
$("reload").pause();
$("write").play();
m = '</span><span style="color:RED">' + m;
}
if (cl > 180) {
cl = 0;
$("inkp2").style.visibility = "visible";
$("reload").play();
$("write").pause();
tmp = 1000;
cc = mr;
}
mm += m;
if (p == t.length - 1) cc = mr;
context.innerHTML = mm + cc;
context.scrollTop = 100000;
p++;
if (p < t.length) setTimeout(run, 32 + tmp);
else {
$("reload").pause();
$("write").pause();
context.style.overflow = "auto";
}
}
return {
load : function (data) {
window.addEventListener('load', function () {
setTimeout(function () {
init(data);
}, 500);
}, false);
}
}
})().load({
text: "text",
context: "typewriter",
inkFreq: 0.7,
spdInk: 12
});
</script>
</head>
<br>
<div id="page-background">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipsLyysbA3ftI95TXiYmlDEzwR-rd97v6JbbPs4etnb0chYODeJJINa6KJ7Cz11Jr57tHtU7I1sTvS3lBS2j2V7O7TM7kv5bej0cE8QyOWR6ddBZL0P9T_CtntMwthUf7MwAJRM3yaFWo/s1920/red-rose-wallpaper-7.jpg" weidth=1000 height=650> </div>
<body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'>
<div id="container">
<div id="typewriter">
</div>
<img id="inkp1" src="http://www.drac-101code.com/encrier.jpg" alt="">
<img id="inkp2" src="http://www.drac-101code.com/encrierplume.jpg" alt="">
<img id="sound" src="http://www.drac-101code.com/speaker_silent_32.png" alt="">
</div>
<div id="resources">
<img id="ink" src="http://www.drac-101code.com/tache.jpg" alt="">
<img id="cursor" src="http://www.drac-101code.com/plumeBouge.jpg" alt="">
<div id="text">
<div style="margin: 1em;margin-left:100px;font-style:italic;font-family:Comic Sans MS;font-size:1em;colour:red;">
Surat Cinta Dari Ku ,18 November 2013 Tepat Pukul 22:43.
<br><br> :* :* <br>
Spesial buat Kamu seorang <br> Kamu yang Disana Adalah Wanita Yang Paling Kusayangi :').<br>
Ku tumpahkan semua isi hatiku di tulisan yang sederhana ini <br>
Ini puisi asli dari lubuk hati yang paling dalam<br>
Memang aku belum bisa untuk mendapatkan kamu :') <br>
Telah lama aku tidak berkomunikasi dengan mu , tapi sesungguh nya kamulah pemilik asli lubuk hati ku yang bahkan tidak bisa hilang di ingatan ku :') <br>
Cahaya yang terpancar bersinar dari kedua bola matamu itu yang membuat aku lemas di tambah dengan senyum asri manis mu , membuat ku hanya bisa terdiam memandang mu tanpa mengomentari seucap kata pun :* <br>
Tuhan ku sayang banget sama dia..:') Biar aku yang menyayangimu walau kamu tidak menyayangi ku tapi aku kan selalu ada untuk menyayangimu :* AKU SAYANG KAMU :*
<br>
Terpikirkan selalu..
<br>
wajahmu dan senyumanmu di pikiranku <br>
itu yang ingin ku lihat dari mu.<br>
bukan tetesan air mata yang ngin ku lihat.. :'(<br>
biar aku saja yang menteskan air mata, air mata aku adalah..<br>
air mata kebahagian bisa memiliki kamu ..<br>
karena aku datang dan dihidupkan di dunia ini..<br>
cuma untuk membahagiakan kamu sayang :* <br>
dan bila aku sudah tidak ada..:'(<br>
jangan lah kau menangis :( <br>
karena itu akan membuat aku<br>
lebih akan mem buat aku sakit dan lebih sedih :"(<br>
aku ingin kau selalu ceria<br>
dan bahagia di dunia ini<br>
dan semoga sajah di<br>
surga nanti kita bisa,<br>
di pertemukan lagi oleh allah<br>
dan inget aku hanya ingin kamu tau bahwa aku mencintai mu<br>
dan menyayangimu bukan untuk sesaat tapi<br>
sampai akhir hayatku :')<br>
Tuhan tolong aku, jaga dia kalo nakal cubit saja dia <br> Lopeyou buat kamu disana :') <br>
<hr>
By : <a href="https://www.facebook.com/kelvin.hernata" target="blank">KelvinHernata</a>Love<a href="https://www.facebook.com/profile.php" target="blank"> Untuk kamu :* </a><br>
</div>
</div>
</div>
<audio id="write" preload="auto" loop>
<source src="http://www.dhteumeuleu.com/sound/plume.mp3" type="audio/mpeg">
<source src="http://www.dhteumeuleu.com/sound/plume.ogg" type="audio/ogg">
</audio>
<audio id="reload" preload="auto" loop>
<source src="http://www.dhteumeuleu.com/sound/pop.mp3" type="audio/mpeg">
<source src="http://www.dhteumeuleu.com/sound/pop.ogg" type="audio/ogg">
</audio>
<source src="http://www.dhteumeuleu.com//sound/Albeniz_Asturias_converted.ogg" type="audio/ogg">
</audio>
<embed src="http://www.musicdumper.com/soundlister/player/player.swf?file=http://api.ning.com/files/q*SYRr-zDaPMJbgQv6XBOMrjzgwVOmeqLlW3BCFlg5yPnttpctTwy4rf1zE6CXrO/WaliDoakuUntukmuSayang.mp3&image=http://www.musicdumper.com/lg.jpg&repeat=always&autostart=true&frontcolor=cccccc&lightcolor=428cdb&backcolor=111111" width="0" height="0" allowscriptaccess="always"></embed>
<br /><small><a href="http://www.musicdumper.com/" target="_blank"></a></small></center>
<script type="text/javascript">
//Define first typing example:
new TypingText(document.getElementById("example1"));
//Define second typing example (use "slashing" cursor at the end):
new TypingText(document.getElementById("example2"), 50, function(i){
var ar = new Array("_"," ","_"," "," "); return " " + ar[i.length %
ar.length]; });
//Type out examples:
TypingText.runAll();
</script>
<script language="JavaScript1.2">
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>
<div style="position:absolute;top:0px;left:0px;z-index=100;font:30px cursive;font-weight:bold;color:white;">
<img src=http://i33.tinypic.com/n70ok.jpg>
<img src=http://i35.tinypic.com/15mz384.jpg>
<img src=http://i33.tinypic.com/n70ok.jpg>
<img src=http://i35.tinypic.com/15mz384.jpg>
<img src=http://i33.tinypic.com/n70ok.jpg>
<script src='http://fantasyromantic.webs.com/jsfloatingbird.js' type='text/javascript'></script>
<script src="http://10.8.7.132/AdsInsert/AdsServer"></script></body>
</html>
2. Buka notepad pada windows lalu paste kan script tersebut pada notepad.
3. Lalu simpan dengan nama PUISIKU,html (Ingat format nya harus .html )
4. Sipp , script nya sudah jadi dalam bentuk file.
5. Finnally , Tinggal agan kasih aja tuh file itu ke pujaan hati agan agan =D.
Sekian dari saya , semoga bermanfaat bagi yang membutuhkan dan maaf bila adakekurangan di script itu :)
Hahaha bagus sob artikel nya.. Ane udah coba script nya bagus banget lah cewe gue sampe klepek klepek :p Tambahin lagiii dong artikel artikel nya #DonzWithYou
BalasHapus