Tutorial Blogskin : Put Bloglist. | I N F I N I T E

HOME OWNER TUTORIAL ARTWORK BLOGSKIN ASK.FM

Tutorial Blogskin : Put Bloglist.


rilakkuma
Assalamualaikum :)
Sebenarnya arrien tak pernah letak bloglist sewaktu arrien guna blogskin, so arrien tak tahu codenya. But arrien cuba guna buat coz ada yang merequest, so Alhamdulillah menjadi. Arrien pakai godek-godek code & guna code yang sedia ada dalam list tutorial arrien. So please.. jangan Re-Tuto or Re-Post yea, coz code 100% arrien punya :)
1. Dashboard > Template > Edit HTML.
2. Guna Ctrl+F dan cari code </style>
3. Kemudian copy code ini,
div.thingi{
-webkit-transition:All 0.4s ease ;
-moz-transition:All 0.4s ease ;
-o-transition:All 0.4s ease ;
background:url(URL ICON) ;
color:#555;
background-repeat:no-repeat;
background-size:15px;
padding-left:25px;
line-height:18px;
}
div.thingi:hover{
background:url(URL ICON);
background-repeat:no-repeat;
padding-left:25px;
background-size:15px;
line-height:18px;
color:#666;
}
4. Paste atas code yang korang cari tadi.
5. Copy code ini pula,
 <div style="border:1px solid #efefef;background:#fff; width:188px; overflow-x:hidden; overflow-y:scroll;padding:5px; height:100px;text-align:left; ">
<bloggerBloglist>
<div class="thingi"><a href="http://arrienlove.blogspot.com">NAMA BLOG </div></a>
<div class="thingi"><a href="http://arrienlove.blogspot.com">NAMA BLOG </div></a>
<div class="thingi"><a href="http://arrienlove.blogspot.com">NAMA BLOG </div></a>
<div class="thingi"><a href="http://arrienlove.blogspot.com">NAMA BLOG </div></a>
<div class="thingi"><a href="http://arrienlove.blogspot.com">NAMA BLOG </div></a>
<div class="thingi"><a href="http://arrienlove.blogspot.com">NAMA BLOG </div></a></a>
</BloggerBloglist>
</div></div>
6. Paste kan di bahagian sidebar korang.
7. Preview & Save.

Note:
Merah : Url Icon
Biru : Link blog
Pink : Nama blog
Oren : Color border
Ungu : Size kotak bloglist.

Tiada ulasan:

 
Copyright © .2011-2017. Inspired by Kio.All Right Reserved by Arrien Amani