Cara Membuat Blog Romantis Buat Pacar/Sahabat

Devilz666 - Memposting Membuat Blog romantis Buat Pacar/Sahabat , kawan blogger pasti di dalam benak kalian pengen membuat cewe kelepek2 atau sahabat kalian jadi tambah sayang dengan tehnik HTML ini Via blogger , mungkin dari kalian juga pernah liat blog atauh website yg terkena hack ,tampilanya bagus atau romantis banget . Mau kan yaudah langsung aja deh ke tkp :

Contohnya

Ini Kodenya :

<!DOCTYPE html>
<html>
<head>
<title> Fachrul Rijal a.k.a Devilz666</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:RGB(' + (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:RGB(0,0,0)">' + 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>
<link rel="me" href="http://www.blogger.com/profile/04028816273227925564" />
<link rel="openid.server" href="http://www.blogger.com/openid-server.g" />
<!-- --><style type="text/css">@import url(http://www.blogger.com/static/v1/v-css/navbar/3334278262-classic.css);
div.b-mobile {display:none;}
</style>

</head>
<br>
 
<img src="http://www.drac-101code.com/love.jpg" align="right">
 
<img src="http://www.drac-101code.com/love.jpg" align="left">
 
<body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'><script type="text/javascript">
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener('load',
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent('onload', function(){ object[attribute] = val; });
      }
    }
  </script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
        gapi.load("iframes-styles-bubble", function() {
          if (window.iframes && iframes.open) {
            iframes.open(
                '//www.blogger.com/navbar.g?targetBlogID\0755179827689754443341\46blogName\75Blog+Romantis\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75BLUE\46layoutType\75CLASSIC\46searchRoot\75http://setandefacer.blogspot.com/search\46blogLocale\75in\46v\0752\46homepageUrl\75http://setandefacer.blogspot.com/\46vt\75-3799737873091644841',
                {
                  container: "navbar-iframe-container",
                  id: "navbar-iframe"
                },
                {
                });
          }
        });
      </script>
 
<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;">
 
Surat Cinta Dari Ku ,20 oktober 2012 Tepat Pukul 12:27.
<br><br>
Spesial To Bhella<br> Bhella Kamu Adalah Wanita Yang Paling Kusayangi :').<br>
Ku tumpahkan semua isi hatiku di blog yang sederhana ini<br>
ini puisi asli dari lubuk hati yang paling dalam<br>
20-10-2012 ini adalah tanggal dimana ku menyatakan cinta kepadamu :') <br>
Tuhan ku sayang banget sama dia..:')
<br>
trpikirkan 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 saya :'*<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 kamu tau bahwa aku mencintai mu<br>
dan menyangimu bukan untuk sesaat tapi<br>
sampai akhir hayatku :')<br>
Tuhan tolong aku, jaga dia Love you Bhella :')<br>
By : <a href="https://www.facebook.com/fahrulmacz" target="blank">Fachrul</a>Love<a href="https://www.facebook.com/bella.ramadhantii" target="blank">Bhella</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>
<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzNDgzOTQyNzcxMjUmcHQ9MTM*ODM5NDMzNTA2MiZwPTEzNzkyMSZkPSZnPTEmbz1lNDM1NjMyNTA1ZDE*ODhlOWVh/NjBmZmUyOTcyYmVmZiZvZj*w.gif" /> <center>
<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>

    <script language=JavaScript>
    <!--
   //Disable right click script III- By AbduGreen (Makcom77@gmail.com)
   //For full source code, visit http://www.abdu-green.blogspot.com
   var message="";
   ///////////////////////////////////
   function clickIE() {if (document.all) {(message);return false;}}
   function clickNS(e) {if
   (document.layers||(document.getElementById&&!document.all)) {
   if (e.which==2||e.which==3) {(message);return false;}}}
   if (document.layers)
   {document.captureEvents(Event.MOUSEDOWN)
   ;document.onmousedown=clickNS;}
   else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
   document.oncontextmenu=new Function("return false")
   // -->
    </script>
        <script type="text/javascript" src="//www.blogger.com/static/v1/common/js/1447355603-csitail.js"></script>
<script type="text/javascript">BLOG_initCsi('classic_blogspot');</script><script type="text/javascript" src="//www.blogger.com/static/v1/common/js/1447355603-csitail.js"></script>

1.masuk ke account blog anda
2.pada bagian dasbor pilih template

3.Terus kalian cari paling bawah klik template klasik

4. Kalian Masukkan codenya ke dalam kolom Edit Template HTML yg di bawah lihat SS :

5. kalo sudah tinggal di simpan deh dan lihat hasil nya keren kan hahaha

nah contoh seperi ini : http://foryoubhella.blogspot.com/

nah itulah Tutorialnya, tutorial itu saya ambil dari Blog sebelah,Semoga Bermanfaat.!!

24 komentar:

Fachrul Rijal20 Oktober 2012 pukul 18.43
Iya sama" :)
BalasHapus
Balasan
Unknown7 November 2012 pukul 15.41
Ijin copas mas bro ...!
BalasHapus
Balasan
Fachrul Rijal18 November 2012 pukul 16.13
@Yayat: Silahkan bro tapi jangan lupa Cantumkan Sumbernya :D
BalasHapus
Balasan
Unknown24 Desember 2012 pukul 16.47
:( gx bsa buat klo pakek Blogger tampilan Baru salah teus....
BalasHapus
Balasan
Unknown25 Desember 2012 pukul 07.26
Gan, mau tanya, script ini kog gagal ane gunakan knp, ya,, boleh minta yg udah jadi,,
trim's
BalasHapus
Balasan
Lyrics24 Januari 2013 pukul 16.41
di tempetlnya di css gan.. :D
boleh minta script yang bagus2 ga gan >.<
BalasHapus
Balasan
Unknown10 Februari 2013 pukul 09.50
Keren sob templatenya :D izin pakai lah buat bikin gebrakan baru :)
BalasHapus
Balasan
Firence Kristina15 Maret 2013 pukul 01.02
kok ga bisa di sipen..lama amat nyimpenya
BalasHapus
Balasan
Arief17 Maret 2013 pukul 12.34
^template sudah ancur, website buat gambar" nya sudah di disabled
BalasHapus
Balasan
Unknown1 Juni 2013 pukul 01.13
Mendingan kesini aja bro

http://ilhamcyber4.blogspot.com/2013/05/script-romantis-buat-website.html
BalasHapus
Balasan
Unknown16 Oktober 2013 pukul 21.25
Gan itu udah ga bisa yah ?
BalasHapus
Balasan
gwenz23 Oktober 2013 pukul 13.37
gan klo mw ganti lagu app yang harus gw rubah dr situ gan ???
BalasHapus
Balasan
Supray1 Februari 2014 pukul 05.19
wkwkwk
contoh blog nya mana? :v
BalasHapus
Balasan

Tambahkan komentar

Sebelum Berkomentar Anda Wajib Baca Peraturan Terlebih Dahulu !!! :D

Peraturan :
- Dont Spam
- Dilarang Berkata Kotor
- Blog Ini Sudah Saya Setting Menjadi Dofollow

Silahkan Berkomentar
Just For Fun !!! ^_^

Jika anda telah melanggar peraturan, Komentar anda akan saya HAPUS

Devilz666 | Blogger-ID

Sabtu, 20 Oktober 2012

Cara Membuat Blog Romantis Buat Pacar/Sahabat

24 komentar: