Lansung ke TKP ya bos...
1. Masuklah ke akun blogger sahabat
2. Klik Thema
3. Klik [Edit HTML] jangan [Sesuaikan]
4. Cari kode ]]></skin> gunakan [Control+F]
5. Letakkan kode dibawah ini diatasnya
Apa yang sampaikan akan bekerja optimal, jika sahabat sudah memasang widget [POPULAR POSTS] dalam blog sahabat :).
1. Masuklah ke akun blogger sahabat
2. Klik Thema
3. Klik [Edit HTML] jangan [Sesuaikan]
4. Cari kode ]]></skin> gunakan [Control+F]
5. Letakkan kode dibawah ini diatasnya
.PopularPosts .widget-content ul, .PopularPosts .widget-content ul li, .PopularPosts .widget-content ul li img, .PopularPosts .widget-content ul li a, .PopularPosts .widget-content ul li a img {
margin:0 0;
padding:0 0;
list-style:none;
border:none;
outline:none;
}
.PopularPosts .widget-content ul {
margin: 0;
list-style:none;
counter-reset:num;
}
.PopularPosts .widget-content ul li img {
display: block;
width: 70px;
height: 70px;
float: left;
}
.PopularPosts .widget-content ul li {
margin: 0 0 10px;
counter-increment: num;
position: relative;
}
.PopularPosts ul li:last-child {
margin-bottom: 0px;
}
.PopularPosts ul li .item-title a, .PopularPosts ul li a {
font-weight: 500;
text-decoration: none;
color: #444444;
}
.PopularPosts ul li .item-title a:hover, .PopularPosts ul li a:hover {
color: #FF0000;
}
.PopularPosts ul li .item-thumbnail-only:before, .PopularPosts ul li .item-content:before {
content: counter(num) !important;
font-size: 30px;
font-weight: 500;
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
background: linear-gradient(#ff0000, #fff);
color: #fff !important;
width: 25px;
padding-top: 10px;
text-align: center;
}
.PopularPosts .item-title, .PopularPosts .item-thumbnail, .PopularPosts .item-snippet {
margin-left: 34px;
}
.PopularPosts .item-title {
line-height: 1.6;
margin-right: 8px;
}
.PopularPosts .item-thumbnail {
float: left;
margin-right: 8px;
}
.PopularPosts .item-snippet {
line-height: 1.6em;
font-size: 14px;
margin-top: 8px;
}
Belum ada tanggapan untuk "Menjadikan Popular Post Seperti Template Viomags"
Post a Comment