API tools faq
paste
Advertisement
hanimjay

Ghibli (Blogger)

hanimjay
Aug 12th, 2019
95
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.35 KB | None | 0 0
raw download clone embed print report
  1. <!... template by Miichiko, WARNING ! DO NOT REMOVE CREDITS...!>
  2. <html><head>
  3. <script type='text/javascript'> document.ondragstart = function () { return false; }; </script>
  4. <base target='_blank'/>
  5. <title> ghiblii ; </title>
  6.  
  7. </script>
  8. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  9. <script type="text/javascript" src="http://static.tumblr.com/ifqwhnb/GBsm20q7d/jquery.nivo.slider.pack.js"></script>
  10. <script type="text/javascript">var $nv4wp = jQuery.noConflict();$nv4wp(window).load(function() {$nv4wp('#slider').nivoSlider({effect:'random', slices:15, // For slice animations boxCols: 4, // For box animations boxRows: 2, // For box animations animSpeed: 500, // Slide transition speed pauseTime: 3000, // How long each slide will show startSlide:0, // Set starting Slide (0 index) directionNav:true, //Next & Prev directionNavHide:true, //Only show on hover controlNav:true, // 1,2,3... navigation controlNavThumbs:false, // Use thumbnails for Control Nav controlNavThumbsFromRel:false, // Use image rel for thumbs controlNavThumbsSearch: '.jpg', // Replace this with... controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src keyboardNav:true, //Use left & right arrows pauseOnHover:true, //Stop animation while hovering manualAdvance:false, //Force manual transitions captionOpacity:0.8, //Universal caption opacity prevText: 'Prev', // Prev directionNav text nextText: 'Next', // Next directionNav text beforeChange: function(){}, // Triggers before a slide transition afterChange: function(){}, // Triggers after a slide transition slideshowEnd: function(){}, // Triggers after all slides have been shown lastSlide: function(){}, // Triggers when last slide is shown afterLoad: function(){} // Triggers when slider has loaded
  11. });}); </script>
  12.  
  13.  
  14. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  15.  
  16. <!--[if lte IE 7]>
  17. <style type="text/css">
  18. html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/
  19. </style>
  20. <![endif]-->
  21.  
  22. <script type="text/javascript" src="http://static.tumblr.com/s1wvhep/zhKlzscgb/jqueryslidemenu.js"></script>
  23.  
  24. <style type="text/css">
  25. ::-webkit-scrollbar {
  26. width: 10px;
  27. height: 10px;
  28. }
  29. ::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {
  30. height: 10px;
  31. width: 10px;
  32. display: block;
  33. background: #fff;
  34. border: 1px solid #dedede
  35. }
  36. ::-webkit-scrollbar-track-piece {
  37. background-color: #fff;
  38. }
  39. ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
  40. background-color: #fff;
  41. border: 1px solid #dedede
  42. }
  43. #navbar-iframe {display: none;}
  44. a:link, a:visited {
  45. color: #b8cbc3;
  46. text-decoration:none;
  47. -webkit-transition: 1s;
  48. }
  49.  
  50. #slider {position:relative;} #slider img {display:none;width:750px;} #slider a {display:block;}
  51. .nivoSlider {width:300px;height:260px;} .nivoSlider img {width:200px;height:130px;}
  52. .nivo-slice {display:block;position:absolute;z-index:5;height:100%;} .nivo-box {display:block;position:absolute;z-index:5;}
  53. .nivo-directionNav a {position:absolute;top:45%;z-index:99;cursor:pointer;} .nivo-prevNav {left:0px;} .nivo-nextNav {right:0px;}
  54. .slider {width:100%;} .slider a {border:0;display:block;}
  55. .slider img {position:absolute;top:0px;left:0px;display:none;width:250px;} .nivo-controlNav {display:none;}
  56. .nivo-directionNav a {display:block;width:31px;height:34px;background:url() no-repeat;text-indent:-9999px;}
  57. a.nivo-nextNav {background-position:-30px 0;right:15px;} a.nivo-prevNav {left:15px;}
  58.  
  59.  
  60. a:hover{
  61. -webkit-transition-duration:.2s;
  62. }
  63. ::-webkit-scrollbar {height: auto;width: 10px;background-color: #000; }
  64. ::-webkit-scrollbar-thumb {background-color: #F3F3F3;-moz-border-radius: 0px;border-radius: 0px;}
  65. ::selection {
  66. background:#FFB6B6;
  67. color:#fff;
  68. }
  69. @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  70.  
  71. @font-face { font-family: "arsenalewhite"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  72.  
  73. @font-face {font-family:tinytots;src: url(http://static.tumblr.com/tjzfmfv/vbEm08r8p/04b_03__.ttf); }
  74.  
  75. @font-face{
  76. font-family:iwaslike;
  77. src:url('http://static.tumblr.com/5xin63e/TWAmg7gn1/gtown.ttf');}
  78.  
  79. @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  80.  
  81. @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  82.  
  83. @font-face {font-family: “Aderyn”; src: url(http://static.tumblr.com/npggxjg/luym1v87p/dk_aderyn.ttf);}
  84.  
  85. @font-face { font-family: "learningcurve"; src: url('http://static.tumblr.com/rmj06l2/paAlm4ymo/learningcurve.ttf'); }
  86.  
  87. blockquote{
  88. border: 1px dashed #AACFC8;
  89. padding: 8px;
  90. letter-spacing: 0px;
  91. color:#777;
  92. background-color:#fff;
  93. font-family:lucida sans;
  94. font-size: 11px;
  95. }
  96.  
  97. .follower {background:url(http://i1363.photobucket.com/albums/r714/aprildelights/aprildelight/follower_zpsb43570f5.jpg);background-repeat:x-repeat;WIDTH:230px;height:180px;}
  98.  
  99. img {
  100. filter: alpha(opacity="10");
  101. opacity: 1.0;
  102. -webkit-transition:3s;
  103. }
  104. img:hover {
  105. filter:alpha(opacity="100");
  106. opacity: 1;
  107. -webkit-transition:1s;
  108. }
  109.  
  110. .blogger-labels {
  111. letter-spacing: 1px;
  112. font: 11px ms gothic;
  113. text-transform: uppercase;
  114. background: url(http://25.media.tumblr.com/971dadcd5d7b7caa6bd236bebf8e9d46/tumblr_mt67noIbPl1ru3nbdo7_r1_250.png);
  115. border-top: 0px solid #f2f2f2;
  116. padding: 4px;
  117. }
  118.  
  119. .post { height: auto!important; background: #fff; padding: 4px; border: 1px solid #e6e6e6; margin-right: 10px; }
  120.  
  121.  
  122. c {
  123. background-color: #fff;
  124. font-family:'iwaslike';
  125. letter-spacing: 1px;
  126. font-size: 12px;
  127. font-style:bold;
  128. color: #AACFC8;
  129. }
  130.  
  131. v {
  132. border: 0px solid #f2f2f2;
  133. margin-bottom: 0px;
  134. font: 18px 'iwaslike';
  135. text-transform: uppercase;
  136. letter-spacing: 1px;
  137. color: #eaccc7;
  138. }
  139.  
  140. brc {
  141. font-style: italic;
  142. letter-spacing: 0px;
  143. color: #fca5a5;
  144. border-bottom: 1px dashed #ece08f;
  145. }
  146.  
  147. bl {
  148. font-style: italic;
  149. letter-spacing: 0px;
  150. color: #add0c0;
  151. }
  152.  
  153. b {
  154. font-style: bold;
  155. letter-spacing: 0px;
  156. color: #d7ccae;
  157. }
  158.  
  159. i {
  160. font-style: italic;
  161. letter-spacing: 0px;
  162. color: #999;
  163. }
  164. u {
  165. text-decoration: none;
  166. border-radius: 4px;
  167. padding: 3px;
  168. -moz-border-radius: 10px 10px 10px; -webkit-border-radius: 10px 10px 10px; padding: 7x 7px 7px 7px;
  169. }
  170. u:hover {
  171. background: #EF88B6;
  172. color: #FFFFFF;
  173. -webkit-transition: 1s;
  174. -moz-border-radius: 10px 10px 10px; -webkit-border-radius: 10px 10px 10px; padding: 7x 7px 7px 7px;
  175. }
  176.  
  177.  
  178. body {
  179. background: #fcfbf2;
  180. font: 11px lucida sans;
  181. letter-spacing:0px;
  182. color:#666;
  183. }
  184.  
  185. .wrap {
  186. box-shadow:0 0 2px #ddd;
  187. width: 660px;
  188. background: #fff; border: 0px solid #e6e6e6; padding: 20px; line-height: 20px; }
  189.  
  190. #pages{
  191. color:#888;
  192. line-height: 20px;
  193. position: absolute;
  194. border-left: 0px solid #f2f2f2;
  195. top: 200px;
  196. left:440px;
  197. width: 635px;
  198. padding-top: 25px;
  199. padding-left:25px;
  200. padding-right:25px;
  201. -webkit-border-radius:0px;
  202. -moz-border-radius:0px;
  203. }
  204.  
  205. .divider{
  206. box-shadow:0 0px 4px #eee;
  207. background: url(http://i473.photobucket.com/albums/rr100/dirah_96/wood.png);
  208. position: absolute;
  209. width: 1355px;
  210. top: 0px;
  211. height: 170px; left: 0px; border-bottom: 17px solid #fff;
  212. }
  213.  
  214.  
  215. .hnie{
  216. font: 12px corbel;
  217. letter-spacing:0px;
  218. -webkit-border-radius:3px;
  219. -moz-border-radius:3px;
  220. line-height: 17px;
  221. color: #777;
  222. padding-top: 35px;
  223. padding-bottom: 5px;
  224. padding-left:25px;
  225. padding-right: 35px;
  226. top: 190px;
  227. left: 150px;
  228. position: absolute;
  229. width: 240px;
  230. }
  231.  
  232. a.linky {
  233. background: #fff;
  234. letter-spacing:0px;
  235. -webkit-transition: all 0.2s ease-out;
  236. -moz-transition: all 0.2s ease-out;
  237. transition: all 0.2s ease-out;
  238. margin:1px;
  239. cursor:pointer;
  240. display:inline-block;
  241. font:10px ms gothic;
  242. letter-spacing: 1px;
  243. text-align:center;
  244. width:70px;
  245. color:#999;
  246. padding:7px;
  247. border:1px #e6e6e6 solid;
  248. text-transform:uppercase;
  249. }
  250.  
  251.  
  252. a.linki {
  253. text-transform: uppercase;
  254. border-left: 0px solid #f2f2f2;
  255. margin-left: 2px;
  256. margin-top: 3px;
  257. margin-bottom: 4px;
  258. text-align: center;
  259. width: 99px;
  260. background: #fff;
  261. display: inline-block;
  262. color:#000;
  263. font: bold 10px 'tahoma';
  264. letter-spacing: 2px;
  265. padding:2px;
  266. filter: alpha(opacity = 80);
  267. opacity:.8;
  268. -moz-transition-duration: 1s;-
  269. webkit-transition-duration: 1s;
  270. }
  271.  
  272. a.linki:hover {
  273. text-transform: uppercase;
  274. margin-left: 0px;
  275. margin-top: 3px;
  276. margin-bottom: 4px;
  277. text-align: center;
  278. width: 99px;
  279. background: #fff;
  280. display: inline-block;
  281. color:#AACFC8;
  282. font: bold 10px 'tahoma';
  283. letter-spacing: 2px;
  284. padding:2px;
  285. filter: alpha(opacity = 80);
  286. opacity:.8;
  287. -moz-transition-duration: 1s;-
  288. webkit-transition-duration: 1s;
  289. }
  290.  
  291. .portal {
  292. font-family: arial;
  293. font-size: 18pt;
  294. text-align: left;
  295. letter-spacing: -3px;
  296. opacity: 1.0;
  297. text-decoration: none;
  298. padding: 5px 0px 5px 0px;
  299. margin-bottom: 2px;
  300. text-transform: lowercase;
  301. }
  302.  
  303.  
  304. .f1{
  305. margin-bottom: -2px;
  306. border-radius: 3px;
  307. padding: 1px;
  308. font: 22px 'caviardreams' ;
  309. text-align:left;
  310. border-top:0px double #f2f2f2;
  311. color:#e9cac5;
  312. margin-top:2px;
  313. letter-spacing:0px;
  314. border-bottom: 1px solid #f2f2f2;
  315. }
  316.  
  317. .f2{
  318. border-bottom: 1px dashed #ebe7d3;
  319. letter-spacing: 1px;
  320. font:10px ms gothic;
  321. text-transform: uppercase;
  322. background-color: #fff;
  323. text-align:left;
  324. padding-bottom: 6px;
  325. margin-bottom:10px;
  326. margin-top:0px;
  327. color:#777;
  328. }
  329.  
  330. .f3{
  331. box-shadow:0 0 2px #ccc;
  332. border: 3px solid #fff;
  333. background: url(http://oi46.tinypic.com/2n6uetv.jpg);
  334. width: 245px;
  335. height: 37px;
  336. padding:0px;
  337. font: 27px 'bebas neue' ;
  338. text-align:center;
  339. text-shadow: 1px 1px 3px #aaa;
  340. color:#fff;
  341. padding-top: 5px;
  342. letter-spacing:2px;
  343. }
  344.  
  345.  
  346. .jqueryslidemenu a{color:#b7d3d5;}
  347. .jqueryslidemenu{font:11px 'pontano sans';letter-spacing:1px;text-transform:lowercase;position:absolute; }
  348. .jqueryslidemenu ul{margin:0;padding:0;list-style-type:none;}
  349. .jqueryslidemenu ul li{position:relative;display:inline;float:left;width:100px;}
  350. .jqueryslidemenu ul li a{display:block;padding:5px;background:#fafafa; }
  351. .jqueryslidemenu ul li a:hover{background:#ffffff;color:#c5d7db;}
  352. .jqueryslidemenu ul li ul{position:absolute;left:0;display:block;visibility:hidden;width:100px;}
  353. .jqueryslidemenu ul li ul li a{margin:0;background:#fffff; border: 1px solid #fafafa;}
  354. .jqueryslidemenu ul li ul li a:hover{background:#E3E1DE;color:#fff}
  355. .downarrowclass,.rightarrowclass{display:none}
  356.  
  357. </style>
  358.  
  359.  
  360. <script type="text/javascript">
  361. /***********************************************
  362. * THIS IS DISABLE HIGHLIGHT TEXT SCRIPT
  363. * YOU CAN REMOVE THIS CODES IF YOU WANT
  364. * Credits http://www.dynamicdrive.com/
  365. ***********************************************/
  366. //form tags to omit in NS6+:
  367. var omitformtags=["input", "textarea", "select"]
  368. omitformtags=omitformtags.join("|")
  369. function disableselect(e){
  370. if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
  371. return false
  372. }
  373. function reEnable(){
  374. return true
  375. }
  376. if (typeof document.onselectstart!="undefined")
  377. document.onselectstart=new Function ("return false")
  378. else{
  379. document.onmousedown=disableselect
  380. document.onmouseup=reEnable
  381. }
  382. </script>
  383.  
  384. </head>
  385. <body>
  386. <body oncontextmenu='return false;' onkeydown='return false;'>
  387. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
  388. </script>
  389. <script type='text/javascript' language='Javascript'>
  390. var scrolltotop={
  391. //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
  392. //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).
  393. setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
  394. controlHTML: '<img src="http://i.imgur.com/gZWiHYV.png"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
  395. controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
  396. anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
  397. state: {isvisible:false, shouldvisible:false},
  398. scrollup:function(){
  399. if (!this.cssfixedsupport) //if control is positioned using JavaScript
  400. this.$control.css({opacity:0}) //hide control immediately after clicking it
  401. var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
  402. if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
  403. dest=jQuery('#'+dest).offset().top
  404. else
  405. dest=0
  406. this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
  407. },
  408. keepfixed:function(){
  409. var $window=jQuery(window)
  410. var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
  411. var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
  412. this.$control.css({left:controlx+'px', top:controly+'px'})
  413. },
  414. togglecontrol:function(){
  415. var scrolltop=jQuery(window).scrollTop()
  416. if (!this.cssfixedsupport)
  417. this.keepfixed()
  418. this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
  419. if (this.state.shouldvisible && !this.state.isvisible){
  420. this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
  421. this.state.isvisible=true
  422. }
  423. else if (this.state.shouldvisible==false && this.state.isvisible){
  424. this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
  425. this.state.isvisible=false
  426. }
  427. },
  428. init:function(){
  429. jQuery(document).ready(function($){
  430. var mainobj=scrolltotop
  431. var iebrws=document.all
  432. mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
  433. mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
  434. mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
  435. .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
  436. .attr({title:"Let's Fly High !"})
  437. .click(function(){mainobj.scrollup(); return false})
  438. .appendTo('body')
  439. if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
  440. mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
  441. mainobj.togglecontrol()
  442. $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
  443. mainobj.scrollup()
  444. return false
  445. })
  446. $(window).bind('scroll resize', function(e){
  447. mainobj.togglecontrol()
  448. })
  449. })
  450. }
  451. }
  452. scrolltotop.init()
  453. </script>
  454.  
  455. </a>
  456. </div></div>
  457.  
  458. <div class="header">
  459. <img style="border:0px dashed #ddd; padding:0px;" src="" >
  460. </div>
  461.  
  462. <div class="divider">
  463. </div>
  464.  
  465. </div>
  466.  
  467. <div class="hnie">
  468. <div class="f3"> Ghibli</div>
  469. <br>
  470. <img style="width:92px; border:3px double #d8d8d8; margin-right:5px;margin-bottom:0px;"src="http://l-userpic.livejournal.com/99081685/15263850" align="left"></center>
  471.  
  472. I'm ghibli. 17. I'm finally done with my big exam. Any comments are so welcome and i glad to tell you that all widgets on the sidebar are all FAKE ^^
  473.  
  474. <img src="http://i.imgur.com/UqIXTup.jpg" align="center" style="padding: 0px; "><br><br>
  475.  
  476. <div class="f3"> Tweets </div>
  477. <br>
  478. <img src="http://i.imgur.com/q8JxNNJ.jpg" align="center" style="padding: 0px; ">
  479. <br><br><br>
  480.  
  481.  
  482. <div class="f3"> Followers </div><br>
  483.  
  484. <img src="http://i.imgur.com/xPdStes.jpg" align="center" style="padding: 0px; ">
  485. <br>
  486. <br>
  487. <br>
  488.  
  489. <div class="f3"> Creditoz </div><br>
  490. © HNIE 2013 - Template made by <a href="http://www.blogskins.com/me/hniegg">Hanie</a>. The pretty background from <a href="http://cocorini.tumblr.com/">cocorini</a>. A big thanks to <a href="http://pixel-diary.tumblr.com/">pixel-diary</a> for the kawaii icons.
  491. <br><br><br>
  492.  
  493. </div>
  494.  
  495.  
  496. <div id="pages">
  497. <blogger>
  498. <div class="wrap">
  499. <div class="f1"> <$BlogItemTitle$> </div>
  500. <div class="f2">WRITTEN BY HNIE ON <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> { <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$></BlogItemCommentsEnabled> comments</a> }</div><br>
  501. <$BlogItemBody$><br>
  502. </div><br><br>
  503. </Blogger>
  504. <div class="wrap">
  505. <OlderPosts><a href=<$OlderPosts$>><span style="font-size:12px;font-family:courier new">« previous </span></a></OlderPosts>
  506. <div style="float: right;">
  507. <NewerPosts><a href=<$NewerPosts$>><span style="font-size:12px;font-family:courier new"> future »</span></a></NewerPosts>
  508. </div><br></div>
  509. </div>
  510.  
  511.  
  512. <div id="entries" style="display:none">
  513. <blogger>
  514. <div class="wrap">
  515. <div class="f1"> <$BlogItemTitle$> </div>
  516. <div class="f2">WRITTEN BY HNIE ON <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> { <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$></BlogItemCommentsEnabled> comments</a> }</div><br>
  517. <$BlogItemBody$><br>
  518. </div><br><br>
  519. </Blogger>
  520. <div class="wrap">
  521. <OlderPosts><a href=<$OlderPosts$>><span style="font-size:12px;font-family:courier new">« previous </span></a></OlderPosts>
  522. <div style="float: right;">
  523. <NewerPosts><a href=<$NewerPosts$>><span style="font-size:12px;font-family:courier new"> future »</span></a></NewerPosts>
  524. </div><br></div>
  525. </div>
  526.  
  527. <div id="profile" style="display:none">
  528. <div class="wrap">
  529. <div class="f1"> Miichiko-desu </div>
  530. <div class="f2">Meet me the webmistress peeps!</div><br>
  531.  
  532. <center><img src="http://24.media.tumblr.com/4be25fb4003d1ce9b41278c53513ba36/tumblr_mqxwddsA1C1qzj8ppo1_500.png" align="center" style="width: 450px; padding: 3px; border: 1px solid #e2e2e2;"></center>
  533. <br>
  534. <center> Strictly change all these to your own words please don't copy my style of DUMB intro -,- <br> (don't you understand ENGLISH??)</center>
  535. <br>
  536. <img class="love" src="http://media.tumblr.com/tumblr_lkl76yE4T91qfamg6.gif"/> Who I am? Hello guys! just call me </b>Krystal, Soojung, or Stal <i>#jelly with it??</i>
  537. i'm born on</b> 23rd of July in the year of 1996 in USA.
  538. My hometown is </b>USA but i'm currently in Seoul,South Korea.
  539. I'm now working in one of the popular music company in Korea <i>#proud to be an SM artist.</i>
  540. I'm a pure Korean with a lil' bit <s>Chinese</s> mixed.
  541. I do hate bugs, backstabbers, anons, haters, and copycaters <i>#get out you looser(s).</i>
  542. Proud to be a hardcore KPOP fans since 2010 and being EXOTIC, baby, inspirit, bana and angel.<font color="red">?</font><br><br>
  543.  
  544. <br><br>
  545. <br><br><br>
  546. <br></div>
  547.  
  548.  
  549. <div id="stuff" style="display:none">
  550. <div class="wrap">
  551. <div class="f1"> F.A.Q </div>
  552. <div class="f2">frequently asked question!</div><br>
  553.  
  554. <b>The question?</b><br>
  555. Your answer!<br><br>
  556.  
  557. <b>The question?</b><br>
  558. Your answer!<br><br>
  559.  
  560. <b>The question?</b><br>
  561. Your answer!<br><br>
  562.  
  563. <b>The question?</b><br>
  564. Your answer!<br><br>
  565.  
  566. <b>The question?</b><br>
  567. Your answer!<br><br>
  568.  
  569. <b>The question?</b><br>
  570. Your answer!<br><br>
  571.  
  572. <b>The question?</b><br>
  573. Your answer!<br><br>
  574.  
  575. <b>The question?</b><br>
  576. Your answer!<br><br>
  577.  
  578. <br><br><br></div></div>
  579.  
  580. <div id="affies" style="display:none">
  581. <div class="wrap">
  582. <div class="f1">Affiliates </div>
  583. <div class="f2">my friends' site!</div><br>
  584.  
  585. <center>
  586. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  587. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  588. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  589. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  590. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  591. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  592. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  593. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  594. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  595. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  596. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  597. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  598. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  599. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  600. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  601. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  602. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  603. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  604. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  605. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  606. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  607. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  608. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  609. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  610. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  611. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  612. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  613. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  614. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  615. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  616. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  617. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  618. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  619. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  620. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  621. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  622. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  623. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  624. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  625. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  626. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  627. <a class="linky" href="http://url.blogspot.com/">chingu<a>
  628. <br><br>
  629. </center>
  630. </div></div>
  631.  
  632. <div id="tutos" style="display:none">
  633. <div class="wrap">
  634. <div class="f1"> The tutorials </div>
  635. <div class="f2">pick which one you want!</div><br>
  636. <br>
  637. <blockquote>just bla bla anything at here.. tutorial and freebies, your lovely bias section or what ever!</blockquote>
  638. <br><br><br>
  639. </div></div>
  640.  
  641.  
  642.  
  643. <script> function changeNavigation(id)
  644. {document.getElementById('pages')
  645. .innerHTML=document.getElementById(id).innerHTML}
  646. </script>
  647. </div>
  648.  
  649. <script type='text/javascript' language='Javascript'>
  650. function s_toggleDisplay(his, me, show, hide) {
  651. if (his.style.display != 'none') {
  652. his.style.display = 'none';
  653. me.innerHTML = show;
  654. } else {
  655. his.style.display = 'block';
  656. me.innerHTML = hide;
  657. }
  658. }
  659. </script>
  660.  
  661. <div id="slide" style=" position: absolute; top: 50px; left: 260px; ">
  662. <img src="http://media.tumblr.com/a0a0d0ebbb98502ef4d7328cc097094b/tumblr_inline_mmzogse4so1qz4rgp.gif">
  663. <a linki" onClick="changeNavigation('profile')"><img " src="http://i2.minus.com/jMMNq6Lref2GU_e.jpg">
  664. <a linki" onClick="changeNavigation('stuff')"><img " src="http://i1.minus.com/jbdVp0D1SJvcmb_e.jpg">
  665. <a linki" onClick="changeNavigation('affies')"><img " src="http://i7.minus.com/jbif7ZJlPHGej1.png">
  666. <a linki" onClick="changeNavigation('tutos')"><img " src="http://i6.minus.com/jMj1rYLBkja7H_e.jpg">
  667. <a linki" href="http://url.com/"><img " src="http://i2.minus.com/jTNgq3J37nH8i_e.jpg">
  668. <a linki" href="http://url.com/"><img " src="http://i4.minus.com/jbqS1Yhv2zMRTu_e.jpg">
  669. <a linki" onClick="changeNavigation('entries')"><img " src="http://i2.minus.com/jTUHlgBGpeRe5.png">
  670. </div>
  671.  
  672. <div id="slide" style=" background-color: #fff; letter-spacing: 0px; font: italic 10px georgia; padding: 6px; position: fixed; bottom: 3px; left: 7px; ">
  673. Theme by<br>
  674. <a href="http://h-ipsteric.blogspot.com/"> Haanie </a>
  675. </div>
  676.  
  677. </body>
  678.  
  679. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!