Senin, 11 Juni 2012

Membuat Entri Populer Lebih Keren

Halo Gan ??
Blog baru ini akan saya isi artikel pertama yang berjudul " Membuat Entri Populer Lebih Keren "
Berikut cara Membuat nya :

1. Log in ke blog masing - masing
2. Rancangan -> Tambah gadget -> Pilih entri populer -> Lalu simpan
3. Klik rancangan -> Edit HTML -> Centang expand template widget
4.Cari kode ]]></b:skin>
5. Copy dan letakkan kode berikut di atas kode ]]></b:skin>


<<style type='text/css'>
.PopularPosts .item-title{display:yes}
.PopularPosts ul li {
border-radius:50px 0px 0px 50px;
float: left;list-style: none outside none;margin: 1px !important;padding: 1px !important;
border: 1px solid #444;
overflow: hidden;
box-shadow: 0px 0px 1px #333;
font-style: normal;
font-weight:bold;
width: 100%;
height:60px;
border-radius:35px 5px 5px 35px;
}
.PopularPosts ul li:hover{
background: -moz-linear-gradient(top, #FFFFFF 1%, #5c5c5c 50%);
overflow: hidden;
color: #414141;
width: 100%;
height:60px;
border: 1px solid #ffffff;
box-shadow: 0px 0px 2px #ffffff;
}
.PopularPosts ul li img {
padding:1px  ;
margin:1px;
margin-top:3px;
border-radius:35px 35px 35px 35px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
border: 1px solid #333;
height: 50px;width:50px;
overflow: hidden;
}
.PopularPosts ul li img:hover {
border:1px solid #ffffff;
border-radius:25px 25px 25px 25px;
background: -moz-linear-gradient(top, #FFFFFF 1%, #5c5c5c 50%);
box-shadow: 0px 0px 10px #ffffff;
}
</style>
6. Simpan Template

Nah cobak sekarang liat hasilnya..
Semoga Berhasill


|| | Copyright 2012 By : Blog - Tutorial | Created By : Yazid ||