<html>
<link rel="shortcut icon" href="https://pm1.narvii.com/6393/3974f203aaa8694de0ff8288cd4500bba556a3fe_hq.jpg" />
<link href='https://fonts.googleapis.com/css?family=Patrick+Hand' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/css?family=Handlee' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/css?family=McLaren' rel='stylesheet' type='text/css'/>
<head>
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script>
<script type='text/javascript' language='Javascript'>
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1QTaJ0D4Bl30cB61yIMx9PavPKosyWpo-Wq6XExKVF-byyYNZX0973MAri6lhqlebF8QB4_LSj9TzCygeFPNZ5-i_5VhSOodg22uGA9H4uvSSIqCvdZD22vOXGZ1a7Y1AlCrcub8RMJI/s1600/Top+Button+Origami.png" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
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 //not IE or IE7+ browsers in standards mode
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:"Let's Fly High !"})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>
</br></br>
<center><img border="0" src="https://vignette.wikia.nocookie.net/blinks/images/d/dd/BLACKPINK_logo.png/revision/latest?cb=20180603183432" style="opacity: 100;" /></center>
<title> BLΛƆKPIИK </title>
<style type="text/css">
#navbar-iframe {
display: none;
}
body {
background:url(https://i.pinimg.com/originals/0c/70/f9/0c70f94aebf92fff93bc22415edbc9f0.jpg);
background-attachment:fixed;
cursor: url(http://66.media.tumblr.com/b605259493a4f74752ee5e682ee27fb0/tumblr_inline_mzo4yjSxHP1r63cto.gif), progress;
font-family: 'McLaren', cursive;
font-size: 11px;
text-align: left;
}
::-webkit-scrollbar {
height:8px;
width: 8px;
background: #fff;
}
::-webkit-scrollbar-thumb {
background-color: #ff91af;
-moz-border-radius: 12px;
border-radius: 12px;
}
::-moz-selection {
background: transparent;
color:#ff91af;
}
::selection {
background: transparent;
color:#666;
text-shadow:1px 1px 3px #ff91af;
}
a:link, a:visited {
color: #ff91af;
text-decoration: none;
cursor: url(http://66.media.tumblr.com/tumblr_m2um8mfXNw1qfamg6.gif), progress;
}
a:hover {
-webkit-transition-duration: 0.5s;
color:#666;
}
.tit {
background: #fff;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
box-shadow:inset -100px 0px 0px -0.5px #ff91af;
border:2px solid #ff91af;
font:15px Handlee;
letter-spacing: 1px;
word-spacing: 1px;
text-align: left;
color:#666;
padding:3px;
}
@font-face { font-family:yow !important; src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important; }
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;
-moz-border-radius: 45px; border-radius: 45px;
font-size:10px;
text-transform:uppercase;
color: #666;
background: #fff;
border:2px solid #ff91af;
text-align:center;
}
a.navi:hover{
-moz-box-shadow:inset -100px 0px -200px -0.5px #ff91af;
-webkit-box-shadow:inset -100px 0px -200px -0.5px #ff91af;
box-shadow:inset -100px 0px 0px -0.5px #ff91af;
color: #fff;
border:1px solid #ff91af;
}
.sidebarblog {
background:#Fff;
color: #ff91af;
padding: 9px;
width: 255px;
border-bottom-left-radius: 10px;
border-bottom-right-radius:10px;
text-align: left;
border:1px dashed #ff91af;
}
li {
list-style-image:url(http://media.tumblr.com/tumblr_mdpf5nUZvz1qdlkyg.gif) ;
}
li:hover {
list-style-image:url(http://media.tumblr.com/tumblr_mdpf79BSVK1qdlkyg.gif);
}
i {
text-style: italic;
color: #ff91af;
}
u {
text-underline: underline;
border-bottom: 2px solid #ff91af;
}
u:hover {
border: 5px solid #badaff;
background: #ff91af;
color: #fff;
}
b {
font-weight: bold;
color: #ff91af;
}
s, strike {
color: #ff91af;
}
s, strike:hover {
color: #fff;
}
blockquote {
background-position:bottom right;
background-repeat:no-repeat;
background-image: url(https://i.pinimg.com/originals/a4/ca/a5/a4caa5eb6e2e1aca78cc0fbc9920f3b7.jpg);
border-left: 50px solid #ff91af;
padding: 10px;
margin:1em 20px;
box-shadow:inset 0 0px 0px #ff91af;
transition: all 1s ease-in-out;
}
blockquote:hover {
background: white;
border-right: 50px solid #ff91af;
border-left: none;
margin:1em 20px;
color:#666;
}
comment-timestamp {margin:0 0 .5em;padding:0 0 .75em 20px;color:#ff91af;}.deleted-comment {font-style:italic;color:gray;}#comments {margin:5;border-width:0 1px 1px;padding:20px 0 15px 0;}.comment-icon blogger-comment-icon{display:none}#comments-block {margin:2px ;}.comment-data {background:url("https://pm1.narvii.com/6393/3974f203aaa8694de0ff8288cd4500bba556a3fe_hq.jpg") no-repeat 2px .3em;margin-top:5px !important;background-size:10px;padding:0 0 0 20px;color:#666;}span.comment-icon{display:none}.comment-poster {font-weight:bold;}.comment-body {margin:0px;}.comment-body p {background:#FFFFFF;border:3px solid #badaff;margin:0em;padding:5px;color:#666;}
<style>
.bskins{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border-radius: 50%;
width: 100px;
height: 100px;
border: 5px solid #fff;
}
.bskins:hover{
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;}
border-radius: 50%;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border: 5px solid #ff91af;
</style>
<center>
<div>
</style>
<br />
<center>
<a class="navi" href="http://ryoko-rin.blogspot.co.id"title='go to HOME'>Home</a>
<a class="navi" href="http://ryoko-rin-about-me.blogspot.com"title='this is owner'>About</a>
<a class="navi" href="http://ryoko-rin-all-tutorial.blogspot.co.id"title='Tutorial, Freebies and other HERE!! '>Stuffs</a>
<a class="navi" href="http://ryoko-rin-linkies.blogspot.co.id"title='My Friends'>Linkies</a>
<a class="navi" href="https://www.facebook.com/arina.adzkiaazzahra"title='Add my fb okay?'>Facebook</a>
<a class="navi" href="https://twitter.com/otagame_rin28"title='follow my twitter'>Twitter</a>
<a class="navi" href="https://www.blogger.com/follow-blog.g?blogID=7073345753215829739"title='Follow Me!'>Follow</a>
</style>
<body oncontextmenu='return false;'>
<br>
</head>
</div></div>
<br>
<table style="font-size: 11px; border:1px solid #ff91af; color: #777; line-height: 17px; background:white; border-radius:8px;" width="860" align="center" border="0" cellspacing="8">
<tbody><tr>
<td valign="top" style="line-height:16px; letter-font-size:9px; width:100px; padding-right:0px;">
<div class="tit">This Owner ♥ </div><br>
<center><div style="background: url(https://pm1.narvii.com/6316/03892922e629104804d6ca0274465d5da6a17de0_hq.jpg); border:1px solid #ff91af;;padding:5px;width:205px;">
<img style="width:200px;height:140px;" src="https://pa1.narvii.com/6671/69550fe7e2a178c793336c917ea06706902a54f9_hq.gif" />
<div class="dash">
<a href="http://blogger.com/home" title="Dashboard">Dashboard</a> |
<a href="http://www.blogger.com/follow-blog.g?blogID=Your Blog Id" title="Follow">Follow</a>
</div></div></center>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<b>
</b></div>
<div style="text-align: center;">
<h3>Annyeong!</h3> Welcome to my world. Do not copy anything here. If you would like to copy this blog please report to the owner first before being allowed do not offhand in the copy. Be a good girl and a boy. Please send comments and suggestions on Cbox me ^^ <br>
<br>
<br>
<div class="tit">Chat with Me ♥</div>
<center><style type="text/css">.box {width: 240px;padding: 10px;background: #fff;}.box2 {padding:3px;display:block;height:17px;width:235px;border: solid #ff91af ;background:#fff;-webkit-transition-duration:.8s;-moz-transition-duration:.8s;overflow:hidden;}.box2:hover {height: 150px;}h01{font-family: 'McLaren', cursive;padding-top:1px;font-size:12px;color:#000;text-align:center;text-transform :uppercase;background: #ffffff;letter-spacing:5px;height:16px;padding-center:6px;display:block;-moz-transition: 0.5s;-webkit-transition: 0.5s;}</style><br /><div class="box"><div class="box2"><h01>My Rules</h01><div style="font-family:Handlee;font-size:12px;height:130px; overflow:auto;margin-top:3px;"><img src="http://media.tumblr.com/tumblr_m4i8d1Kpz21qdlkyg.gif"/>Jangan anomin<br />
<img src="http://media.tumblr.com/tumblr_m4i8cexb2L1qdlkyg.gif"/>Berkatalah dengan sopan<br />
<img src="http://media.tumblr.com/tumblr_m4i8chINQv1qdlkyg.gif"/>Jangan spam<br />
<img src="http://media.tumblr.com/tumblr_m4i7yzYAEP1qdlkyg.gif"/>Jangan menggunakan kata kotor<br />
<img src="http://media.tumblr.com/tumblr_mb6oqa1KyS1qdlkyg.gif"/>Isi lah nama dengan nama mu<br />
<img src="http://media.tumblr.com/tumblr_mb6osl8mUi1qdlkyg.gif"/>isi URL blog mu<br />
<img src="http://media.tumblr.com/tumblr_mdnsj2ooce1qdlkyg.gif"/>Request? silahkan....<br />
<img src="http://media.tumblr.com/tumblr_m7ei7syNOf1qdlkyg.gif"/>Bisa mematuhi? terimakasih<img src="http://media.tumblr.com/tumblr_m7ei7syNOf1qdlkyg.gif"/><br>*TUKAR DENGAN KATA-KATAMU</center></div></div></div><br /> </center>
Put Your Cbox Here!
<center><a href="http://kpoptown.com/45402-52335-large/blackpink-official-goods-stationery-set.jpg" imageanchor="1"><img border="0" src="http://kpoptown.com/45402-52335-large/blackpink-official-goods-stationery-set.jpg"width"200px" height"140px" /></a><br>
<br />
<div class="tit">Secret Box ♥</div><br>
<style>
.adv2 ul{background:url(http://kpoptown.com/45402-52335-large/blackpink-official-goods-stationery-set.jpg);padding:5px;border:1px dashed #ff91af;text-align:center;width:250px;color:#ff91af}
.adv2 p{padding:5px;text-align:left;width:200px;color:#ff91af;}
a.tablo{-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background:#ff91af;
width:20px;
text-decoration:none;
border:1px dashed #ff91af;
border-radius:33px;
color:#555;
display:inline-block;
text-align:center;
}
a.tablo:hover{background:#ff91af;color:#fff;}
#s-m-t-tooltip {
background: url(https://www.spreadshirt.com.au/image-server/v1/mp/designs/1011774526,width=178,height=178/blackpink-hangul-pink.png);
font-size: 13px;
line-height: 11px;
font-family: Patrick Hand;
border-left:5px solid #ff91af;
border-right:5px solid #ff91af;
border-top:1px solid #ff91af;
border-bottom:1px solid #ff91af;
letter-spacing: 2px;
text-transform: lowercase;
color: #badaff;
text-align: center;
padding: 5px 10px 5px 10px;
display: block;
border-radius: 5px;
margin: 24px 14px 7px 12px;
}
</style>
<div id="adv2" class="adv2">
<center><style>
.babo{background:url(https://s-media-cache-ak0.pinimg.com/736x/28/08/16/280816511f2fb4a957ee50d17502b3f0.jpg);padding:5px;border:3px solid #ff91af;text-align:center;width:250px;color:#ff91af}
a.tablo{
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor:pointer;background:#ff91af;
width:20px;
text-decoration:none;
border:2px dashed #fff;
color:#fff;
box-shadow:1px 1px 3px #ff91af;
border-radius:33px;
display:inline-block;
text-align:center;
font:11px Short Stack;
}
a.tablo:hover{border:3px dashed ff91af;background:#fff ; color:#ff91af}
#wnsb img{max-width:245px;}
</style>
<div class="babo">
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('1').innerHTML" title='my banner'>B</a>
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('2').innerHTML"title='fb and twitter' >L</a>
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('3').innerHTML" title='click here '>I</a>
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('4').innerHTML" title='search here'>N</a>
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('5').innerHTML" title='cursor switch'>K</a></div>
<div id="wnsb" style="width:250px;color:#999; padding:5px;border:3px solid #ff91af;border-top:none;font:11px Short Stack; letter-spacing:1px;">
<a href="https://kpopmallusa-xmbdjpqcq6gkxvac6m1c.netdna-ssl.com/img/2018/01/2017-blackpink-pink-blink-concert-slogan-banner_00.jpg" imageanchor="1" ><img border="0" src="https://kpopmallusa-xmbdjpqcq6gkxvac6m1c.netdna-ssl.com/img/2018/01/2017-blackpink-pink-blink-concert-slogan-banner_00.jpg" /></a>
</div>
<div id="1" style="display: none;">
Put my banner in your blog , okay?
<a href="http://ryoko-rin.blogspot.com" target="_blank"><img src="https://ridertua.filess.com/2012/09/motor-rusak.jpg" /></a>
<br>
<center>
<textarea cols="13" readonly="" rows="2" style="background: url(URL BACKGROUND ); border: 2px solid rgb(225, 245, 244); color: #666; height: 80px; width: 167px;"><a href="YOUR URL" target="_blank"><img src="YOUR BANNER" /></a> </textarea></center>
<br /></div>
</div>
<div id="2" style="display: none;">
</di<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjodB9-WGeh0crvNvYLuRY7ILIYYyOELxxxth-rbzRIm8WHDReYGjR33vTqlcz9MnyIS7oXQK2Im55dNjX70EI5Dk2VVybX_JOyTjEZN_pu_vu9okE1O1bewrkoP74wxEoC6JoHu41893cz/s1600/icon_facebook.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL YOUR FACEBOOK" /><a href="https://www.facebook.com/arina.adzkiaazzahra"title='click here to show my fb'>YOUR FACEBOOK NAME</a><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv5k-jlhh-ItGvRS_89DVJ5tcTFnbqucXjilqByfmeZla0q6oDA4YAZuEIy38901dsKzWCXvqew1FX4FdALhlbtzinq1MpQgSO1cremN8rGxporCgvVBOZhGnEWoK775z8ENflITL4nZwo/s1600/tumblr_m2fwq0QdoJ1qdlkyg.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-dpjw31xWsBc/Vc9oWGu8-BI/AAAAAAAAAEg/09uKscEXTjQblr_m2fwq0QdoJ1qdlkyg.gif" /><a href="URL YOUR FACEBOOK"title='follow my twitter , okay?'>YOUR TWITTER NAME</a>
<br />
</div>
<div id="3" style="display: none;">
PUT ANITING HERE!!
</div>
</div>
<div id="4" style="display: none;">
<input id="search-box" name="q" size="20"
style="background: #fff; border: 1px solid #ff91af;" type="text" value"Search" />
<input id="search-btn" style="background: #fff; border: 1px solid #ff91af;
color: #ff91af; font-weight: bold;" type="submit" value="Go" /><br />
</style>
</div>
<div id="5" style="display: none;">
<!--カーソル・スイッチコード/-->
<div style="width: 160px; text-align: center; margin: 0 auto; font-size: 10px;"><script src="http://www.cursor-switch.com/widgets/13265/6792296501.js" type="text/javascript" charset="UTF-8"></script><a href="http://www.cursor-switch.com/" target="_blank">カーソル・スイッチ</a></div>
<!--カーソル・スイッチコード/-->
</div>
</div>
</center>
<br />
<br />
<br>
<div class="tit"> followers ♥</div><br>
<CENTER>WIDGET FOLLOWERS HERE!!
</div>
</center>
</script>
</div>
<br>
<br>
<div class="tit">Credit ♥</div><br>
<div style="text-align: center;">
<!----- DONT REMOVE THE CREDITS OR I'LL CALL BARO TO KILL YOU -------!>
@2015- full edit by <a href="https://ariloxxnthe.blogspot.com/"title='owner ^^'>Ariloxxnthe</a> Template by <a href="https://ariloxxnthe.blogspot.com/"title='its me ><'>Arina Azzahra</a></b> <a href="https://ariloxxnthe.blogspot.com/"> </a> cute icon from <a href="http://www.we-heart-it.com/"title='we heart it'>we heart it</a> <br/>@2018 </a>
<!----- DONT REMOVE THE CREDITS OR I'LL CALL BARO TO KILL YOU -------!>
<br>
<td valign="top" style="width:500px; padding-left:5px; border-left:1px solid #f0f0f0; padding-right:11px; padding-left:22px;">
<div id="entry">
<blogger><div class="tit"><BlogItemTitle>
<$BlogItemTitle$>
</BlogItemTitle></div>
<$blogitembody$><div class="com"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div>
<itempage> <div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block"><div style="width:470px; padding:5px;margin-top:20px;border:4px solid #ff91af;6px;background:#fff; box-shadow:0 0 3px #ff91af;">
<$CommentPager$> <blogitemcomments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a> <$I18NCommentAuthorSaid$></dt>
<dd class="comment-body"> <p>
<$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$> </dd> </BlogItemComments> <$CommentPager$> </dl>
</div>
<p class="comment-timestamp">
<$BlogItemCreate$> </p>
</div>
</ItemPage>
<br></blogger><br>
<div style="float: left;"><a class="leposts" href=<$NewerPosts$>
<img src="http://i947.photobucket.com/albums/ad318/hannacrazee/Decorated%20images/go5.png" border="0"title='back' /></a></div>
<center><a href="http://ariloxxnthe.blogspot.co.id"title='go to HOME'><img src="http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/home1.png" border="0" />
<div style="float: right;"><a class="leposts" href=<$OlderPosts$>
<img src="http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/go5.png" border="0" title='next'/></a>
<center><OlderPosts><a href=<$OlderPosts$>
</div>
</td></tr>
</tbody>
</table>
<div id="diary" style="display: none;">
<blogger><div class="tit"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<$blogitembody$><div class="com"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div>
<br>
</blogger>
<br>
</div>
<!-- code for turning all non-blog links to new page links -->
<script type="text/javascript" language="javascript">
var arr = document.getElementsByTagName("a"); //get all links in the page
for(var i = 0; i < arr.length; i++)
{
if(arr[i].href.indexOf("URL") < 0 //not links that are 'inside' blog
&& arr[i].href.indexOf("javascript:") < 0) //not javascript links
arr[i].target = "_blank";
}
</script>
</table>
</body>
</head>
<base target='_blank'/>
<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>
</html>
<script type='text/javascript'></script><script type='text/javascript'>
</table></body>
</script> </head>
<script type='text/javascript'>
</script>
</html>
<html>
<link rel="shortcut icon" href="https://31.media.tumblr.com/e67b49bd89f0849bb5c50cfdada4aea0/tumblr_inline_mxo3y7PSQh1qk1or3.gif" />
<link href='https://fonts.googleapis.com/css?family=Patrick+Hand' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script>
<script type='text/javascript' language='Javascript'>
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="http://i189.photobucket.com/albums/z229/Imuin/emoticons/bunny%20-%20neskaya-dot-net/th_62.gif" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
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 //not IE or IE7+ browsers in standards mode
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 Me!!"})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>
<head>
</br></br>
<center><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZmrwVdWhY_FYPNJWFi7CNj4ssH-djMc_BeQpeAszQlDiPIezEhTSGScH8sxCAZiJUlA2yNpwVl6ViUhcdxOM3tgA7hp4-mG_nmBQzQZK7E_8cqAUbyopB6EUNOZ34u8HYRrrOk-LXx8J6/s1600/hed.png" style="opacity: 100;" /></center>
<title> Hidden Island </title>
<style type="text/css">
#navbar-iframe {
display: none;
}
body {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim5e54PvYIdpsltulPi_IfiGQyjYUxQbP9VLrR09d-MVAdhyZMhNBdqyfBTJ_EvMOTapOlvXECbfo78viwHdwMw-IGOQ0B-U32oBzVzRYTIFQeusgbSkVbwUbPbJ6PXNPx5dvBLxcsWBDW/s1600/back.png);
background-attachment:fixed;
cursor: url(http://66.media.tumblr.com/tumblr_lqs4kdq9cr1qfoi4t.gif), progress;
font-family: 'Short Stack', cursive;
font-size: 11px;
text-align: left;
}
::-webkit-scrollbar {
height:8px;
width: 8px;
background: #FFFFFF;
}
::-webkit-scrollbar-thumb {
background-color: #ffb3c4;;
-moz-border-radius: 12px;
border-radius: 12px;
}
::-moz-selection {
background: transparent;
color:#e1f5f4;
}
::selection {
background: transparent;
color:#e1f5f4;
}
a:link, a:visited {
color: #ffb3c4;
text-decoration: none;
cursor: url(http://66.media.tumblr.com/a13e29ee4bb4ff033d9be97a7eadfd0c/tumblr_inline_n7ca8ibcRG1r4ugnn.gif), progress;
}
a.linkies {
font-size: 11px;
font-family: Short Stack;
display:inline-block;
text-align:center;
width: 70px;
color: #fff;
background: #ffb3c4;
padding:3px;
margin:2px;
text-decoration: none;
-webkit-transition-duration:1200ms;
}
a.linkies:hover {
display:inline-block;
text-align:center;
width: 70px;
color: #000;
background:#fff;
-webkit-transition-duration:1200ms;
}
a.linkie {
font-size: 11px;
font-family: Short Stack;
display:inline-block;
text-align:center;
width: 70px;
color: #fff;
background: #ffb3c4;
padding:3px;
margin:2px;
text-decoration: none;
-webkit-transition-duration:1200ms;
}
a.linkie:hover {
display:inline-block;
text-align:center;
width: 70px;
color: #000;
border: 1px solid #e1f5f4;
background:#fff;
text-decoration: none;
-webkit-transition-duration:1200ms;
}
.tit {
margin-top: 7px;
margin-bottom: 3px;
margin-left: 1px;
margin-right: 1px;
color: #ffb3c4;
letter-spacing:2px;
padding-left: 7px;
padding-right: 7px;
padding-top: 4px;
padding-bottom: 4px;
font-weight: bold;
font: 11px 'Short Stack';
line-height:18px;
text-align: center;
border-left: 8px double #ffb3c4;
border-right: 8px double #ffb3c4;
border-top: 1px solid #e1f5f4;
border-bottom: 1px solid #e1f5f4;
background:#fff;
}
.tit:hover {
-webkit-transition:All 0.8s ease ;
-moz-transition:All 0.84s ease ;
-o-transition:All 0.8s ease ;
border-left: 4px double #ffb3c4;
border-right: 4px double #ffb3c4;
-webkit-transition: 0.5s;
color: #000;
}
a:hover {
color: #666;
-webkit-transition:2s;
}
.sweet {
margin: .75em 0;
font: normal normal 120% Patrick Hand;
color: #ffb3c4;
text-align: center;
}
.sweet:hover {
padding-left: 25px;
-webkit-transition: 1.0s;
}
.rosemary {
font-family: 'Patrick Hand';
font-size:12px;
line-height:12px;
color: #ffb3c4;
text-align: center;
}
blockquote {
border: 1px solid #ffb3c4;
padding: 2px;
}
li {
list-style-image:url(http://media.tumblr.com/42b2c7e69bebab576f091f5f3bc48841/tumblr_inline_mmzqosgOj11qz4rgp.gif) ;
}
li:hover {
list-style-image:url(http://media.tumblr.com/tumblr_m4i900uimA1qdlkyg.gif);
}
</style>
<body oncontextmenu='return false;'>
<br>
</head>
<table style="font-size: 12px; box-shadow: 0 0 0 5px #e1f5f4; border: 2px solid #ffb3c4;color: #000; line-height: 17px; background:white; border-radius:8px;" width="860" align="center" border="0" cellspacing="8">
<tbody><tr>
<td valign="top" style="line-height:16px; letter-font-size:9px; width:80px; padding-right:10px;">
<div class="tit">This Owner ♥ </div><br>
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6c6KlRP0NoXrNPPqMxeunBJps_hMNuiHHtXHE967HybeLTxYlTBzS79MGbL9M2vErJ-Fig3r4wt55TVeOsFqNtjli_5qDdR6GBM0MGBe5hb99MRmsgtd9WUTYaGRQKrGuOa-3jqo7oUNY/s1600/tumblr_o6ikv3Sd5U1v1yxojo1_500.gif" width="250" height="250"></div> </center>
<div style="text-align: center;">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<b>
</b></div>
<div style="text-align: center;">
Welcome! You've stuck in my world . must not copy and paste here, just be yourself :)<br />
<---- exchange with your words ---->
<br>
<br><br>
<div style="text-align: center; border-bottom: 1px solid #eee; border-top: 1px solid #eee; margin-top: -16px; padding-top: 6px;padding-bottom: 6px;">
<a class="nav" onClick="document.getElementById('entry').innerHTML=document.getElementById('diary').innerHTML" title="">Entry</a> |
<a class="nav" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML" title="">About</a> |
<a class="nav" onClick="document.getElementById('entry').innerHTML=document.getElementById('stuff').innerHTML" title="">Stuff</a> |
<a class="nav" onClick="document.getElementById('entry').innerHTML=document.getElementById('linkies').innerHTML" title="">Affies</a>
</div><br></div>
</div></div>
<br>
<div class="tit">Chat with Me ♥</div><br>
<div style="text-align: center;">
<----Put u'r Cbox Here----->
<!-- BEGIN CBOX - www.cbox.ws - v4.3 -->
<div id="cboxdiv" style="position: relative; margin: 0 auto; width: 200px; font-size: 0; line-height: 0;">
<div style="position: relative; height: 2px; overflow: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; border: 0px solid;"><iframe src="http://www2.cbox.ws/box/?boxid=2376841&boxtag=l48d2l&sec=main" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="auto" allowtransparency="yes" name="cboxmain2-2376841" id="cboxmain2-2376841"></iframe></div>
<div style="position: relative; height: 108px; overflow: hidden; border: 0px solid; border-top: 0px;"><iframe src="http://www2.cbox.ws/box/?boxid=2376841&boxtag=l48d2l&sec=form" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="no" allowtransparency="yes" name="cboxform2-2376841" id="cboxform2-2376841"></iframe></div>
</div>
<!-- END CBOX -->
<br>
<div class="tit">Credit ♥</div><br>
<div style="text-align: center;">
<!----- DONT REMOVE THE CREDITS OR I'LL CALL BARO TO KILL YOU -------!>
<center><img src="https://67.media.tumblr.com/2f4e9ecafcb86561f45e902ddce953a4/tumblr_n9qbjn6Elm1tg1mxwo1_500.gif" width="250" /> </div> </center>
@2015- full edit by <a href="http://ryoko-rin.blogspot.com/">Ryoko Rin</a> Template by <a href="http://ryoko-rin.cf/">Ryoko Rin</a></b> <a href="http://ryoko-rin.cf/"> </a> cute icon from <a href="http://www.we-heart-it.com/">we heart it</a> This owner <a href="http://blogger.com/">U'r name</a>
<!----- DONT REMOVE THE CREDITS OR I'LL CALL BARO TO KILL YOU -------!>
<br>
<td valign="top" style="width:500px; padding-left:5px; border-left:1px solid #f0f0f0; padding-right:11px; padding-left:22px;">
<div id="entry">
<blogger><div class="tit"><BlogItemTitle>
<img src='http://i596.photobucket.com/albums/tt44/ainurnajwastory/thgirl-1.gif'/>
<$BlogItemTitle$>
</BlogItemTitle></div>
<$blogitembody$><div class="com"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div>
<br></blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center>
</div>
</td></tr></tbody>
</table>
<div id="linkies" style="display: none;">
<div class="tit"><img src="http://media.tumblr.com/b0cf34c37279b551e3cabb8f66578f19/tumblr_inline_mg2m65sBW51qdlkyg.gif" />My Secret Admire ♥ </div><br>
<center><img src="http://data.whicdn.com/images/13369570/large.png"></center><br>
Hi. Wanna be next? Tell me at Cbox. bla bla bla<br /><---- exchange with your words ----><br>
<br>
<a class="linkies" href="http://ryoko-rin.cf">Ryoko Rin</a>
<a class="linkie" href="http://blogspot.com/">Next</a>
<a class="linkie" href="http://blogspot.com/">Next</a>
<a class="linkie" href="http://blogspot.com/">Next</a>
<a class="linkie" href="http://blogspot.com/">Next</a>
<a class="linkie" href="http://blogspot.com/">Next</a>
<br>
<div id="about" style="display: none;">
<div class="tit"><img src="http://media.tumblr.com/tumblr_m89hiaQDCS1qdlkyg.gif" /> About Me ♥ </div>
<center><img src="https://33.media.tumblr.com/ea313abcda156f3d5b503dd1bf462659/tumblr_mobt4fw9JX1s9m4lro1_500.gif"></center><br>
<br />
<ul>
<li><b style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;">Name</b><span style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;"> : Ryoko Rin</span></li>
<li><b style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;">Nickname</b><span style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;"> : ryoko</span></li>
<li><b style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;">Still young?</b><span style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;"> : of course!</span></li>
<li><b style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;">When your birthday?</b><span style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;"> : 00</span></li>
<li><b style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;">Hobby</b><span style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;"> : create a blog, blogwalking, playing games, etc.</span></li>
<li><b style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;">Occupation</b><span style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;">: owner this blog ^^</span></li>
<li><b style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;">Like</b><span style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;">: Chocolate, ice cream, candy and anything that tastes sweet. Yummy: p </span></li>
<li><b style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;">Dislike</b><span style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;">: the wicked: v, enemies, which often reference to profanity, etc. lol lol</span></li>
<li><b style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;">Love</b><span style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;">: Family, Friend, Boyfriend, and my ex</span></li>
<li><b style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;">Kind of?</b><span style="background-color: white; color: #b7b7b7; font-family: 'Patrick Hand', cursive; font-size: 14px; line-height: 17px;"> : Beautiful, simple and friendly </span></li>
</ul>
<div id="diary" style="display: none;">
<blogger><div class="tit"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<$blogitembody$><div class="com"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div>
<br>
<hr/><center>Thanks for reading <img src="http://i596.photobucket.com/albums/tt44/ainurnajwastory/smile.gif"></center><hr/>
</blogger>
<br>
</div>
<div id="stuff" style="display: none;">
<div class="tit"> Tutorial and Freebies for you <img src="http://media.tumblr.com/93476052c73d3bd6e52ba94a0d601359/tumblr_inline_mg1a7tu16w1qdlkyg.gif"/></div><br>
<center><img src="http://i483.photobucket.com/albums/rr197/neesiwoof/tumblr_mvli56R26e1sq7d75o1_r1_500_zpsmy2closm.gif"></center><br>
<center><u/ >Tutorial ♥</u/ ></center>
<div>
<ul>
<li><a href="https://www.blogger.com/">Tutorial</a></li>
<li><a href="https://www.blogger.com/">Tutorial</a></li>
<li><a href="https://www.blogger.com/">Tutorial</a></li>
<li><a href="https://www.blogger.com/">Tutorial</a></li>
<li><a href="https://www.blogger.com/">Tutorial</a></li>
</ul>
</div>
<br />
<br />
<center><u/ >Freebies ♥</u/ ></center>
<div>
<ul>
<li><a href="https://www.blogger.com/">Freebies</a></li>
<li><a href="https://www.blogger.com/">Freebies</a></li>
<li><a href="https://www.blogger.com/">Freebies</a></li>
<li><a href="https://www.blogger.com/">Freebies</a></li>
<li><a href="https://www.blogger.com/">Freebies</a></li>
</ul>
</div>
<div>
<!-- code for turning all non-blog links to new page links -->
<script type="text/javascript" language="javascript">
var arr = document.getElementsByTagName("a"); //get all links in the page
for(var i = 0; i < arr.length; i++)
{
if(arr[i].href.indexOf("URL") < 0 //not links that are 'inside' blog
&& arr[i].href.indexOf("javascript:") < 0) //not javascript links
arr[i].target = "_blank";
}
</script>
</table>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'/><script src='https://sites.google.com/site/jquery01/jquery.lazyload.mini.js?ver=1.5.0' type='text/javascript'/><script type='text/javascript'>jQuery(document).ready(function($){if (navigator.platform == "iPad") return;jQuery("img").lazyload({effect:"fadeIn",placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ2s4g_F0wDLlDGRYI_DVspE-js8LnEW42nVRR5jTXqvGyK_i5Vy_0c6OjJ7W6fdrx-o0Hg8rrWlPKJlJZya6xaRx_Uio48W0dXzJb-DVGMX1kKAvmFS025-SZbtGJdCUmagwkY0ximFw/s1600/grey.gif"});});</script>
</body>
</head>
<base target='_blank'/>
<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>
</html>
<script type='text/javascript'></script><script type='text/javascript'>
</table></body></head></html>
untuk skin, header, freebies back to top, dan banner ada di skins ini urlnya
http://ryoko-rin-html.blogspot.co.id/2016/04/relshortcut-icon-hrefhttpmedia.html unruk banner ada di secret box ya ^^
semoga kamu suka ^^
kalo untuk tutorial cara membuat comment box kaya aku, sebenernya aku cuma ganti background nya, dan tampilan kaya gitu cuma untuk Denim template kaya yang aku pake, kalo untuk blogskin udah aku pasang di skins yang aku buat untuk kamu ^^, caranya kaya gini :
<dl id="comments-block"><div style="width:470px; padding:5px;margin-top:20px;border:4px solid #ffbad2;6px;background:url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNWLWVNaoUI0B2AHbibSraQvYQwQT-OCr_SJ0Onq32uuO92ZnRD552WZnMaTIkFI-uNpBfRKiWZD6bNLrjFjfu5vhhpRo2pKxTnGE7YBveNtg4-Hh4ZLWxbRZCziAEUs_kLNSB1LiZQxk/s1600/mainbackground_chiaki3.png); box-shadow:0 0 3px #ffbad2;">
- yang aku bold itu adalah url imagenya kamu bisa tukar dengan url image yang kamu mau ^^ semoga berhasil ^^
semoga kamu suka sama skins yang aku buat ^^ dan semoga tutorialnya bermanfaat ^^ maaf ya baru bisa post :(
Doodle
Tutorial pemasangan Tooltips (untuk blogskin):
- buka blogger
- dashboard >> template
- cari kode </style>
- copy kode dibawah dan paste diatas kode </style>
#s-m-t-tooltip {
background: url(URL BACKGROUND);
font-size: 9px;
line-height: 11px;
font-family: arial;
letter-spacing: 2px;
text-transform: lowercase;
color: #fff;
text-align: center;
padding: 5px 10px 5px 10px;
display: block;
border-radius: 5px;
margin: 24px 14px 7px 12px;
}
- setelah itu, cari kode </html>
- copy dan pastekan kode ini diatas kode </html>
<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>
untuk cara pamasangannya:
1. kalo untuk masang di link:
kode sebelum memakai tooltips:
<a href="http://ryoko-rin.cf
"/>Ryoko Rin</a>
kode sesudah memakai tooltips:
<a href="http://ryoko-rin.cf"
title="Ryoko Rin"/>Ryoko Rin</a>
tampak perbadaannya kan? artinya kamu memasang tooltip diantara
" dan / atau jika tidak ada kode
/ diantara
" dan
>
2.pemasangan di gambar
<img src="http://url gambar/" title="terserah kamun" />
intinya sama dengan cara pamasangan gambar, kamu meletakkannya diantara kode " dan /
selamat mencoba semoga berhasil ^^
Background polkadot warna pastel
model 1
model 2
Semoga kamu suka ya Anisa ^^ kalo ada yang perlu dipertanyaka atau ga suka sama hadiahnya mohon dikirim ke gmail aku ya ^^ oia , untuk hadiah pulsa hari senin yak ^^ maaf baru bisa kasih sekarang :(
<html>
<link rel="shortcut icon" href="http://media.tumblr.com/tumblr_m4tqlnjhYJ1qdlkyg.gif" />
<link href='https://fonts.googleapis.com/css?family=Patrick+Hand' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/css?family=Handlee' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/css?family=McLaren' rel='stylesheet' type='text/css'/>
<head>
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script>
<script type='text/javascript' language='Javascript'>
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNcPmxvjAzKsML-VYce0DTG7cyTyWXGNu65rUL679_o7PF5lyyobgsppDqWiHcm2x4cDW2EQCBL9EQpCUQuhsZFx5L_G7px8l88dQnDoUUluRUug-ezqn4dy7hHwa1xChx6gyiBXM99R0/s1600/back+to+top+3.png" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
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 //not IE or IE7+ browsers in standards mode
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:"Let's Fly High !"})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>
</br></br>
<center><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbbenF5-B_3Tany_-NPMLHkuhDa0bD-J0P8BqqS5sxY8mbSoH56aCbv5ceuFBHTfX3Sqm9K3EHT_I3df5PcB1rwi_n5gNQwkDTSpZxyf-DUwLEw132T_e0uw2-kmCgccpOoa7Wq_YDC8JL/s1600/hanna.jpg" style="opacity: 100;" /></center>
<title>Travel Around the World</title>
<style type="text/css">
#navbar-iframe {
display: none;
}
body {
background:url(http://i0.wp.com/japanlover.me/goodies/kawaii/05-bg/tiled/sakura-tile__0001_Layer-2.png);
background-attachment:fixed;
cursor: url(http://www.cursor.cc/cursor/868/50/cursor.png), progress;
font-family: 'McLaren', cursive;
font-size: 11px;
text-align: left;
}
::-webkit-scrollbar {
height:8px;
width: 8px;
background: #fff;
}
::-webkit-scrollbar-thumb {
background-color: #ffbad2;
-moz-border-radius: 12px;
border-radius: 12px;
}
::-moz-selection {
background: transparent;
color:#ffbad2;
}
::selection {
background: transparent;
color:#fff;
text-shadow:1px 1px 3px #ffbad2;
}
a:link, a:visited {
color: #ffbad2;
text-decoration: none;
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjUzRhYe7f5wS-Xqi_zB1k2jzZcpp6jgq0KC1Y5F6P6dmNb3DgUfA5S-CoM0Gx2PawZxvh4jfveu8kY4uHa-VzUfspFFs6qoi50OZNZ5h00QUAAhfbVZljIUOQw5sq9lFn1tPuKcJlZowL/s1600/treez.png), progress;
}
a:hover {
-webkit-transition-duration: 0.5s;
color:#666;
}
.tit {
background: #fff;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
box-shadow:inset -100px 0px 0px -0.5px #ffbad2;
border:2px solid #ffbad2;
font:15px Handlee;
letter-spacing: 1px;
word-spacing: 1px;
text-align: left;
color:#666;
padding:3px;
}
@font-face { font-family:yow !important; src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important; }
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;
-moz-border-radius: 45px; border-radius: 45px;
font-size:10px;
text-transform:uppercase;
color: #666;
background: #fff;
border:2px solid #ffbad2;
text-align:center;
}
a.navi:hover{
-moz-box-shadow:inset -100px 0px -200px -0.5px #ffbad2;
-webkit-box-shadow:inset -100px 0px -200px -0.5px #ffbad2;
box-shadow:inset -100px 0px 0px -0.5px #ffbad2;
color: #fff;
}
.sidebarblog {
background:#Fff;
color: #ffbad2;
padding: 9px;
width: 255px;
border-bottom-left-radius: 10px;
border-bottom-right-radius:10px;
text-align: left;
border:1px solid #ffbad2;
}
li {
list-style-image:url(http://media.tumblr.com/tumblr_m2kfyrLw9B1qdlkyg.gif) ;
}
li:hover {
list-style-image:url(http://media.tumblr.com/3b19d829ba9545cce4804bb29bc1125e/tumblr_inline_mjs0rphdBk1qdlkyg.gif);
}
i {
text-style: italic;
color: #ffbad2;
}
u {
text-underline: underline;
border-bottom: 2px solid #ffbad2;
}
u:hover {
border: 5px solid #ffbad2;
background: #ffbad2;
color: #fff;
}
b {
font-weight: bold;
color: #ffbad2;
}
s, strike {
color: #ffbad2;
}
s, strike:hover {
color: #fff;
}
blockquote {
background-position:bottom right;
background-repeat:no-repeat;
background-image: url(http://media.tumblr.com/tumblr_mdpf5aDwXe1qdlkyg.gif);
border-left: 50px solid #ffbad2;
padding: 10px;
margin:1em 20px;
box-shadow:inset 0 0px 0px #ffbad2;
transition: all 1s ease-in-out;
}
blockquote:hover {
background: white;
border-right: 50px solid #ffbad2;
border-left: none;
margin:1em 20px;
color:#666;
}
comment-timestamp {margin:0 0 .5em;padding:0 0 .75em 20px;color:#ffbad2;}.deleted-comment {font-style:italic;color:gray;}#comments {margin:5;border-width:0 1px 1px;padding:20px 0 15px 0;}.comment-icon blogger-comment-icon{display:none}#comments-block {margin:2px ;}.comment-data {background:url("http://media.tumblr.com/tumblr_mdpf63YzfD1qdlkyg.gif") no-repeat 2px .3em;margin-top:5px !important;background-size:10px;padding:0 0 0 20px;color:#666;}span.comment-icon{display:none}.comment-poster {font-weight:bold;}.comment-body {margin:0px;}.comment-body p {background:#FFFFFF;border:3px solid #ffbad2;margin:0em;padding:5px;color:#666;}
<style>
.bskins{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border-radius: 50%;
width: 100px;
height: 100px;
border: 5px solid #fff;
}
.bskins:hover{
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;}
border-radius: 50%;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border: 5px solid #ffbad2;
</style>
<center>
<div>
</style>
<br />
<center>
<a class="navi" href="http://ryoko-rin.cf"title='go to HOME'>Home</a>
<a class="navi" href="http://ryoko-rin.cf"title='this is owner'>About</a>
<a class="navi" href="http://ryoko-rin.cf"title='Tutorial, Freebies and other HERE!! '>Stuffs</a>
<a class="navi" href="http://ryoko-rin.cf"title='My Friends'>Linkies</a>
<a class="navi" href="https://www.facebook.com/arina.adzkiaazzahra"title='Add my fb okay?'>Facebook</a>
<a class="navi" href="https://twitter.com/otagame_rin28"title='follow my twitter'>Twitter</a>
<a class="navi" href="https://www.blogger.com/follow-blog.g?blogID=7073345753215829739"title='Follow Me!'>Follow</a>
</style>
<body oncontextmenu='return false;'>
<br>
</head>
</div></div>
<br>
<table style="font-size: 11px; border:1px solid #ffbad2; color: #666; line-height: 17px; background:white; border-radius:8px;" width="860" align="center" border="0" cellspacing="8">
<tbody><tr>
<td valign="top" style="line-height:16px; letter-font-size:9px; width:80px; padding-right:10px;">
<div class="tit">This Owner ♥ </div><br>
<center><div style="background:url(https://upload.wikimedia.org/wikipedia/commons/thumb/e/eb/Flag_of_Taliban_(original).svg/2000px-Flag_of_Taliban_(original).svg.png) repeat; border:1px solid #ffbad2;;padding:5px;width:205px;">
<img style="width:200px;height:140px;" src="https://49.media.tumblr.com/0b956364f5f5c8dbda9f2cb37d0bf3d7/tumblr_o4sbtl4kC11v0fb1bo1_500.gif" />
<div class="dash">
<a href="http://blogger.com/home" title="Dashboard">Dashboard</a> |
<a href="http://www.blogger.com/follow-blog.g?blogID=Your Blog Id" title="Follow">Follow</a>
</div></div></center>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<b>
</b></div>
<div style="text-align: center;">
<h3>Konnichiwa minna!</h3> Welcome to my world. Do not copy anything here. If you would like to copy this blog please report to the owner first before being allowed do not offhand in the copy. Be a good girl and a boy. Please send comments and suggestions on Cbox me ^^ <br>
<br>
<br>
<div class="tit">Chat with Me ♥</div>
<center><style type="text/css">.box {width: 240px;padding: 10px;background: #fff;}.box2 {padding:3px;display:block;height:17px;width:235px;border: solid #ffbad2 ;background:#fff;-webkit-transition-duration:.8s;-moz-transition-duration:.8s;overflow:hidden;}.box2:hover {height: 150px;}h01{font-family: 'McLaren', cursive;padding-top:1px;font-size:12px;color:#000;text-align:center;text-transform :uppercase;background: #ffffff;letter-spacing:5px;height:16px;padding-center:6px;display:block;-moz-transition: 0.5s;-webkit-transition: 0.5s;}</style><br /><div class="box"><div class="box2"><h01>My Rules</h01><div style="font-family:Handlee;font-size:12px;height:130px; overflow:auto;margin-top:3px;"><img src="http://media.tumblr.com/tumblr_m4i8d1Kpz21qdlkyg.gif"/>Jangan anomin<br />
<img src="http://media.tumblr.com/tumblr_m4i8cexb2L1qdlkyg.gif"/>Berkatalah dengan sopan<br />
<img src="http://media.tumblr.com/tumblr_m4i8chINQv1qdlkyg.gif"/>Jangan spam<br />
<img src="http://media.tumblr.com/tumblr_m4i7yzYAEP1qdlkyg.gif"/>Jangan menggunakan kata kotor<br />
<img src="http://media.tumblr.com/tumblr_mb6oqa1KyS1qdlkyg.gif"/>Isi lah nama dengan nama mu<br />
<img src="http://media.tumblr.com/tumblr_mb6osl8mUi1qdlkyg.gif"/>isi URL blog mu<br />
<img src="http://media.tumblr.com/tumblr_mdnsj2ooce1qdlkyg.gif"/>Request? silahkan....<br />
<img src="http://media.tumblr.com/tumblr_m7ei7syNOf1qdlkyg.gif"/>Bisa mematuhi? terimakasih<img src="http://media.tumblr.com/tumblr_m7ei7syNOf1qdlkyg.gif"/><br>*TUKAR DENGAN KATA-KATAMU</center></div></div></div><br /> </center>
<center><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEKmYIUElVt7lWGB4Md5ubM8fJ2lC3JHKTwD0Y7hlwDzPEGQuSw5KkURry16j7DdVAm3mPSrIZ99jgtc7GXhrGhasMxC8L2X5Vt2QDw_RSS8wuOWh96Q5rYy239d1Suf5pajsfMDskaJc/s1600/capture-20130503-180315.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEKmYIUElVt7lWGB4Md5ubM8fJ2lC3JHKTwD0Y7hlwDzPEGQuSw5KkURry16j7DdVAm3mPSrIZ99jgtc7GXhrGhasMxC8L2X5Vt2QDw_RSS8wuOWh96Q5rYy239d1Suf5pajsfMDskaJc/s1600/capture-20130503-180315.png" /></a><br>
<br />
<div class="tit">Secret Box ♥</div><br>
<style>
.adv2 ul{background:url(http://i.imgur.com/WTp3A.gif);padding:5px;border:1px dashed #ffbad2;text-align:center;width:250px;color:#ffbad2}
.adv2 p{padding:5px;text-align:left;width:200px;color:#ffbad2;}
a.tablo{-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background:#ffbad2;
width:20px;
text-decoration:none;
border:1px dashed #ffbad2;
border-radius:33px;
color:#555;
display:inline-block;
text-align:center;
}
a.tablo:hover{background:#ffbad2;color:#fff;}
#s-m-t-tooltip {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNWLWVNaoUI0B2AHbibSraQvYQwQT-OCr_SJ0Onq32uuO92ZnRD552WZnMaTIkFI-uNpBfRKiWZD6bNLrjFjfu5vhhpRo2pKxTnGE7YBveNtg4-Hh4ZLWxbRZCziAEUs_kLNSB1LiZQxk/s1600/mainbackground_chiaki3.png);
font-size: 13px;
line-height: 11px;
font-family: Patrick Hand;
border-left:5px solid #ffbad2;
border-right:5px solid #ffbad2;
border-top:1px solid #ffbad2;
border-bottom:1px solid #ffbad2;
letter-spacing: 2px;
text-transform: lowercase;
color: #ffbad2;
text-align: center;
padding: 5px 10px 5px 10px;
display: block;
border-radius: 5px;
margin: 24px 14px 7px 12px;
}
</style>
<div id="adv2" class="adv2">
<center><style>
.babo{background:url(https://s-media-cache-ak0.pinimg.com/736x/28/08/16/280816511f2fb4a957ee50d17502b3f0.jpg);padding:5px;border:3px solid #ffbad2;text-align:center;width:250px;color:#ffbad2}
a.tablo{
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor:pointer;background:#ffbad2;
width:20px;
text-decoration:none;
border:2px dashed #fff;
color:#fff;
box-shadow:1px 1px 3px #ffbad2;
border-radius:33px;
display:inline-block;
text-align:center;
font:11px Short Stack;
}
a.tablo:hover{border:3px dashed #ffbad2;background:#fff ; color:#ffbad2}
#wnsb img{max-width:245px;}
</style>
<div class="babo">
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('1').innerHTML" title='my banner'>A</a>
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('2').innerHTML"title='fb and twitter' >N</a>
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('3').innerHTML" title='click here '>I</a>
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('4').innerHTML" title='search here'>M</a>
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('5').innerHTML" title='cursor switch'>E</a></div>
<div id="wnsb" style="width:250px;color:#999; padding:5px;border:3px solid #ffbad2;border-top:none;font:11px Short Stack; letter-spacing:1px;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIFf-iEw17eZDO5gMME_1e8x7IgmG3zYKTcfug7GJoVWVege9OcFHBPSr_RvQ0NufR5jI5aGCjhdHx05k47vy1FDa1_6hWfYpTETOfdnsCyMtAdHL1KAlLETwshDhaMzCKZoDyEaQFbDie/s1600/0f7193c04d287b1008b0d9221c26b585.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIFf-iEw17eZDO5gMME_1e8x7IgmG3zYKTcfug7GJoVWVege9OcFHBPSr_RvQ0NufR5jI5aGCjhdHx05k47vy1FDa1_6hWfYpTETOfdnsCyMtAdHL1KAlLETwshDhaMzCKZoDyEaQFbDie/s1600/0f7193c04d287b1008b0d9221c26b585.jpg" /></a>
</div>
<div id="1" style="display: none;">
Put my banner in your blog , okay?
<a href="http://ryoko-rin.cf" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR2hGkUBXKWXcvTKMx0HyzjoIOsE5mDtIJDk_GYk7y6FvAi0FY3JBXmv1dk8yIHsI9Yfap0-Q-zftGkuWr_vMpzR3JmYoT7j0aN_rlsqP6isFrSovhNAlHru7MT5oRaLF-L9D5fbVeVinb/s1600/Hanna+banner.gif" /></a>
<br>
<center>
<textarea cols="13" readonly="" rows="2" style="background: url(URL BACKGROUND ); border: 2px solid rgb(255, 186, 210); color: #666; height: 80px; width: 167px;"><a href="YOUR URL" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR2hGkUBXKWXcvTKMx0HyzjoIOsE5mDtIJDk_GYk7y6FvAi0FY3JBXmv1dk8yIHsI9Yfap0-Q-zftGkuWr_vMpzR3JmYoT7j0aN_rlsqP6isFrSovhNAlHru7MT5oRaLF-L9D5fbVeVinb/s1600/Hanna+banner.gif" /></a> </textarea></center>
<br /></div>
</div>
<div id="2" style="display: none;">
</di<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjodB9-WGeh0crvNvYLuRY7ILIYYyOELxxxth-rbzRIm8WHDReYGjR33vTqlcz9MnyIS7oXQK2Im55dNjX70EI5Dk2VVybX_JOyTjEZN_pu_vu9okE1O1bewrkoP74wxEoC6JoHu41893cz/s1600/icon_facebook.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL YOUR FACEBOOK" /><a href="https://www.facebook.com/arina.adzkiaazzahra"title='click here to show my fb'>YOUR FACEBOOK NAME</a><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv5k-jlhh-ItGvRS_89DVJ5tcTFnbqucXjilqByfmeZla0q6oDA4YAZuEIy38901dsKzWCXvqew1FX4FdALhlbtzinq1MpQgSO1cremN8rGxporCgvVBOZhGnEWoK775z8ENflITL4nZwo/s1600/tumblr_m2fwq0QdoJ1qdlkyg.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-dpjw31xWsBc/Vc9oWGu8-BI/AAAAAAAAAEg/09uKscEXTjQblr_m2fwq0QdoJ1qdlkyg.gif" /><a href="URL YOUR FACEBOOK"title='follow my twitter , okay?'>YOUR TWITTER NAME</a>
<br />
</div>
<div id="3" style="display: none;">
PUT ANITING HERE!!
</div>
</div>
<div id="4" style="display: none;">
<input id="search-box" name="q" size="20"
style="background: #fff; border: 1px solid #ffbad2;" type="text" value"Search" />
<input id="search-btn" style="background: #fff; border: 1px solid #ffbad2;
color: #ffbad2; font-weight: bold;" type="submit" value="Go" /><br />
</style>
</div>
<div id="5" style="display: none;">
<!--カーソル・スイッチコード/-->
<div style="width: 160px; text-align: center; margin: 0 auto; font-size: 10px;"><script src="http://www.cursor-switch.com/widgets/13271/2794696210.js" type="text/javascript" charset="UTF-8"></script><a href="http://www.cursor-switch.com/" target="_blank">カーソル・スイッチ</a></div>
<!--カーソル・スイッチコード/-->
</div>
</div>
</center>
<br />
<br />
<br>
<div class="tit"> followers ♥</div><br>
<CENTER>WIDGET FOLLOWERS HERE!!
</div>
</center>
</script>
</div>
<br>
<br>
<div class="tit">Credit ♥</div><br>
<div style="text-align: center;">
<!----- DONT REMOVE THE CREDITS OR I'LL CALL BARO TO KILL YOU -------!>
@2015- full edit by <a href="http://ryoko-rin.cf/"title='owner ^^'>Ryoko Rin</a> Template by <a href="http://ryoko-rin.cf/"title='its me ><'>Ryoko Rin</a></b> <a href="http://ryoko-rin.cf/"> </a> cute icon from <a href="http://www.we-heart-it.com/"title='we heart it'>we heart it</a> Thanks to <a href="http://arrienlove.blogspot.com"title='kak arrien'>C </a><a href="http://www.anugerahsalsa.co.vu"title='kak salsa'>u </a><a href="http://alneira-firja.blogspot.co.id"title='neira'>t </a><a href="http://chiaki-tachikawa.blogspot.com"title='kak chiaki'>e </a>
<!----- DONT REMOVE THE CREDITS OR I'LL CALL BARO TO KILL YOU -------!>
<br>
<td valign="top" style="width:500px; padding-left:5px; border-left:1px solid #f0f0f0; padding-right:11px; padding-left:22px;">
<div id="entry">
<blogger><div class="tit"><BlogItemTitle>
<$BlogItemTitle$>
</BlogItemTitle></div>
<$blogitembody$><div class="com"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div>
<itempage> <div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block"><div style="width:470px; padding:5px;margin-top:20px;border:4px solid #ffbad2;6px;background:#fff; box-shadow:0 0 3px #ffbad2;">
<$CommentPager$> <blogitemcomments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a> <$I18NCommentAuthorSaid$></dt>
<dd class="comment-body"> <p>
<$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$> </dd> </BlogItemComments> <$CommentPager$> </dl>
</div>
<p class="comment-timestamp">
<$BlogItemCreate$> </p>
</div>
</ItemPage>
<br></blogger><br>
<div style="float: left;"><a class="leposts" href=<$NewerPosts$>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZenjaFmJiYBFOQif6OD6angwb6TZU9SO3omdruDdzjok8YHPzVEGhKzaY4a4ZR_Yrx65GqQTvVnSSRFD-oEjwaO5Vbqdwla5WE-a3j1lU3MlKLL6SfOPzJ3qjt0wVwyB9sxghGt1CUCOs/s1600/newer2.png" border="0"title='back' /></a></div>
<center><a href="http://ryoko-rin.blogspot.co.id"title='go to HOME'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0UtYdK2Tm-VL0x7HM9D21C3Axxec0mgeojm8VFhq2Yz6nCDNdpW21cyxCDV_Lp8Jau5wK784SBbotRfW-iNx568hChgqjis3VBMz-eMWagLtQfZ2I_PB7D-bWmr7GwHtRfeZ918hMVAfz/s1600/home2.png" border="0" />
<div style="float: right;"><a class="leposts" href=<$OlderPosts$>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_Ud0ZydhEO-3-JS8vWc6iHnh3krG6KyV8M_NG4hZAVilR4-CfIb7v2N1fPbh4vuuI5fMD5O_lTz38bYmYEHPBkoSVTnLIUD-kZuFe2P08WSALiIH_ls5u7fol_d4KgJ1bhKYfzwR-g6TW/s1600/older2.png" border="0" title='next'/></a>
<center><OlderPosts><a href=<$OlderPosts$>
</div>
</td></tr>
</tbody>
</table>
<div id="diary" style="display: none;">
<blogger><div class="tit"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<$blogitembody$><div class="com"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div>
<br>
</blogger>
<br>
</div>
<!-- code for turning all non-blog links to new page links -->
<script type="text/javascript" language="javascript">
var arr = document.getElementsByTagName("a"); //get all links in the page
for(var i = 0; i < arr.length; i++)
{
if(arr[i].href.indexOf("URL") < 0 //not links that are 'inside' blog
&& arr[i].href.indexOf("javascript:") < 0) //not javascript links
arr[i].target = "_blank";
}
</script>
</table>
</body>
</head>
<base target='_blank'/>
<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>
</html>
<script type='text/javascript'></script><script type='text/javascript'>
</table></body>
</script> </head>
<script type='text/javascript'>
</script>
</html>
<html>
<link rel="shortcut icon" href="http://media.tumblr.com/tumblr_mb6oq3X1uu1qdlkyg.gif" />
<link href='https://fonts.googleapis.com/css?family=Patrick+Hand' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/css?family=Handlee' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/css?family=McLaren' rel='stylesheet' type='text/css'/>
<head>
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script>
<script type='text/javascript' language='Javascript'>
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1QTaJ0D4Bl30cB61yIMx9PavPKosyWpo-Wq6XExKVF-byyYNZX0973MAri6lhqlebF8QB4_LSj9TzCygeFPNZ5-i_5VhSOodg22uGA9H4uvSSIqCvdZD22vOXGZ1a7Y1AlCrcub8RMJI/s1600/Top+Button+Origami.png" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
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 //not IE or IE7+ browsers in standards mode
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:"Let's Fly High !"})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>
</br></br>
<center><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihuWtDSqvU5-hKXkqbwIGAXRA_zJYsMq1dT-wbTNFN0NER7jGkmGEBvuRaem0sup8Q8PeVtZZKUkge_lsDP76GZ465-dHNtpncO50ztn71FFFqwUjQgtfJO5bswI-toCCaakn0wmdp47M/s1600/ryoko-rin-header1.png" style="opacity: 100;" /></center>
<title>Wonderland </title>
<style type="text/css">
#navbar-iframe {
display: none;
}
body {
background:url(http://33.media.tumblr.com/372f8c6b835fdabc4fc75475cab7c373/tumblr_inline_mwbs0jdxZ81qkc0d3.png);
background-attachment:fixed;
cursor: url(http://i.imgur.com/HSzxJ.png), progress;
font-family: 'McLaren', cursive;
font-size: 11px;
text-align: left;
}
::-webkit-scrollbar {
height:8px;
width: 8px;
background: #fff;
}
::-webkit-scrollbar-thumb {
background-color: #e1f5f4;
-moz-border-radius: 12px;
border-radius: 12px;
}
::-moz-selection {
background: transparent;
color:#e1f5f4;
}
::selection {
background: transparent;
color:#666;
text-shadow:1px 1px 3px #66c0ff;
}
a:link, a:visited {
color: #badaff;
text-decoration: none;
cursor: url(http://www.cursor.cc/cursor/27/48/cursor.png), progress;
}
a:hover {
-webkit-transition-duration: 0.5s;
color:#666;
}
.tit {
background: #fff;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
box-shadow:inset -100px 0px 0px -0.5px #e1f5f4;
border:2px solid #e1f5f4;
font:15px Handlee;
letter-spacing: 1px;
word-spacing: 1px;
text-align: left;
color:#666;
padding:3px;
}
@font-face { font-family:yow !important; src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important; }
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;
-moz-border-radius: 45px; border-radius: 45px;
font-size:10px;
text-transform:uppercase;
color: #666;
background: #fff;
border:2px solid #e1f5f4;
text-align:center;
}
a.navi:hover{
-moz-box-shadow:inset -100px 0px -200px -0.5px #e1f5f4;
-webkit-box-shadow:inset -100px 0px -200px -0.5px #e1f5f4;
box-shadow:inset -100px 0px 0px -0.5px #e1f5f4;
color: #fff;
border:1px dashed #e1f5f4;
}
.sidebarblog {
background:#Fff;
color: #828484;
padding: 9px;
width: 255px;
border-bottom-left-radius: 10px;
border-bottom-right-radius:10px;
text-align: left;
border:1px dashed #e1f5f4;
}
li {
list-style-image:url(http://media.tumblr.com/tumblr_mdpf5nUZvz1qdlkyg.gif) ;
}
li:hover {
list-style-image:url(http://media.tumblr.com/tumblr_mdpf79BSVK1qdlkyg.gif);
}
i {
text-style: italic;
color: #badaff;
}
u {
text-underline: underline;
border-bottom: 2px solid #badaff;
}
u:hover {
border: 5px solid #badaff;
background: #e1f5f4;
color: #fff;
}
b {
font-weight: bold;
color: #e1f5f4;
}
s, strike {
color: #e1f5f4;
}
s, strike:hover {
color: #fff;
}
blockquote {
background-position:bottom right;
background-repeat:no-repeat;
background-image: url(http://media.tumblr.com/tumblr_mdpf5aDwXe1qdlkyg.gif);
border-left: 50px solid #e1f5f4;
padding: 10px;
margin:1em 20px;
box-shadow:inset 0 0px 0px #badaff;
transition: all 1s ease-in-out;
}
blockquote:hover {
background: white;
border-right: 50px solid #e1f5f4;
border-left: none;
margin:1em 20px;
color:#666;
}
comment-timestamp {margin:0 0 .5em;padding:0 0 .75em 20px;color:#badaff;}.deleted-comment {font-style:italic;color:gray;}#comments {margin:5;border-width:0 1px 1px;padding:20px 0 15px 0;}.comment-icon blogger-comment-icon{display:none}#comments-block {margin:2px ;}.comment-data {background:url("http://media.tumblr.com/tumblr_mdpf63YzfD1qdlkyg.gif") no-repeat 2px .3em;margin-top:5px !important;background-size:10px;padding:0 0 0 20px;color:#666;}span.comment-icon{display:none}.comment-poster {font-weight:bold;}.comment-body {margin:0px;}.comment-body p {background:#FFFFFF;border:3px solid #badaff;margin:0em;padding:5px;color:#666;}
<style>
.bskins{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border-radius: 50%;
width: 100px;
height: 100px;
border: 5px solid #fff;
}
.bskins:hover{
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;}
border-radius: 50%;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border: 5px solid #e1f5f4;
</style>
<center>
<div>
</style>
<br />
<center>
<a class="navi" href="http://ryoko-rin.blogspot.co.id"title='go to HOME'>Home</a>
<a class="navi" href="http://ryoko-rin-about-me.blogspot.com"title='this is owner'>About</a>
<a class="navi" href="http://ryoko-rin-all-tutorial.blogspot.co.id"title='Tutorial, Freebies and other HERE!! '>Stuffs</a>
<a class="navi" href="http://ryoko-rin-linkies.blogspot.co.id"title='My Friends'>Linkies</a>
<a class="navi" href="https://www.facebook.com/arina.adzkiaazzahra"title='Add my fb okay?'>Facebook</a>
<a class="navi" href="https://twitter.com/otagame_rin28"title='follow my twitter'>Twitter</a>
<a class="navi" href="https://www.blogger.com/follow-blog.g?blogID=7073345753215829739"title='Follow Me!'>Follow</a>
</style>
<body oncontextmenu='return false;'>
<br>
</head>
</div></div>
<br>
<table style="font-size: 11px; border:1px dashed #e1f5f4; color: #777; line-height: 17px; background:white; border-radius:8px;" width="860" align="center" border="0" cellspacing="8">
<tbody><tr>
<td valign="top" style="line-height:16px; letter-font-size:9px; width:80px; padding-right:10px;">
<div class="tit">This Owner ♥ </div><br>
<center><div style="background:url(https://upload.wikimedia.org/wikipedia/commons/thumb/e/eb/Flag_of_Taliban_(original).svg/2000px-Flag_of_Taliban_(original).svg.png) repeat; border:1px solid #e1f5f4;;padding:5px;width:205px;">
<img style="width:200px;height:140px;" src="http://data.whicdn.com/images/72254478/large.gif" />
<div class="dash">
<a href="http://blogger.com/home" title="Dashboard">Dashboard</a> |
<a href="http://www.blogger.com/follow-blog.g?blogID=Your Blog Id" title="Follow">Follow</a>
</div></div></center>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<b>
</b></div>
<div style="text-align: center;">
<h3>Konnichiwa minna!</h3> Welcome to my world. Do not copy anything here. If you would like to copy this blog please report to the owner first before being allowed do not offhand in the copy. Be a good girl and a boy. Please send comments and suggestions on Cbox me ^^ <br>
<br>
<br>
<div class="tit">Chat with Me ♥</div>
<center><style type="text/css">.box {width: 240px;padding: 10px;background: #fff;}.box2 {padding:3px;display:block;height:17px;width:235px;border: solid #e1f5f4 ;background:#fff;-webkit-transition-duration:.8s;-moz-transition-duration:.8s;overflow:hidden;}.box2:hover {height: 150px;}h01{font-family: 'McLaren', cursive;padding-top:1px;font-size:12px;color:#000;text-align:center;text-transform :uppercase;background: #ffffff;letter-spacing:5px;height:16px;padding-center:6px;display:block;-moz-transition: 0.5s;-webkit-transition: 0.5s;}</style><br /><div class="box"><div class="box2"><h01>My Rules</h01><div style="font-family:Handlee;font-size:12px;height:130px; overflow:auto;margin-top:3px;"><img src="http://media.tumblr.com/tumblr_m4i8d1Kpz21qdlkyg.gif"/>Jangan anomin<br />
<img src="http://media.tumblr.com/tumblr_m4i8cexb2L1qdlkyg.gif"/>Berkatalah dengan sopan<br />
<img src="http://media.tumblr.com/tumblr_m4i8chINQv1qdlkyg.gif"/>Jangan spam<br />
<img src="http://media.tumblr.com/tumblr_m4i7yzYAEP1qdlkyg.gif"/>Jangan menggunakan kata kotor<br />
<img src="http://media.tumblr.com/tumblr_mb6oqa1KyS1qdlkyg.gif"/>Isi lah nama dengan nama mu<br />
<img src="http://media.tumblr.com/tumblr_mb6osl8mUi1qdlkyg.gif"/>isi URL blog mu<br />
<img src="http://media.tumblr.com/tumblr_mdnsj2ooce1qdlkyg.gif"/>Request? silahkan....<br />
<img src="http://media.tumblr.com/tumblr_m7ei7syNOf1qdlkyg.gif"/>Bisa mematuhi? terimakasih<img src="http://media.tumblr.com/tumblr_m7ei7syNOf1qdlkyg.gif"/><br>*TUKAR DENGAN KATA-KATAMU</center></div></div></div><br /> </center>
<center><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkMPgem8L2W3HmyYCRr3hluFoYZcnp1ke0RG4XkvUgfdJcGH6-lZmblzug5l1eiSRczfTjhAhH8DPMRva050D009gc9S8qJSPp0m51Meu3yKPwjGB8zY4orqS9YE_eE3mF3yf6Nm7_BFQ/s1600/blue+cbox.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkMPgem8L2W3HmyYCRr3hluFoYZcnp1ke0RG4XkvUgfdJcGH6-lZmblzug5l1eiSRczfTjhAhH8DPMRva050D009gc9S8qJSPp0m51Meu3yKPwjGB8zY4orqS9YE_eE3mF3yf6Nm7_BFQ/s320/blue+cbox.png" /></a><br>
<br />
<div class="tit">Secret Box ♥</div><br>
<style>
.adv2 ul{background:url(http://i.imgur.com/WTp3A.gif);padding:5px;border:1px dashed #e1f5f4;text-align:center;width:250px;color:#e1f5f4}
.adv2 p{padding:5px;text-align:left;width:200px;color:#e1f5f4;}
a.tablo{-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background:#e1f5f4;
width:20px;
text-decoration:none;
border:1px dashed #e1f5f4;
border-radius:33px;
color:#555;
display:inline-block;
text-align:center;
}
a.tablo:hover{background:#e1f5f4;color:#fff;}
#s-m-t-tooltip {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNWLWVNaoUI0B2AHbibSraQvYQwQT-OCr_SJ0Onq32uuO92ZnRD552WZnMaTIkFI-uNpBfRKiWZD6bNLrjFjfu5vhhpRo2pKxTnGE7YBveNtg4-Hh4ZLWxbRZCziAEUs_kLNSB1LiZQxk/s1600/mainbackground_chiaki3.png);
font-size: 13px;
line-height: 11px;
font-family: Patrick Hand;
border-left:5px solid #e1f5f4;
border-right:5px solid #e1f5f4;
border-top:1px solid #e1f5f4;
border-bottom:1px solid #e1f5f4;
letter-spacing: 2px;
text-transform: lowercase;
color: #badaff;
text-align: center;
padding: 5px 10px 5px 10px;
display: block;
border-radius: 5px;
margin: 24px 14px 7px 12px;
}
</style>
<div id="adv2" class="adv2">
<center><style>
.babo{background:url(https://s-media-cache-ak0.pinimg.com/736x/28/08/16/280816511f2fb4a957ee50d17502b3f0.jpg);padding:5px;border:3px solid #e1f5f4;text-align:center;width:250px;color:#e1f5f4}
a.tablo{
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor:pointer;background:#e1f5f4;
width:20px;
text-decoration:none;
border:2px dashed #fff;
color:#fff;
box-shadow:1px 1px 3px #e1f5f4;
border-radius:33px;
display:inline-block;
text-align:center;
font:11px Short Stack;
}
a.tablo:hover{border:3px dashed #e1f5f4;background:#fff ; color:#e1f5f4}
#wnsb img{max-width:245px;}
</style>
<div class="babo">
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('1').innerHTML" title='my banner'>A</a>
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('2').innerHTML"title='fb and twitter' >N</a>
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('3').innerHTML" title='click here '>I</a>
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('4').innerHTML" title='search here'>M</a>
<a class="tablo" onclick="document.getElementById('wnsb').innerHTML=document.getElementById('5').innerHTML" title='cursor switch'>E</a></div>
<div id="wnsb" style="width:250px;color:#999; padding:5px;border:3px solid #e1f5f4;border-top:none;font:11px Short Stack; letter-spacing:1px;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhDV7o0gnOCAn8uBTPp4MJBW1PYa-UjjJmD0CUOcp9OO_uLE7HhvBb213J6P1FkKmhTYzpRkpmj2t8U67Hv1FWsVpMBRcbyzI3-Ljjb5IHOHLV_-Ed1GGDLbHqTKwE497ETPYPttr77ojq/s320/chibi_kawaii_sweet_anime_girl_female_simple_hd-wallpaper-1502723.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhDV7o0gnOCAn8uBTPp4MJBW1PYa-UjjJmD0CUOcp9OO_uLE7HhvBb213J6P1FkKmhTYzpRkpmj2t8U67Hv1FWsVpMBRcbyzI3-Ljjb5IHOHLV_-Ed1GGDLbHqTKwE497ETPYPttr77ojq/s320/chibi_kawaii_sweet_anime_girl_female_simple_hd-wallpaper-1502723.jpg" /></a>
</div>
<div id="1" style="display: none;">
Put my banner in your blog , okay?
<a href="http://ryoko-rin.blogspot.com" target="_blank"><img src="https://ridertua.filess.com/2012/09/motor-rusak.jpg" /></a>
<br>
<center>
<textarea cols="13" readonly="" rows="2" style="background: url(URL BACKGROUND ); border: 2px solid rgb(225, 245, 244); color: #666; height: 80px; width: 167px;"><a href="YOUR URL" target="_blank"><img src="YOUR BANNER" /></a> </textarea></center>
<br /></div>
</div>
<div id="2" style="display: none;">
</di<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjodB9-WGeh0crvNvYLuRY7ILIYYyOELxxxth-rbzRIm8WHDReYGjR33vTqlcz9MnyIS7oXQK2Im55dNjX70EI5Dk2VVybX_JOyTjEZN_pu_vu9okE1O1bewrkoP74wxEoC6JoHu41893cz/s1600/icon_facebook.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL YOUR FACEBOOK" /><a href="https://www.facebook.com/arina.adzkiaazzahra"title='click here to show my fb'>YOUR FACEBOOK NAME</a><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv5k-jlhh-ItGvRS_89DVJ5tcTFnbqucXjilqByfmeZla0q6oDA4YAZuEIy38901dsKzWCXvqew1FX4FdALhlbtzinq1MpQgSO1cremN8rGxporCgvVBOZhGnEWoK775z8ENflITL4nZwo/s1600/tumblr_m2fwq0QdoJ1qdlkyg.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-dpjw31xWsBc/Vc9oWGu8-BI/AAAAAAAAAEg/09uKscEXTjQblr_m2fwq0QdoJ1qdlkyg.gif" /><a href="URL YOUR FACEBOOK"title='follow my twitter , okay?'>YOUR TWITTER NAME</a>
<br />
</div>
<div id="3" style="display: none;">
PUT ANITING HERE!!
</div>
</div>
<div id="4" style="display: none;">
<input id="search-box" name="q" size="20"
style="background: #fff; border: 1px solid #e1f5f4;" type="text" value"Search" />
<input id="search-btn" style="background: #fff; border: 1px solid #e1f5f4;
color: #e1f5f4; font-weight: bold;" type="submit" value="Go" /><br />
</style>
</div>
<div id="5" style="display: none;">
<!--カーソル・スイッチコード/-->
<div style="width: 160px; text-align: center; margin: 0 auto; font-size: 10px;"><script src="http://www.cursor-switch.com/widgets/13265/6792296501.js" type="text/javascript" charset="UTF-8"></script><a href="http://www.cursor-switch.com/" target="_blank">カーソル・スイッチ</a></div>
<!--カーソル・スイッチコード/-->
</div>
</div>
</center>
<br />
<br />
<br>
<div class="tit"> followers ♥</div><br>
<CENTER>WIDGET FOLLOWERS HERE!!
</div>
</center>
</script>
</div>
<br>
<br>
<div class="tit">Credit ♥</div><br>
<div style="text-align: center;">
<!----- DONT REMOVE THE CREDITS OR I'LL CALL BARO TO KILL YOU -------!>
@2015- full edit by <a href="http://ryoko-rin.blogspot.com/"title='owner ^^'>Ryoko Rin</a> Template by <a href="http://ryoko-rin.blogspot.com/"title='its me ><'>Ryoko Rin</a></b> <a href="http://ryoko-rin.blogspot.com/"> </a> cute icon from <a href="http://www.we-heart-it.com/"title='we heart it'>we heart it</a> Thanks to <a href="http://arrienlove.blogspot.com"title='kak arrien'>C </a><a href="http://www.anugerahsalsa.co.vu"title='kak salsa'>u </a><a href="http://alneira-firja.blogspot.co.id"title='neira'>t </a><a href="http://chiaki-tachikawa.blogspot.com"title='kak chiaki'>e </a>
<!----- DONT REMOVE THE CREDITS OR I'LL CALL BARO TO KILL YOU -------!>
<br>
<td valign="top" style="width:500px; padding-left:5px; border-left:1px solid #f0f0f0; padding-right:11px; padding-left:22px;">
<div id="entry">
<blogger><div class="tit"><BlogItemTitle>
<$BlogItemTitle$>
</BlogItemTitle></div>
<$blogitembody$><div class="com"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div>
<itempage> <div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block"><div style="width:470px; padding:5px;margin-top:20px;border:4px solid #badaffff;6px;background:#e1f5f4; box-shadow:0 0 3px #badaff;">
<$CommentPager$> <blogitemcomments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a> <$I18NCommentAuthorSaid$></dt>
<dd class="comment-body"> <p>
<$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$> </dd> </BlogItemComments> <$CommentPager$> </dl>
</div>
<p class="comment-timestamp">
<$BlogItemCreate$> </p>
</div>
</ItemPage>
<br></blogger><br>
<div style="float: left;"><a class="leposts" href=<$NewerPosts$>
<img src="http://i947.photobucket.com/albums/ad318/hannacrazee/Decorated%20images/go5.png" border="0"title='back' /></a></div>
<center><a href="http://ryoko-rin.blogspot.co.id"title='go to HOME'><img src="http://i58.tinypic.com/2gw9yqo.png" border="0" />
<div style="float: right;"><a class="leposts" href=<$OlderPosts$>
<img src="http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/go5.png" border="0" title='next'/></a>
<center><OlderPosts><a href=<$OlderPosts$>
</div>
</td></tr>
</tbody>
</table>
<div id="diary" style="display: none;">
<blogger><div class="tit"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<$blogitembody$><div class="com"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div>
<br>
</blogger>
<br>
</div>
<!-- code for turning all non-blog links to new page links -->
<script type="text/javascript" language="javascript">
var arr = document.getElementsByTagName("a"); //get all links in the page
for(var i = 0; i < arr.length; i++)
{
if(arr[i].href.indexOf("URL") < 0 //not links that are 'inside' blog
&& arr[i].href.indexOf("javascript:") < 0) //not javascript links
arr[i].target = "_blank";
}
</script>
</table>
</body>
</head>
<base target='_blank'/>
<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>
</html>
<script type='text/javascript'></script><script type='text/javascript'>
</table></body>
</script> </head>
<script type='text/javascript'>
</script>
</html>
