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{4. Paste atas code yang korang cari tadi.
-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;
}
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; ">6. Paste kan di bahagian sidebar korang.
<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>
7. Preview & Save.
Note:
Merah : Url Icon
Biru : Link blog
Pink : Nama blog
Oren : Color border
Ungu : Size kotak bloglist.
0 Comments