1. penjelasan lokasi tempat gonta-ganti link and teksnya
2. lagu autoplay "Thousand Years" biar romantis
2. lagu autoplay "Thousand Years" biar romantis
TAMBAHAN TUTOR TOMBOL YA ATAU TIDAK<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css'/>
<b:include data='blog' name='all-head-content'/>
<title>
<data:blog.pageTitle/>
</title>
<b:skin><![CDATA[
/* CSS Document
** DON'T REMOVE THIS CREDIT **
CREATED BY:
[CT]Tebu
./KaTz
*/
*{
padding:0;
margin:0;
}
.clear{
clear:both;
}
a img{
border:0;
}
a:focus{
outline:0;
}
body{
background:#FFF;
font-family: 'Ubuntu Condensed', sans-serif;
font-size:14px;
}
.wrapper{
width:960px;
margin:0 auto;
}
/* TOP BAR START */
.topbar{
background:#000000;
height:50px;
width:100%;
}
.topbar-center{
width:960px;
margin:0 auto;
}
.topbar-logo{
float:left;
color:#FFF;
text-transform:uppercase;
padding-top:11px;
}
.topbar-logo img{
float:left;
}
.topbar-logo h1{
font-size: 18px;
font-weight: 400;
letter-spacing:0.8px;
float: left;
padding-left: 6px;
padding-top: 3px;
}
.topbar-menu{
float:right;
}
.topbar ul{
list-style:none;
}
.topbar ul li{
float:left;
}
.topbar ul li a{
display:block;
padding:18px 18px 6px 18px;
text-decoration:none;
color:#d6d6d6;
letter-spacing:0.8px;
}
.topbar ul li a:hover,.topbar ul li a.selected{
background:#c72505;
color:#FFF;
}
/* TOP BAR END */
.colorbar{
height:5px;
width:100%;
/*background:url() repeat-x;*/
margin-bottom:25px;
/*box-shadow: 2px 1px 2px #D6D6D6;*/
}
h1.numbering{
font-size:50px;display:none;
font-weight:400;text-shadow:1px 1px 1px #333;
line-height:130px;color:#fff;
}
h3.title{
font-size:38px;margin-top:150px;
font-weight:400;opacity:0.7;
letter-spacing:3px;text-shadow:1px 1px 1px #333;
padding-left:5px;color:#fff;
}
h2.smalltitle{
font-size:28px;
padding-top:20px;
}
.squarecontents{
color:#FFF;
padding-left:20px;
}
.squarecontents p{
line-height:26px;
font-size:16px;
letter-spacing:0.6px;
padding-top:10px;
}
.square-cards{
display:block;
text-decoration:none;
color:#FFF;
padding-left:20px;
}
.square-cards:hover{
color:#EDD;
}
.squares{
position:relative;
overflow:hidden;
}
.moveablesquare{
position:absolute;
/*left:-255px;
top:0;*/
}
.square-1{
width:700px;
height:340px;
margin-right:5px;
float:left;
}
.square-1-card{
width:680px;
height:255px;
background:url(GANTI DENGAN URL GAMBAR CEWE OMZ UKURAN 700X340px) no-repeat;
padding-top:85px;
}
.about-content{
width:680px;
height:340px;
background:#e34924;
}
.square-2{
width:255px;
height:340px;
color:#FFF;
float:left;
}
.square-2-card{
width:235px;
height:255px;
background:url(GANTI DENGAN URL GAMBAR CEWE OMZ UKURAN 255X340px) ;
padding-top:85px;
float:left;
}
.follow-content{
width:235px;
height:340px;
background:#324da4;
float:left;
}
.follow-content ul{
list-style:none;
}
.follow-content ul li{
float:left;
padding-right:30px;
padding-bottom:20px;
}
.follow-content ul li a{
display:block;
}
.follow-content ul li a:hover img{
border:5px solid #E34923;
margin:-5px;
}
.googleplusone{
background:#FFF;
padding:3px;
float:left;
border:2px solid #E34923;
}
.square-3{
width:370px;
height:284px;
color:#FFF;
float:left;
margin-top:5px;
margin-right:5px;
}
.square-3-card{
width:350px;
height:224px;
background:url(GANTI DENGAN URL GAMBAR CEWE OMZ UKURAN 370X284px) repeat-x;
padding-top:60px;
float:left;
}
.blog-content{
width:330px;
height:284px;
background:#333;
float:left;
padding-right:20px;
}
.square-4{
width:585px;
height:284px;
color:#FFF;
float:left;
margin-top:5px;
}
.square-4-card{
width:565px;
height:224px;
background:url(GANTI DENGAN URL GAMBAR CEWE OMZ UKURAN 585X284px) repeat-x;
padding-top:60px;
}
.contact-content{
width:565px;
height:284px;
background:#854554;
}
.contact-content ul{
list-style:none;
}
.contact-msg{
float:right;
padding-top:35px;
padding-right:20px;
}
.contact-msg img{
padding-right:5px;
padding-bottom:1px;
}
.square-5{
width:960px;
height:200px;
color:#FFF;
float:left;
margin-top:5px;
}
.square-5-card{
width:940px;
height:185px;
background:#619b20;
padding-top:15px;
}
.mywork-content{
width:940px;
height:284px;
background:#619b20;
padding-right:20px;
}
.mywork-thumbnail-container{
width:270px;
padding-top:20px;
float:left;
}
.mywork-thumbnail-container ul{
list-style:none;
}
.mywork-thumbnail-container ul li{
float:left;
}
.mywork-thumbnail-container ul li a{
display:block;
margin-right:12px;
margin-bottom:5px;
}
.mywork-thumbnail-container ul li a img{
border:3px #C33 solid;
}
.mywork-thumbnail-container ul li a:hover img,.mywork-thumbnail-container ul li a.selected img{
border:3px #FC0 solid;
}
.mywork-bigimg-container{
height:194px;max-width:200px;
float:left;
border:3px solid #C33;
margin-top:20px;
}
.mywork-bigimg-container img{max-width:200px;
display:none;
}
.mywork-description-container{
height:162px;
float:left;
margin-top:20px;
padding-left:10px;
width:440px;
}
.mywork-description-container div{
display:none;
}
.form-row{
padding-top:15px;
padding-bottom:6px;
width:100%;
}
.form-textfield{
font-family: 'Ubuntu Condensed', sans-serif;
padding:10px 5px;
width:249px;
border:1px #933 solid;
float:left;
margin-right:20px;
background:#681f30;
color:#FFF;
font-size:14px;
}
.form-textarea{
font-family: 'Ubuntu Condensed', sans-serif;
padding:10px 5px;
width:530px;
border:1px #933 solid;
float:left;
margin-right:30px;
background:#681f30;
color:#FFF;
height:75px;
overflow:auto;
font-size:14px;
}
.Lfinal {float:left;width:350px;font-size:20px;margin-top:20px;}
.Rfinal {float:right;width:500px;margin-top:20px;}
input.ya
{
color: #333;
background: lightpink;margin-right:20px;font-weight:bold;
width:200px;height:40px;font-size:30px;
border: 2px solid pink;box-shadow:2px 2px 2px #333;
}
input.ya:hover {box-shadow:2px 2px 2px #000;background:pink;color:#000;border: 2px solid #fff}
input.tidak
{
color: #ccc;box-shadow:2px 2px 2px #333;
background: #555;margin-right:20px;margin-top:5px;height:30px;
width:100px;position:center center;
border: 1px solid #777
}
input.tidak:hover {box-shadow:2px 2px 2px #333;background:gray;color:#fff;border: 1px solid #999}
.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9
}
.green-submit{
padding:10px;
border:#060 solid 2px;
background:#619b20;
font-family: 'Ubuntu Condensed', sans-serif;
color:#FFF;
float:left;
margin-right:20px;
cursor:pointer;
}
.green-submit:hover{
background:#769356;
}
.green-submit.disabled, .green-submit:active{
background:#769356;
color:#CCC;
}
.callme{
float:left;
padding-right:10px;
padding-top:12px;
}
.phonenumber{
font-size:24px;
padding-top:5px;
}
/* FOR FOOTER */
.footer{
background:#000;
width:100%;
margin-top:50px;
}
.footer-center{
width:960px;
margin:0 auto;
padding-top:10px;
padding-bottom:10px;
}
.footer-center ul{
list-style:none;
}
.footer-center li{
float:left;
padding-right:10px;
}
.footer-center li a{
color:#D6D6D6;
text-decoration:none;
}
.footer-center li a:hover{
text-decoration:underline;
}
.footer-center-left{
float:left;
}
.footer-center-right{
float:right;
color:#D6D6D6;
}
]]></b:skin>
<script src='http://sayloveonline.googlecode.com/files/jquery-1.7.min.js' type='text/javascript'/>
<script src='http://sayloveonline.googlecode.com/files/jquery.easing.1.3.js' type='text/javascript'/>
<script src='http://sayloveonline.googlecode.com/files/jquery.scrollTo-min.js' type='text/javascript'/>
<script src='http://sayloveonline.googlecode.com/files/script.js' type='text/javascript'/>
</head>
<body>
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
<b:includable id='main'><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\0753291562126669186263\46blogName\75I+Love+U+Mustika\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://little-gift-for-you.blogspot.com/search\46blogLocale\75in\46v\0752\46homepageUrl\75http://little-gift-for-you.blogspot.com/\46vt\0757601981636828488442',
{
container: "navbar-iframe-container",
id: "navbar-iframe"
},
{
});
}
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
</b:widget>
</b:section>
<!-- TOP BAR START -->
<div class='topbar'>
<div class='topbar-center'>
<div class='topbar-logo'>
<img alt='Logo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPR8PblsnCzEVZXF-nniU3QfsKn9HB5hxKEIRG8u_WnCPEtDzmwPQe_1baK5uUn1x0AIIcJOlryCh8Vgd1AMCBY8pMEE59CCYzS3OoVzVwt7n6VbogpIPsNJoRfpqMwPwFB0IPEzUouTs/s1600/n-logo.png' width='32'/>
<h1>
I LOVE U, MUSTIKA!
</h1>
</div>
<div class='topbar-menu'>
<ul>
<li>
<a class='selected home-menubtn' href='#'>
HOME
</a>
</li>
<li>
<a class='about-menubtn' href='#foryou'>
FOR YOU
</a>
</li>
<li>
<a class='follow-menubtn' href='#support'>
SUPPORT
</a>
</li>
<li>
<a class='blog-menubtn' href='#itsme'>
IT'S ME
</a>
</li>
<li>
<a class='contact-menubtn' href='#itsyou'>
IT'S YOU
</a>
</li>
<li>
<a class='work-menubtn' href='#iluvu'>
ILUVU
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- TOP BAR END -->
<div class='colorbar'>
</div>
<div class='wrapper'>
<div class='square-1 squares'>
<div class='moveablesquare'>
<a class='square-1-card square-cards' href='#foryou'>
<h3 class='title'>
THIS IS FOR YOU!
</h3>
</a>
<div class='about-content squarecontents'>
<h2 class='smalltitle'>
Just for you..
</h2>
<p>
<img align='left' alt='Photo' src='PAS PHOTO CEWE OMZ POTRAIT' style='border: 1px solid #D6D6D6;margin-right: 8px;margin-top: 8px;' width='120px'/>
I don't know what i feel now, it's different when you come to my life. Kakak merasakan perasaan yang begitu menyenangkan, begitu bahagia, dan sangat bahagia. Maybe this is True Love? Terasa begitu indah, hanya dengan kamu ada saja sudah mampu membuat ku senang. Everyday, i think about you but i hide my feel because i'm shy. Kakak cuma bisa membanyangkan kamu dari senyummu yang indah sampai kedamaian itu datang di hati kakak.
</p>
<p>
This for you, I never think i will do this. Ide ini muncul begitu saja, hanya saja aku ingin mengungkapkan rasa didalam hatiku dengan sesuatu cara yang lain, cara berbeda yang mungkin belum pernah dilakukan orang sebelumnya. Dan terciptalah blog sederhana ini yang setiap bagiannya kubuat dengan cinta mendalam padamu, Ni Made Mustika Dewi,, Just For U.. ^o^
</p>
</div>
<div class='clear'/>
</div>
</div>
<div class='square-2 squares'>
<div class='moveablesquare' style='width:510px; left:-255px;'>
<div class='follow-content squarecontents'>
<h2 class='smalltitle'>
SUPPORT
</h2>
<ul style='padding-top:30px;'>
<li>
<a href='http://www.facebook.com/'>
<img alt='Facebook logo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPvxS5UdkakOsa410ZwDAb7JNM4GY88spfVu3zWshimvBxun7xNajom5eB_rbV1YMDsYnDuFdiE8I0reEXXzsnL-3zDmvew3zw2VgvcVdXMF7HtKOOspx3WM-ViN7QgOXdOaNiAaFhNq4/s1600/social-facebook-box-blue-icon.png' width='70'/>
</a>
</li>
<li>
<a href='https://plus.google.com/' rel='me'>
<img alt='Google Plus Logo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjympeICQPhOmacdyu6G2lvGhRP50lykYVO3Oo4VbBXXeS3n_75a4omhDmRB1u9c3LppmoePaaBx0qigXdtnQs2wDCV5rnaqoG4oynvSP8IGn9hJg_qOh2X5MPSEMW5nex6A5b-QH7yu-g/s1600/social-google-box-icon.png' width='70'/>
</a>
</li>
<li>
<a href='http://twitter.com/'>
<img alt='Twitter Logo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisz3iga2i53fx-6_Jt7x3WoYPYz2Gcvd8R0XL9F02BlXE8rBx1PX-pWZ1LAxpoclfI1VStdqpCIVAvzZDhiA22xXxqBIAipKG16wBTzHAyP8QuMEl5umvHT_OTathACv0BOkDhGwX9mlo/s1600/social-twitter-box-blue-icon.png' width='70'/>
</a>
</li>
<li>
<a href='http://feeds.feedburner.com/'>
<img alt='RSS Logo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkLZ8ZP2nUmq30fxDNwmvKJQvyzj651exSSYex0fzifJ1tPY0-6T66Qvyjn_RHezNGMfx7tdPc5VbZ83v-cRspr7m8SYrjCQZDjtmWHtgfNQ6dnu195VxMJbSiZ-anOxFey74emnj-5JQ/s1600/social-rss-box-orange-icon.png' width='70'/>
</a>
</li>
</ul>
<div class='clear'/>
<div class='googleplusone'>
<!-- Place this tag where you want the +1 button to render -->
<g:plusone annotation='inline' width='165'/>
<!-- Place this render call where appropriate -->
<script type='text/javascript'>
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</div>
</div>
<a class='square-2-card square-cards' href='#support'>
<h1 class='numbering'>
02.
</h1>
<h3 class='title'>
SUPPORT US
</h3>
</a>
<div class='clear'/>
</div>
</div>
<div class='square-3 squares'>
<div class='moveablesquare' style='width:740px;'>
<a class='square-3-card square-cards' href='#itsme'>
<h3 class='title'>
ABOUT ME
</h3>
</a>
<div class='blog-content squarecontents'>
<h2 class='smalltitle'>
WHO I AM?
</h2>
<p>
Yup, Tebu itulah nama sapaanku. I'm not a perfect and rich boy. Aku hanyalah laki-laki biasa, Aku penuh dengan kekurangan. Meskipun begitu, aku masih tetap memiliki sesuatu yang luar biasa bernama CINTA. Dan sesuatu yang luar biasa itu kini tertuju padamu, aku harap kau menerimanya dan ku harap kau menerima cintaku.
</p>
</div>
</div>
</div>
<div class='square-4 squares'>
<div class='moveablesquare' style='top:-284px;'>
<div class='contact-content squarecontents'>
<div class='square-title-topbar'>
<h2 class='smalltitle'>
YOU MAKE ME GO CRAZY
</h2>
<div class='mywork-thumbnail-container'>
<ul>
<li>
<a class='selected' href='#' rel='1'>
<img height='90' src='URL MINI PHOTO CEWE OMZ 001' width='70'/>
</a>
</li>
<li>
<a href='#' rel='2'>
<img height='90' src='URL MINI PHOTO CEWE OMZ 002' width='70'/>
</a>
</li>
<li>
<a href='#' rel='3'>
<img height='90' src='URL MINI PHOTO CEWE OMZ 003' width='70'/>
</a>
</li>
<li>
<a href='#' rel='4'>
<img height='90' src='URL MINI PHOTO CEWE OMZ 004' width='70'/>
</a>
</li>
<li>
<a href='#' rel='5'>
<img height='90' src='URL MINI PHOTO CEWE OMZ 005' width='70'/>
</a>
</li>
<li>
<a href='#' rel='6'>
<img height='90' src='URL MINI PHOTO CEWE OMZ 006' width='70'/>
</a>
</li>
</ul>
</div>
<div class='mywork-bigimg-container'>
<img class='1' height='194' src='URL MINI PHOTO CEWE OMZ 001' style='display:block'/>
<img class='2' height='194' src='URL MINI PHOTO CEWE OMZ 002'/>
<img class='3' height='194' src='URL MINI PHOTO CEWE OMZ 003'/>
<img class='4' height='194' src='URL MINI PHOTO CEWE OMZ 004'/>
<img class='5' height='194' src='URL MINI PHOTO CEWE OMZ 005'/>
<img class='6' height='194' src='URL MINI PHOTO CEWE OMZ 006'/>
</div>
</div>
</div>
<a class='square-4-card square-cards' href='#itsyou'>
<h3 class='title'>
YOU'RE SO BEAUTIFUL
</h3>
</a>
<div class='clear'/>
</div>
</div>
<div class='square-5 squares'>
<a class='square-5-card square-cards' href='#iluvu'>
<h3 class='title' style='text-align:center;margin-top:10px;font-size:110px'>
I LOVE U, MUSTIKA!
</h3>
</a>
<div class='mywork-content squarecontents'>
<div class='Lfinal'>
Finally, this is it. Kakak buat blog ini untuk menyatakan cinta kakak ke adik. Kakak sangat mencintai Mustika, maukah Mustika menjadi pacar kakak? Silahkan pilih saja jawaban YA! atau TIDAK, Setiap keputusan yang Mustika ambil akan masuk ke email kakak.
</div>
<div class='Rfinal'>
<h2>
I LOVE U, MUSTIKA! MAUKAH KAU MENJADI PACARKU?
</h2>
<div>
<form id="emf-form" enctype="multipart/form-data" method="post" action="http://www.emailmeform.com/builder/form/9Ki7Bc1bG7" name="emf-form">
<table style="text-align:left;" cellpadding="2" cellspacing="0" border="0" >
<tr valign="top">
<td id="td_element_field_0" style="">
<div style="width:50%;padding-bottom:5px;">
<input id="element_0_0" class="ya" name="element_0" value="YA" class="validate[required]" type="submit" />
</div></td><td>
<div style="width:50%;padding-bottom:5px;">
<input id="element_0_1" class="tidak" name="element_0" value="TIDAK" class="validate[required]" type="submit" />
</div></td>
<div style="clear:both;"></div>
<div style="padding-bottom:8px;color:#000000;"></div>
</td>
</tr>
<tr><td colspan="2" align="left">
<input name="element_counts" value="1" type="hidden" />
<input name="embed" value="form" type="hidden" />
</td></tr>
</table>
</form>
</div>
</div>
</div>
</div>
<div class='clear'>
</div>
</div>
<div class='footer'>
<div class='footer-center'>
<div class='footer-center-left'>
<ul>
<li>
<a class='selected home-menubtn' href='#'>
HOME
</a>
</li>
<li>
<a class='about-menubtn' href='#foryou'>
FOR YOU
</a>
</li>
<li>
<a class='follow-menubtn' href='#support'>
SUPPORT
</a>
</li>
<li>
<a class='blog-menubtn' href='#itsme'>
IT'S ME
</a>
</li>
<li>
<a class='contact-menubtn' href='#itsyou'>
IT'S YOU
</a>
</li>
<li>
<a class='work-menubtn' href='#iluvu'>
ILUVU
</a>
</li>
</ul>
</div>
<div class='footer-center-right'>
Created by [CT]Tebu for Mustika Dewi.
</div>
<div class='clear'/>
</div>
</div>
<embed align='CENTER' autostart='true' height='0' loop='true' repeat='true' src='http://ghucy.info/fullmusik/barat/14.8%20Christina_Perri_-_A_Thousand_Years(www.fullmusik.net).swf' width='0'/>
</body>
</html>
http://www.4shared.com/file/C2MWOw7Y/FORM_YA_atau_TIDAK.html
This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.
Selamat Datang Di Blog AnimeSubz-Cyber
Thanks for visiting ~
Kalau mau berkomentar ada baiknya baca peraturannya dulu sebelum berkomentar !
Rules:
- Blogger yang baik adalah blogger yang meninggalkan jejak
- Anda komentar, saya komen balik and follow blog anda
- No spam, No flood, No junk, No iklan, N sara,No s*x,
- Jangan menggunakan Live Link !
- Gunakan bahasa yang sopan
- Blog Ini Dofollow jadi Berkomentarlah dengan Sopan!!
Thanks For Your Attention ! ConversionConversion EmoticonEmoticon