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 24 リアクション

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:
  2. Change the “Page Type” to "Custom Layout"
  3. And Copy/Paste the following code



<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;}


{ 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 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; }




<br />


<div id=”roll”>


<div id=”blog”>

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


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





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  
24 リアクション
  1. jonghyun-ahの投稿です