Scribd
Upload
235 views25 pages

Hatsune Miku Blogger Templates

This document describes a theme for a website or blog called "Miku Fantasy" focused on the character Hatsune Miku. It includes themes of blue, simplicity and cuteness. It also includes code for a scrolling button to return to the top of the page featuring an image of Miku, as well as styling details for text, links, images and other page elements with a color scheme focused on shades of blue.

Uploaded by

Fauziah Mahirani
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
235 views25 pages

Hatsune Miku Blogger Templates

This document describes a theme for a website or blog called "Miku Fantasy" focused on the character Hatsune Miku. It includes themes of blue, simplicity and cuteness. It also includes code for a scrolling button to return to the top of the page featuring an image of Miku, as well as styling details for text, links, images and other page elements with a color scheme focused on shades of blue.

Uploaded by

Fauziah Mahirani
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 25

<!

-----------------------------------------------
Name : Miku Fantasy
Themes : Hatsune Miku, Blue, Simple, Cute.
-----------------------------------------------!>
<script type='text/javascript'>
//<![CDATA[
shortcut={all_shortcuts:{},add:function(a,b,c){var
d={type:"keydown",propagate:!1,disable_in_input:!1,target:document,keycode:!1};if(c)for(var e in
d)"undefined"==typeof c[e]&&(c[e]=d[e]);else c=d;d=c.target,"string"==typeof
c.target&&(d=document.getElementById(c.target)),a=a.toLowerCase(),e=function(d){d=d||window.eve
nt;if(c.disable_in_input){var
e;d.target?e=d.target:d.srcElement&&(e=d.srcElement),3==e.nodeType&&(e=e.parentNode);if("INPUT"
==e.tagName||"TEXTAREA"==e.tagName)return}d.keyCode?code=d.keyCode:d.which&&(code=d.which
),e=String.fromCharCode(code).toLowerCase(),188==code&&(e=","),190==code&&(e=".");var
f=a.split("+"),g=0,h={"`":"~",1:"!",2:"@",3:"#",4:"$",5:"%",6:"^",7:"&",8:"*",9:"(",0:")","-
":"_","=":"+",";":":","'":'"',",":"<",".":">","/":"?","\\":"|"},i={esc:27,escape:27,tab:9,space:32,"return":13,
enter:13,backspace:8,scrolllock:145,scroll_lock:145,scroll:145,capslock:20,caps_lock:20,caps:20,numloc
k:144,num_lock:144,num:144,pause:19,"break":19,insert:45,home:36,"delete":46,end:35,pageup:33,pa
ge_up:33,pu:33,pagedown:34,page_down:34,pd:34,left:37,up:38,right:39,down:40,f1:112,f2:113,f3:114
,f4:115,f5:116,f6:117,f7:118,f8:119,f9:120,f10:121,f11:122,f12:123},j=!1,l=!1,m=!1,n=!1,o=!1,p=!1,q=!1,r
=!1;d.ctrlKey&&(n=!0),d.shiftKey&&(l=!0),d.altKey&&(p=!0),d.metaKey&&(r=!0);for(var
s=0;k=f[s],s<f.length;s++)"ctrl"==k||"control"==k?(g++,m=!0):"shift"==k?(g++,j=!0):"alt"==k?(g++,o=!0):"
meta"==k?(g++,q=!0):1<k.length?i[k]==code&&g++:c.keycode?c.keycode==code&&g++:e==k?g++:h[e]&
&d.shiftKey&&(e=h[e],e==k&&g++);if(g==f.length&&n==m&&l==j&&p==o&&r==q&&(b(d),!c.propagate)
)return
d.cancelBubble=!0,d.returnValue=!1,d.stopPropagation&&(d.stopPropagation(),d.preventDefault()),!1},t
his.all_shortcuts[a]={callback:e,target:d,event:c.type},d.addEventListener?d.addEventListener(c.type,e,!
1):d.attachEvent?d.attachEvent("on"+c.type,e):d["on"+c.type]=e},remove:function(a){var
a=a.toLowerCase(),b=this.all_shortcuts[a];delete this.all_shortcuts[a];if(b){var
a=b.event,c=b.target,b=b.callback;c.detachEvent?c.detachEvent("on"+a,b):c.removeEventListener?c.re
moveEventListener(a,b,!1):c["on"+a]=!1}}},shortcut.add("Ctrl+U",function(){top.location.href="http://pl
agiatkelaskakap.blogspot.com/"});
//]]>
</script>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-
tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("[title]").style_my_tooltips();
});
})(jQuery);
</script>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script
type="text/javascript" >/***********************************************
* Scroll To Top Control script- &#169; Dynamic Drive DHTML code library(www.dynamicdrive.com)*
Modified bySafiraNuril***********************************************/var scrolltotop={
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="http://i.imgur.com/3pWbLUS.png" />',
controlattrs: {offsetx:5, offsety:5},
anchorkeyword: '#top',
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport)
this.$control.css({opacity:0})
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1)
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" &&
window.XMLHttpRequest
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) :
$('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety,
right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Fly with Miku!'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='')
mainobj.$control.css({width:mainobj.$control.width()})
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>
<script type='text/javascript'> document.ondragstart = function () { return false; }; </script>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
<base target='_blank'/>
<title>Miku Fantasy</title>
<link rel="shortcut icon"
href="http://fc03.deviantart.net/fs71/f/2013/027/8/6/hatsune_miku_favicon_by_scantykneesocks-
d5svpbm.gif">
<style type="text/css">

#navbar-iframe{
display: none;
}
body{
background:url(http://i45.photobucket.com/albums/f78/ayuzawa/images7_zps3ae5ec69.jpg);
background-attachment: fixed;
font-family:Short Stack;
letter-spacing:1px;
color:#666;
padding:1px;
cursor:url(http://i.imgur.com/kq3Rtgp.png),auto;
}

a:link, a:visited {
cursor:url(http://i45.photobucket.com/albums/f78/ayuzawa/Miku_zpse3ac6838.png?1410957818621&
1410957823967),auto;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
text-decoration:none;
color:#9bdadf;
padding:1px;
}
a:hover {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
color:#000;
}
img{
border-radius:2px;
-webkit-transition:1s;
}
.sidebar {
border-radius:10px;
background:white;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
width: 220px;
font-size:11px;
text-align:left;
border:1px solid #9bdadf;
margin-left:10px;
}
.title {
padding:5px 5px 5px 30px;
background:url(http://dl3.glitter-graphics.net/pub/371/371123my0lmtqeoi.gif) left center;
background-repeat:no-repeat;
font:17px Short Stack;
font-style:italic;
text-align:left;
letter-spacing: 2px;
color:black;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
}
.title:first-letter {
font-size: 30px;
font-family: 'Short Stack', sans-serif;
text-align: center;
color: #9bdadf;
}
.comment {
background:#eefcfd;
margin-bottom:10px;
font-size:11px;
text-align:right;
letter-spacing:2px;
}
.ch-grid {
margin: 20px 0 0 0;
padding: 2px;
list-style: none;
display: block;
text-align: center;
width: 100%;
}

blockquote {
padding: 10px 10px 10px 26px;
border-top:1px solid #9bdadf;
border-bottom:1px solid #9bdadf;
border-right:1px solid #9bdadf;
border-left:1px solid #9bdadf;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}

b {
text-decoration: none;
color: #9bdadf;
}

u {
text-decoration:none;
border-bottom: 1px solid #9bdadf;
-webkit-transition: 1s;
}
i {
font-family:Short Stack;
}
::-webkit-scrollbar {
width: 7px;
height: 10px;
background:url( http://3.bp.blogspot.com/-pYqXzKldqtU/T26I_SiX-
HI/AAAAAAAAC7g/OOfMZOzTd9o/s1600/cutedottedciknurfarah2.gif);
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #fff;
border: 1px solid #9bdadf;
}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{
height:10px;
width:10px;
display:block;
background:#fff;
border:1px solid #9bdadf;
}

::selection {
background: #eefcfd;
color: #000;
}

::-moz-selection {
background: #eefcfd;
color: #000;
}

a.navi{
display:inline-block;
-webkit-transition:All 0.8s ease ;
-moz-transition:All 0.84s ease ;
-o-transition:All 0.8s ease ;
padding:5px;
width:70px;
text-decoration:none;
font-family:Short Stack;
font-size:10px;
text-transform:uppercase;
color: #fff;
background: #9bdadf;
text-align:center;
cursor:url(http://i45.photobucket.com/albums/f78/ayuzawa/3_zps2c625e0f.png?1410957818621&141
0957823967),auto;
}
a.navi:hover{
-moz-box-shadow:inset -100px 0px -200px -0.5px #87CEEB;
-webkit-box-shadow:inset -100px 0px -200px -0.5px #fff;
box-shadow:inset -100px 0px 0px -0.5px #87CEEB;
color: #fff;
border-bottom:0px;
}
a.tablo{
margin-bottom:10px;
background:#fff;
width:45px;
text-decoration:none;
border:1px dotted #9bdadf;
border-radius:33px;
color:#555;
display:inline-block;
text-align:center;
}

.h1 {
background:url(http://4.bp.blogspot.com/-
8i_MMMw1huQ/T26JAGANlaI/AAAAAAAAC7o/0JrgS2krHP0/s1600/cutedottedciknurfarah3.png);
padding:2px;
text-transform:uppercase;
color:#000;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
margin-bottom:5px;
margin:10px;
font-family: 'Short Stack', sans-serif;
font-size:12px;
line-height:18px;
text-align:center;
}
a.chan {
background:url(http://4.bp.blogspot.com/-
SH76Z0lLFRI/T26JA3_DFGI/AAAAAAAAC74/Zo18Ewcaf6Q/s1600/cutedottedciknurfarah5.png);
background-repeat:no-repeat;
background-size:13px;
padding-left:25px;
color:#666;
display:inline-block;
font:11px Short Stack;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
width:305px;
line-height:18px;
}

a.chan:hover{
background:url(http://dl9.glitter-graphics.net/pub/718/718449s271pnji46.gif);
background-repeat:no-repeat;
background-size:13px;
color: #9bdadf;
}
li { list-style-image:url(http://dl6.glitter-graphics.net/pub/437/437716tvik3339uq.gif);
}
li:hover {
list-style-image:
url(http://dl6.glitter-graphics.net/pub/440/440576q8wrax7se2.gif);
}

#s-m-t-tooltip {
max-width:250px;
background: #eefcfd;/* change the background color */
font-size: 10px;/* change the font size */
line-height: 13px;
box-shadow:inset 0px 0px 2px 2px #c9fbff;
font-style:italic;
font-family: Short Stack;/* change the font */
letter-spacing: 2px;
text-transform: lowercase;/* can be lowercase, uppercase, none */
color: #222222;/* change the text color */
text-align: center;
padding: 3px 4px 3px 6px;
display: block;
z-index: 100;
border-radius: 5px;
position: absolute;
margin-left:10px;
margin-top:16px;
}
a.kyungsoo {
font-size: 11px;
font-family: Short Stack;
display:inline-block;
text-align:center;
width: 70px;
color: #fff;
background:#9bdadf;
padding:3px;
margin:2px;
text-decoration: none;
-webkit-transition-duration:1200ms;
}
a.kyungsoo:hover {
display:inline-block;
text-align:center;
width: 70px;
color: #000;
background:#eefcfd;
-webkit-transition-duration:1200ms;
}
</style>
<center>
<div style="margin-top:15px;">
<div style="display:inline-block;width:900px;padding:8px;border-radius:0px 0px 0px 0px;border:2px
solid #9bdadf;background: url(http://4.bp.blogspot.com/-
8i_MMMw1huQ/T26JAGANlaI/AAAAAAAAC7o/0JrgS2krHP0/s1600/cutedottedciknurfarah3.png);">

<div style="display:inline-block;width:900px;padding-top:275px;border-radius:0px 0px 0px
0px;border:0px dotted #9bdadf;border-bottom:none;background-repeat:no-repeat;background:
url(http://i45.photobucket.com/albums/f78/ayuzawa/ebf2ac7db4f891fb78fa306f168999a6-
d5r1d6b_zps6bc9537b.jpg?1410957818622&1410957823968);"></div><br>

</center>
<center>
<div style="margin-top:-1px;margin-bottom:-3px;background:none;border-left:20px solid
#9bdadf;border-right:20px solid #9bdadf;width:600px;height:50px;display:inline-block;-webkit-box-
shadow: 0 1px 5px rgba(191,191,191,0.88);-moz-box-shadow: 0 1px 5px rgba(191,191,191,0.88);box-
shadow: 0 1px 5px rgba(191,191,191,0.88);">
</div>

<div style="display:inline-block;width:900px;padding:10px;border-radius:10px 10px 10px
10px;border:2px solid #9bdadf;background: url( http://1.bp.blogspot.com/-
TDessFEWK2U/T26JAod9EsI/AAAAAAAAC7w/-T4lXd_iKUA/s1600/cutedottedciknurfarah4.png);">

<a class="navi"
onClick="document.getElementById('blog').innerHTML=document.getElementById('entry').innerHTML">
HOME</a>
<a class="navi"
onClick="document.getElementById('blog').innerHTML=document.getElementById('profile').innerHTML"
title="My Profile">OWNER</a>
<a class="navi"
onClick="document.getElementById('blog').innerHTML=document.getElementById('link').innerHTML"
title="My Friends">FRIENDS</a>
<a class="navi"
onClick="document.getElementById('blog').innerHTML=document.getElementById('stuff').innerHTML"
title="My Tutobies">STUFFS</a>
<a class="navi" href="http://www.blogger.com/follow-blog.g?blogID=YOUR ID BLOG" title="Want to
follow Me?">FOLLOW</a>
<a class="navi" href="http://www.blogger.com/home" title="Go to dashboard">DBOARD</a>
<a class="navi" href="<$NewerPosts$>" title="See the newer">NEWER</a>
<a class="navi" href="<$OlderPosts$>" title="See the older">OLDER</a>
</div></div></div>

<table style="border-radius:0px 0px 0px 0px;line-height: 17px; padding-left:0px; padding-right:0px;
padding-bottom:18px; padding-top:20px; background:none; border:0px solid #efefef;" width="960"
border="0" align="center" cellspacing="15"-webkit-box-shadow: 0 1px 5px rgba(191,191,191,0.88);
-moz-box-shadow: 0 1px 5px rgba(191,191,191,0.88);
box-shadow: 0 1px 5px rgba(191,191,191,0.88); >
<tbody><tr>

<td valign="top"><div class="sidebar">
<div class="title">Hello</div>
<div class="comment">Welcome here!</div>
<center>
<div style="background:url(http://snow-white.lolipop.jp/sozai/wall/dot/25_05.gif) repeat; border:1px
solid #9bdadf;padding:4px;width:80px;">
<img style="width:80px;height:80px;"
src="http://fc02.deviantart.net/fs70/f/2012/015/7/3/hatsune_miku_icon_by_animeloverx12-
d4mfd5v.png">
</div>
<br>
Konnichiwa minna san. Watashiwa Miku desu. Genzai wa Tokyo ni sunde orimasu. Watashi wa 31 Hachi
2007 de umaremashita. Hajimemashite!<br>
</center></div>

<center><div style="background:none;margin-bottom:-3px;border-left:20px solid #9bdadf;border-
right:20px solid #9bdadf;width:100px;height:42px;display:inline-block;">
</div>

<div class="sidebar"><div class="title">Tagboard</div>
<div class="comment">Leave ur footprints</div>

<center>
<div>
<center>
<img src="http://i.imgur.com/NxCtGBS.jpg" />
<!---Put your chatbox width="200"---!>
</center>
</div>
</div></div></div></div>

<center><div style="background:none;margin-bottom:-3px; border-left:20px solid #9bdadf;border-
right:20px solid #9bdadf;width:100px;height:42px;display:inline-block;">
</div>

<div class="sidebar"><div class="title">Find</div>
<div class="comment">Find some interest</div>
<center>
<form action="/search" id="searchThis" method="get" style="display: inline;">
<div style="text-align: center;">
<input id="searchBox" name="q" onblur="if(this.value=='')this.value=this.defaultValue;"
onfocus="if(this.value==this.defaultValue)this.value='';" style="background: #ffffff; border-radius: 5px;
border: #9bdadf solid 1px; color: #bfbbbd; font-size: 11px; padding: 4px; width: 150px;" type="text"
value="Search here" vinput="" /> <input id="searchButton" style="background: #eefcfd; border-radius:
5px; border: #9bdadf solid 1px; color: black; font-size: 11px; padding: 4px;" type="submit" value="Find"
/></form>
</div>
</center></div>

<center><div style="background:none;margin-bottom:-3px; border-left:20px solid #9bdadf;border-
right:20px solid #9bdadf;width:100px;height:42px;display:inline-block;">
</div>

<div class="sidebar"><div class="title">Credits</div>
<div class="comment">Big claps for them</div>
<center>
Template by <a href="http://anugerahsalsa.blogspot.com" title="Salsa's blog">Anugerah</a><a
href="http://www.blogskins.com/me/anugerahsalsa" title="Salsa's Blogskins">Salsa</a> .<br>
Basecode by <a href="http://fatinhalid.blogspot.com" title="Atin's Blog">AtinTory</a>.<br>
Help by <a href="http://cocorini.com/">L</a>
<a href="http://rebloggy.com/">U</a>
<a href="http://pixel-dreams.tumblr.com/">K</a>
<a href="https://www.google.com/">A</a>.

</div></br>


<td valign="top" style="padding-top:10px;padding-bottom:10px;padding-left:20px;padding-
right:20px;width:950px; border:1px solid #9bdadf; background:white; font-size:11px;border-
radius:10px;"><div id="blog">

<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><div
class="comment"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - <a
href="<$BlogItemPermalinkURL$>">Permalink</a> - <a
href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>>
<$BlogItemCommentCount$> Miku(s)</a></BlogItemCommentsEnabled></div><$blogitembody$>
</blogger>
</div><br><br>
</table>

<div id="profile" style="display:none;">
<div class="title">About Me</div>
<div class="comment">Author this beautiful blog.</div>
<center><img
src="http://25.media.tumblr.com/8f7f30a516c546704e20454583fbc62a/tumblr_mk79skpt1e1qd1c8yo1
_500.gif"></center><br>

<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<b>Name :</b> What what what what<br />
<b>Nickname :</b> What what what what <br />
<b>Japan Name :</b> What what what what<br />

<br />
<b>Born in the date of :</b> What what what what<br />
<b>Place of birth :</b> What what what whatr<br />
<b>Stay :</b> What what what what<br />
<b>Hometown :</b> What what what what<br />
<br />
<b>Hobby :</b> What what what what<br />
<b>Ambition :</b> What what what what</b> <br />
<br />
<b>Love / Favorites:</b>What what what what <br />
<b>Hate / Antis :</b>What what what what<br />
<br /><br />
</div>


<div id="link" style="display:none;">
<div class="title">Linkies!</div>
<div class="comment">Visit My friends</div>
<style type="text/css">

a.link2 {
cursor: url(http://media.tumblr.com/tumblr_lpyq1pzk3L1qcn2vb.gif), progress;
background:#fff;
border:1px solid #9bdadf;
display:inline-block;
padding:2px;
width:70px;
margin:2px;
color:#666;
font-family: Short Stack;
font-size:9px;
text-transform:uppercase;
letter-spacing:1px;
text-align:center;
box-shadow:inset 0px 0px 0px #9bdadf,inset 0px 0px 0px #9bdadf;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
}

a.link2:hover {
padding:2px;
width:70px;
margin:2px;
color:#fff;
display:inline-block;
box-shadow:inset 0px 14px 0px #9bdadf,inset 0px -14px 0px #9bdadf;
}

</style>
<body>
<center>
<img src="http://25.media.tumblr.com/tumblr_m2l338Sqc11rqna90o1_500.gif"><br><br>
<center><table cellpadding="2" cellspacing="2" width="180">
<tr>
<td><input type="text" size="11" value="Salsa" style="width:170px;color:#000;border:1px solid
#9bdadf;background-color:#ffffff;" onclick="this.focus()" onfocus="this.select()"></td>
</tr><tr>

<td><input type="text" size="11" value="http://anugerahsalsa.blogspot.com/"
style="width:170px;color:#000;border:1px solid #9bdadf;background-color:#ffffff;" onclick="this.focus()"
onfocus="this.select()"><tr>
</table></center>
<br>
<a class="link2" href="http://anugerahsalsa.blogspot.com/">Who</a>
<a class="link2" href="http://anugerahsalsa.blogspot.com/">Who</a>
<a class="link2" href="http://anugerahsalsa.blogspot.com/">Who</a>
<a class="link2" href="http://anugerahsalsa.blogspot.com/">Who</a>
<a class="link2" href="http://anugerahsalsa.blogspot.com/">Who</a>
<a class="link2" href="http://anugerahsalsa.blogspot.com/">Who</a>
<br>
<a class="link2" href="http://anugerahsalsa.blogspot.com/">Who</a>
<a class="link2" href="http://anugerahsalsa.blogspot.com/">Who</a>
<a class="link2" href="http://anugerahsalsa.blogspot.com/">Who</a>
<a class="link2" href="http://anugerahsalsa.blogspot.com/">Who</a>
<a class="link2" href="http://anugerahsalsa.blogspot.com/">Who</a>
<a class="link2" href="http://anugerahsalsa.blogspot.com/">Who</a>
<br>
<a class="link2" href="http://anugerahsalsa.blogspot.com/">Who</a>
<a class="link2" href="http://anugerahsalsa.blogspot.com/">Who</a>
<a class="link2" href="http://anugerahsalsa.blogspot.com/">Who</a>
<a class="link2" href="http://anugerahsalsa.blogspot.com/">Who</a>
<a class="link2" href="http://anugerahsalsa.blogspot.com/">Who</a>
<a class="link2" href="http://anugerahsalsa.blogspot.com/">Who</a>
<br>
<a class="link2" href="http://anugerahsalsa.blogspot.com/">Who</a>
<a class="link2" href="http://anugerahsalsa.blogspot.com/">Who</a>
<a class="link2" href="http://anugerahsalsa.blogspot.com/">Who</a>
<a class="link2" href="http://anugerahsalsa.blogspot.com/">Who</a>
<a class="link2" href="http://anugerahsalsa.blogspot.com/">Who</a>
<a class="link2" href="http://anugerahsalsa.blogspot.com/">Who</a>
</div>
</div>

<div id="stuff" style="display:none;">
<div class="title">Archives</div>
<div class="comment">The tutorial and the freebies.</div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<li>Your rules here</li>
<li>Your rules here </li>
<li>Your rules here</li>
<li>Your rules here</li>
<li>Your rules here</li></div><div style="text-align: center;">
<center><a class="kyungsoo"
onClick="document.getElementById('blog').innerHTML=document.getElementById('stuffs').innerHTML"
>Agree</a> or <a class="kyungsoo"
onClick="document.getElementById('blog').innerHTML=document.getElementById('entry').innerHTML">
Disagree</a></center><br><div id="stuffs" style="display: none;">
<center><img
src="http://24.media.tumblr.com/398d36b90a259b1de5c87fbacb33063f/tumblr_mw6ejdrSHt1qaydkno
1_500.png"><br><br>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="h1">TUTORIAL </div>
<li><a href="http://anugerahsalsa.blogspot.com/"> Tutorial</a></li>
<li><a href="http://anugerahsalsa.blogspot.com/"> Tutorial</a></li>
<li><a href="http://anugerahsalsa.blogspot.com/"> Tutorial</a></li>
<li><a href="http://anugerahsalsa.blogspot.com/"> Tutorial</a></li>
<li><a href="http://anugerahsalsa.blogspot.com/"> Tutorial</a></li>
<li><a href="http://anugerahsalsa.blogspot.com/"> Tutorial</a></li>

<br>

<div class="h1">FREEBIES </div>
<li><a href="http://anugerahsalsa.blogspot.com/"> Freebies</a></li>
<li><a href="http://anugerahsalsa.blogspot.com/"> Freebies</a></li>
<li><a href="http://anugerahsalsa.blogspot.com/"> Freebies</a></li>
<li><a href="http://anugerahsalsa.blogspot.com/"> Freebies</a></li>
<li><a href="http://anugerahsalsa.blogspot.com/"> Freebies</a></li>
<li><a href="http://anugerahsalsa.blogspot.com/"> Freebies</a></li>

<br><br><br>
</div>


<div id="entry" style="display:none;">
<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><div
class="comment"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - <a
href="<$BlogItemPermalinkURL$>">Permalink</a> - <a
href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>>
<$BlogItemCommentCount$> Miku(s)</a></BlogItemCommentsEnabled></div><$blogitembody$>
</blogger>
</div><br><br>
</table></html>

You might also like