personal + multifandom blog with a huge bias towards korean boy band SHINee & it's main vocalist Kim Jonghyun. Part-time blogger, into all kinds of music, photoshop, movies and anime. Also offering tutorials » Sumi (20) female european cancerian "나 그댈 갖지 못해도 내 맘이, 끝내 슬픈 인연의 벽 앞에 가로막혀도 사랑해 바라볼 <수만 있는 곳이라면, 그댄(~) 내 전부니까" shinee, quasimodo Web Counters • BEST VIEW: GOOGLE CHROME + 1600 X 900 RESOLUTION • INFINITE SCROLL • AUTOPLAY MUSIC ©ICON PIC KJH
Hi ^^ So uhm, is it okay if I ask you how to make a blogroll like on your page? ♥
thorawa 25 リアクション

Sure :) To get a blogroll just like mine

You have to…

  1. Create a new page on your customize page and name it blogroll (Page URL: yourtumblr.com/blogroll)
  2. Change the “Page Type” to "Custom Layout"
  3. And Copy/Paste the following code

<html>

<head>

<title>YOUR TITLE</title>

<style type=”text/css”>

body {background: #eeeeee;}

::-webkit-scrollbar {width: 15px; height: 4px; background-color: #eeeeee;}

::-webkit-scrollbar-thumb {background-color: #696969; border-top: 1px solid #696969;}

#heading {

 font-family: georgia;

 font-size: 35px;

 letter-spacing: -1px;

 font-style: italic;

 color: #696969;

 text-align: center;

background-color: #eeeeee;

left: 200px;

top: 300px;

}

#heading a {

 font-family: arial;

 font-size: 7px;

 text-transform: lowercase;

 letter-spacing: 3px;

 font-style: italic;

 text-align: center; }

#heading a:link, a:active, a:visited, a:hover {

color: #696969; 

text-decoration: none;}

#roll

{ width: 1000px; }

#blog {

 display: inline-block;

 width: 96px;

 overflow: hidden;

 text-align: center;

 font-size: 9px;

 letter-spacing: 2px;

 font-style: italic;

 font-family: georgia;

 text-transform: lowercase;

 color: #696969;

 padding-bottom: 2px;

 margin: 10px;

background-color: #eeeeee;

}

#blog:hover

{

text-overflow:inherit;

overflow:visible;

}

#blog a {

 text-decoration: none;

  }

#blog a:hover {

color: #696969; 

  -webkit-transition: all .7s ease-in-out;

 -moz-transition: all .7s ease-in-out;

 -o-transition: all .7s ease-in-out;

 -ms-transition: all .7s ease-in-out;

 transition: all .7s ease-in-out; 

}

#blog a:link, a:active, a:visited {

color: #000000; 

text-decoration: none; }

</style>

</head>

<body>

<br />

<center>

<div id=”roll”>

{block:Following}{block:Followed}

<div id=”blog”>

<a target=”blank” href=”{FollowedURL}”>

{FollowedName}

<img style=”height: 70px; width: 70px; -moz-border-radius: 35px; border-radius: 65px; margin: 5px;” border=”0” src=”{FollowedPortraitURL-96}” /></a>

</div>

{/block:Followed}{/block:Following}</div></center>

</body>

</html>

I removed it but if you want a headline above the blogs saying “blogroll” or what ever just add

<div id=”heading”>Blogroll</div>

above the <div id=”roll”>. You can either change the colors like I did or just leave them like this.

Posted — 2年前 on 4月 22, 2012
Tagged —  # chingkyus  # ask  # faq  
25 リアクション
  1. jonghyun-ahの投稿です