API tools faq
paste
Advertisement
wanasby

Happy Ending

wanasby
Sep 6th, 2017
293
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.13 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <title><$BlogPageTitle$></title>
  4.  
  5. <link href="http://68.media.tumblr.com/3d809ea394d216f969151466f7b06999/tumblr_inline_n2pje39gH11qdlkyg.gif" rel="icon" type="image/x-icon"/>
  6. <link href="https://fonts.googleapis.com/css?family=Droid+Serif:400,400i,700,700i|Hind:300,400,700" rel="stylesheet">
  7. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  8. <meta content='width=device-width, initial-scale=1.0' name='viewport'/>
  9. <style type="text/css">
  10. /* body
  11. ---------------------------------------------*/
  12.  
  13. body{
  14. font-family: 'Droid Serif', serif;
  15. font-size:12px;
  16. margin:0;
  17. line-height:23px;
  18. color:#555;
  19. letter-spacing:1px;
  20. }
  21.  
  22. a{
  23. -webkit-transition: all 0.2s ease-in-out;
  24. -moz-transition: all 0.2s ease-in-out;
  25. -o-transition: all 0.2s ease-in-out;
  26. -ms-transition: all 0.2s ease-in-out;
  27. transition: all 0.2s ease-in-out;
  28. color:#888;
  29. text-decoration:none;
  30. }
  31.  
  32. a:hover{
  33. color:#dba2a2;
  34. }
  35.  
  36. .clear{
  37. clear:both;
  38. }
  39.  
  40. img{
  41. margin-bottom:10px;
  42. }
  43.  
  44. ::-webkit-scrollbar {
  45. width:10px;
  46. }
  47.  
  48. ::-webkit-scrollbar-track {
  49. background:#f9f9f9;
  50. }
  51.  
  52. ::-webkit-scrollbar-thumb {
  53. background:#eee;
  54. }
  55. /* Header
  56. ---------------------------------------------*/
  57. .header{
  58. background:url(http://coolwallpaper.website/wp-content/uploads/2017/02/Perfect-Pretty-Wallpapers-Tumblr-Amazing-free-HD-3D-wallpapers-collection-You-can-download-best-3D-desktop-backgrounds.-3D-windows-wallpapers-pc-in-both-widescreen-lounge-room-furniture.jpg)fixed;
  59. background-size:100%;
  60. height:280px;
  61. background-position:50% 50%;
  62. text-align:center;
  63. padding-top:160px;
  64. }
  65.  
  66. .header-text{
  67. font-family: 'Hind', sans-serif;
  68. width:70%;
  69. color:#fff;
  70. font-weight:400;
  71. padding:20px;
  72. font-size:30px;
  73. letter-spacing:20px;
  74. line-height:60px;
  75. border:2px solid #fff;
  76. text-transform:uppercase;
  77. }
  78. /* navigation
  79. ---------------------------------------------*/
  80. .navigation-box{
  81. width:98%;
  82. padding:1%;
  83. margin-top:30px;
  84. }
  85.  
  86. .navigation-box a.navi{
  87. font-family: 'Hind', sans-serif;
  88. width:70%;
  89. font-weight:300;
  90. padding:20px;
  91. font-size:13px;
  92. letter-spacing:4px;
  93. text-transform:uppercase;
  94. color:#000;
  95. cursor:hand;
  96. }
  97.  
  98. .navigation-box a:hover{
  99. color:#ab90b7;
  100. }
  101.  
  102. .navigation-box a.fa{
  103. color:#a289a8;
  104. font-size:13px;
  105. margin-left:25px;
  106. }
  107.  
  108. .navigation-box a.fa:hover{
  109. color:#000;
  110. }
  111.  
  112. /* About Me - Located at home page
  113. ---------------------------------------------*/
  114. .about-me-section{
  115. width:75%;
  116. padding:1%;
  117. border:1px solid #eee;
  118. margin-top:30px;
  119. }
  120. .about-me-pic{
  121. width:50%;
  122. float:left;
  123. }
  124.  
  125. .about-me-pic img{
  126. width:100%;
  127. }
  128.  
  129. .about-me-text{
  130. padding:2%;
  131. float:left;
  132. width:46%;
  133. color:#888;
  134. }
  135.  
  136. .about-me-section h2{
  137. color:#8f849b;
  138. font-weight:normal;
  139. letter-spacing:10px;
  140. font-size:17px;
  141. text-transform:uppercase;
  142. text-align:center;
  143. margin-bottom:30px;
  144. }
  145. .about-me-section a.button{
  146. background:#fff;
  147. border:1px solid #eee;
  148. width:70%;
  149. text-transform:uppercase;
  150. padding:20px;
  151. font-family: 'Hind', sans-serif;
  152. color:#555;
  153. font-size:13px;
  154. letter-spacing:3px;
  155. display:inline-block;
  156. text-align:center;
  157. }
  158. .button1:hover,.about-me-section a.button:hover{
  159. color:#ab90b7;
  160. }
  161. /* Blog - thumbnail and all
  162. ---------------------------------------------*/
  163. .blog-body-box{
  164. width:75%;
  165. text-align:center;
  166. }
  167.  
  168. .blog-body-column{
  169. width:29.33%;
  170. padding:2%;
  171. float:left;
  172. text-align:center;
  173. }
  174.  
  175. .excerpt{
  176. overflow:hidden;
  177. height:360px;
  178. border-bottom:1px dashed #eee;
  179. text-align:justify;
  180. padding-bottom:10px;}
  181.  
  182. .excerpt img{
  183. margin-bottom:5px;
  184. max-width:100%;
  185. max-height:100%;
  186. }
  187.  
  188. .excerpt a{
  189. margin:0!important;
  190. }
  191. .excerpt h2.home-post-title{
  192. text-align:center;
  193. line-height:23px;
  194. border-bottom:1px solid #eee;
  195. }
  196.  
  197. .excerpt h2.home-post-title span{
  198. font-size:13px;
  199. text-align:center;
  200. letter-spacing:2px;
  201. font-weight:normal;
  202. color:#999;
  203. text-transform:uppercase;
  204. }
  205.  
  206. .blog-body-column a.button{
  207. margin-top:20px;
  208. background:#f9f9f9;
  209. padding:3%;
  210. display:inline-block;
  211. }
  212.  
  213. .button1{
  214. width:72%;
  215. padding:1.5%;
  216. margin-top:30px;
  217. border-top:1px dashed #ddd;
  218. }
  219. .button2{
  220. width:97%;
  221. padding:1.5%;
  222. margin-top:10px;
  223. margin-bottom:20px;
  224. border-top:1px dashed #ddd;
  225. display:none;
  226. }
  227.  
  228. a.latest-entries-button{
  229. display:block;
  230. border:0px;
  231. padding-bottom:4px;
  232. margin:0px;
  233. }
  234.  
  235. /* Blog - Single Post
  236. ---------------------------------------------*/
  237. .blog-single-post{
  238. width:80%;
  239. border-top:1px dashed #eee;
  240. text-align:justify;
  241. padding:1%;
  242. margin-top:-25px;
  243. }
  244.  
  245. .blog-single-post .entry{
  246. width:61%;
  247. padding:2%;
  248. float:left;
  249. }
  250.  
  251. .blog-single-post .entry a{
  252. margin:0!important;
  253. margin-bottom:10px;
  254. }
  255. .blog-single-post .entry img{
  256. max-width:100%;
  257. max-height:100%;
  258. }
  259.  
  260. h2.title{
  261. font-size:14px;
  262. color:#888;
  263. display:block;
  264. padding-left:22px;
  265. letter-spacing:10px;
  266. text-transform:uppercase;
  267. margin:0;
  268. margin-bottom:20px;
  269. font-weight:normal;
  270. text-align:center;
  271. }
  272.  
  273. h3.date-header{
  274. font-weight:normal;
  275. text-transform:uppercase;
  276. color:#c9a5a5;
  277. font-size:11px;
  278. text-align:center;
  279. margin-bottom:30px;
  280. letter-spacing:3px;
  281. }
  282.  
  283. .blog-single-post .sidebar{
  284. width:30.8%;
  285. border-left:1px solid #f9f9f9;
  286. float:right;
  287. padding:2%;
  288. }
  289.  
  290. .blog-single-post .sidebar img{
  291. max-width:100%;
  292. max-height:100%;
  293. }
  294. p.blogger-labels{
  295. border:1px solid #eee;
  296. text-align:center;
  297. padding:0.5%;
  298. margin-top:20px;
  299. }
  300.  
  301. .comment-icon blogger-comment-icon{
  302. display:none
  303. }
  304.  
  305. span.comment-icon{
  306. display:none
  307. }
  308. .comment-count{
  309. font-size:14px;
  310. color:#888;
  311. display:block;
  312. padding-left:22px;
  313. letter-spacing:10px;
  314. text-transform:uppercase;
  315. margin:0;
  316. margin-bottom:20px;
  317. font-weight:normal;
  318. text-align:center;
  319. margin-top:50px;
  320. }
  321.  
  322. .username-comment{
  323. margin-bottom:10px;
  324. }
  325.  
  326. .comment-content{
  327. border:1px solid #eee;
  328. padding:2%;
  329. }
  330.  
  331. .sidebar{
  332. color:#777;
  333. }
  334.  
  335. .sidebar h2{
  336. font-weight:normal;
  337. font-size:13px;
  338. text-transform:uppercase;
  339. letter-spacing:4px;
  340. text-align:center;
  341. border-top:1px solid #eee;
  342. line-height:1px;
  343. margin:0;
  344. margin-bottom:15px;
  345. }
  346.  
  347. .sidebar h2 span{
  348. background:#fff;
  349. padding-left:20px;
  350. padding-right:20px;
  351. }
  352.  
  353. /* Footer
  354. ---------------------------------------------*/
  355. .footer{
  356. background:#f6f6f6;
  357. padding:0.5%;
  358. font-family: 'Hind', sans-serif;
  359. text-transform:uppercase;
  360. font-size:90%;
  361. letter-spacing:4px;
  362. }
  363. /* Responsive - max 750px
  364. ------------------------------------------*/
  365. @media only screen and (max-width: 750px) {
  366.  
  367. .header{
  368. background-size:500%;
  369. }
  370.  
  371. .excerpt{
  372. width:98%;
  373. }
  374.  
  375. .blog-body-box{
  376. width:100%;
  377. }
  378.  
  379. .blog-body-column{
  380. width:98%;
  381. padding:1%;
  382. }
  383.  
  384. .blog-single-post{
  385. width:98%;
  386. padding:1%;
  387.  
  388. }
  389. .blog-single-post .entry{
  390. width:96%;
  391. padding:2%;
  392. }
  393. .blog-single-post .sidebar{
  394. width:96%;
  395. padding:2%;
  396. }
  397. .button2{
  398. display:block;
  399. }
  400.  
  401. .about-me-section{
  402. width:95%;
  403. }
  404. .about-me-pic{
  405. width:100%;
  406. }
  407. .about-me-text{
  408. padding:2%;
  409. float:left;
  410. width:96%;
  411. color:#888;
  412. }
  413.  
  414. .about-me-section a.button{
  415. width:80%;
  416. }
  417. }
  418. /* Responsive - max 550px
  419. ------------------------------------------*/
  420. @media only screen and (max-width: 550px) {
  421. .navigation-box{
  422. padding:0;
  423. width:100%;
  424. }
  425. .navigation-box a.navi{
  426. width:100%;
  427. border-bottom:1px solid #f9f9f9;
  428. display:block;
  429. padding:0;
  430. padding-top:10px;
  431. padding-bottom:10px;
  432. }
  433.  
  434. .navigation-box a.fa{
  435. margin-top:10px;
  436. }
  437. }
  438.  
  439. </style>
  440. </head>
  441. <body>
  442.  
  443. <!------------------------------- start html ----------------------------------->
  444. <!-----------------header-------------------->
  445.  
  446. <div class="header">
  447. <center><a href="<$BlogURL$>"><div class="header-text">
  448. <$BlogTitle$>
  449. </div></a>
  450. </center>
  451. </div>
  452. <!-----------------navigation-------------------->
  453.  
  454. <div class="navigation-box">
  455. <center>
  456. <a class="navi" href="<$BlogURL$>">Home</a>
  457. <a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('about').innerHTML" title="">About</a>
  458. <a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('contact').innerHTML" title="">Contact</a>
  459. <a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('archive').innerHTML" title="">Archive</a>
  460. <a class="navi" href="http://www.blogger.com/follow-blog.g?blogID=<$BlogID>">Follow</a>
  461.  
  462. <! ----- PLEASE CHANGE TO YOUR OWN SOCIAL MEDIAS LINK ------->
  463. <a href="https://www.facebook.com/wanaseobycom/" class="fa fa-facebook" target="_blank"></a>
  464. <a href="https://www.instagram.com/wanasby/?hl=en" class="fa fa-instagram" target="_blank"></a>
  465. <a href="https://www.bloglovin.com/blogs/wanaseoby-18401535" class="fa fa-heart" target="_blank"></a>
  466. <a href="https://twitter.com/wanasby" class="fa fa-twitter" target="_blank"></a>
  467. <a href="https://plus.google.com/u/0/110735333918793906765" class="fa fa-google-plus" target="_blank"></a>
  468. <a href="https://www.pinterest.com/wanasby/" class="fa fa-pinterest-p" target="_blank"></a>
  469. <a href="mailto:contact@wanaseoby.com" class="fa fa-envelope" target="_blank"></a>
  470. <a href="http://wanaseoby.com/feed/" class="fa fa-rss" target="_blank"></a>
  471. </center>
  472. </div>
  473. <!----------------- About Me - in home page-------------------->
  474. <MainPage>
  475. <center><div class="about-me-section">
  476. <div class="about-me-pic">
  477. <img src="http://i.imgur.com/vo8RnOp.png">
  478. </div>
  479.  
  480. <div class="about-me-text"><div id="main">
  481. <h2>The Writer</h2>
  482.  
  483. Welcome to my space! Wana, 21. A full time student and part time blogger. This blog is based in Malaysia. I blog in Malay & English. Replace this thing with you own words. Recommended image size = 500px x 300px
  484.  
  485. <br/><br/><br/>
  486. <a class="button" href="your about me page link">Read More About Me Here</a>
  487.  
  488. <!
  489. NOTE : About page mentioned is a blog post about youself/your blog 🙂
  490. >
  491. </div></div>
  492. <div class="clear"></div>
  493. </div></center>
  494. </MainPage><br/><br/><br/>
  495. <!----------------- Blog Post Thumbnail and Excerpt-------------------->
  496. <MainPage>
  497.  
  498. <center>
  499. <div class="blog-body-box">
  500. <Blogger>
  501.  
  502. <div class="blog-body-column">
  503. <div class="excerpt">
  504. <h2 class="home-post-title"><span><BlogItemTitle>
  505. <$BlogItemTitle$>
  506. </BlogItemTitle></span></h2>
  507. <$BlogItemBody$>
  508. </div>
  509. <a class="button" href="<$BlogItemPermalinkURL$>">Read More </a></div>
  510. </Blogger>
  511. <div class="clear"></div>
  512. </div>
  513.  
  514. </center>
  515. </MainPage>
  516. <!----------------- Single Post -------------------->
  517. <ItemPage>
  518.  
  519. <style>
  520.  
  521. @media only screen and (max-width: 750px) {
  522.  
  523. .button1{display:none;}
  524.  
  525. }
  526. </style>
  527.  
  528. <center><div class="blog-single-post">
  529. <div class="entry">
  530.  
  531. <Blogger>
  532. <h2 class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></h2>
  533.  
  534. <BlogDateHeader><h3 class="date-header"><$BlogDateHeaderDate$></h3>
  535. </BlogDateHeader>
  536.  
  537. <$BlogItemBody$>
  538. <center>
  539. <div class="button2">
  540. <span style="float:right;"><olderposts><a href=<$OlderPosts$>><span class="fa fa-arrow-right"></span></a></a> </OlderPosts></span>
  541. <span style="float:left;"><newerposts><a href=<$NewerPosts$>> <span class="fa fa-arrow-left"></span></a></NewerPosts></span>
  542. </div>
  543. </center>
  544.  
  545. <div class="comment-count"><$BlogItemCommentCount$> comments</div>
  546. <blogitemcommentsenabled><a name="comments"></a>
  547. <$CommentPager$><blogitemcomments>
  548. <a name="<$BlogCommentAnchorName$>"></a><div class="username-comment"><$I18NCommentAuthorSaid$></div>
  549. <div class="comment-content"><$BlogCommentBody$></div>
  550. <$BlogCommentDeleteIcon$>
  551. </blogItemComments>
  552. <$CommentPager$>
  553. <br/><br/><$BlogItemCreate$>
  554. </Blogger>
  555.  
  556. </div>
  557.  
  558. <div class="sidebar">
  559. <h2><span>About</span></h2>
  560. <img src="http://i.imgur.com/kUglFWY.png">Cupcake ipsum dolor sit amet icing cotton candy biscuit. Marzipan bonbon pudding bonbon jelly beans bonbon. Gummies pie gummies sweet bonbon chupa chups.
  561. <br/><br/><br/>
  562. <h2><span>Instagram</span></h2>
  563.  
  564. <! ----- GET YOUR OWN INSTAGRAM WIDGET ON LIGHTWIDGET.COM ------->
  565. <!-- LightWidget WIDGET --><script src="//lightwidget.com/widgets/lightwidget.js"></script><iframe src="//lightwidget.com/widgets/e5896692bae159e1a90cfa022a6651d9.html" scrolling="no" allowtransparency="true" class="lightwidget-widget" style="width: 100%; border: 0; overflow: hidden;"></iframe>
  566.  
  567. <br/><br/><br/>
  568. <h2><span>Footsteps</span></h2>
  569.  
  570. <! ----- YOUR CBOX CODES HERE ------->
  571. <br/><br/>
  572. <h2><span>My Bloglist</span></h2>
  573. <center>
  574.  
  575. <! ----- YOUR BLOGLIST HERE ------->
  576. <div class="friends">
  577. <a href='BLOG LINK' target='_blank'>friend</a>
  578. <a href='BLOG LINK' target='_blank'>friend</a>
  579. <a href='BLOG LINK' target='_blank'>friend</a>
  580. <a href='BLOG LINK' target='_blank'>friend</a>
  581. <a href='BLOG LINK' target='_blank'>friend</a>
  582. <a href='BLOG LINK' target='_blank'>friend</a>
  583. <a href='BLOG LINK' target='_blank'>friend</a>
  584. <a href='BLOG LINK' target='_blank'>friend</a>
  585. <a href='BLOG LINK' target='_blank'>friend</a>
  586. </center>
  587. </div>
  588.  
  589. <div class="clear"></div>
  590. </div></center>
  591. </ItemPage>
  592. <!----------------- Older/ Newer Post -------------------->
  593.  
  594. <center>
  595. <div class="button1">
  596. <span style="float:right;"><olderposts><a href=<$OlderPosts$>><span class="fa fa-arrow-right"></span></a></a> </OlderPosts></span>
  597. <span style="float:left;"><newerposts><a href=<$NewerPosts$>> <span class="fa fa-arrow-left"></span></a></NewerPosts></span>
  598. </div>
  599. </center>
  600.  
  601. <br/><br/><br/>
  602.  
  603. <!----------------- Footer - DO NOT REMOVE CREDIT -------------------->
  604.  
  605. <center><div class="footer">Template by <a href="http://wanaseoby.com/">Wanaseoby</a></div>
  606.  
  607. <!----------------- 1st page -------------------->
  608. <div id="about" style="display: none;">
  609. <h2>The Writer</h2>
  610.  
  611. Welcome to my space! Wana, 21. A full time student and part time blogger. This blog is based in Malaysia. I blog in Malay & English. Replace this thing with you own words. Recommended image size = 500px x 300px
  612.  
  613. <br/><br/><br/>
  614. <a class="button" href="your about me page link">Read More About Me Here</a>
  615. </div>
  616.  
  617. <!----------------- 2st page -------------------->
  618. <div id="contact" style="display: none;">
  619. <h2>contact</h2>
  620. The contact button is up there though. You may put your cbox here or maybe change this section to f.a.q page or anything else.
  621. </div>
  622.  
  623. <!----------------- 3st page -------------------->
  624. <div id="archive" style="display: none;">
  625. <h2>Archive</h2>
  626. <div style="height:200px; overflow-x:hidden; overflow-y:scroll;">
  627. <BloggerPreviousItems>
  628. <a class="latest-entries-button" href="<$BlogItemPermalinkURL$>">
  629. <$BlogPreviousItemTitle$>
  630. </a>
  631. </BloggerPreviousItems>
  632. </div>
  633. </div>
  634. </body>
  635. </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!