Cara Menciptakan Widget Entri Terkenal Keren Dan Terbaru
Cara Membuat Widget Entri Populer Keren dan Terbaru - Rasanya sangat menarik di dunia blogger jikalau memang dijadikan hoby,,, entri terkenal keren dan terbaru kali ini menampilkan nuansa gres dengan hasil yang simple dan tentunya menarik, kemarin postingan saya Cara Membuat Widget Entri Populer Keren dan Cantik juga menampilkan widget entri popular atau popular post dengan baground berwarna. namun artikel kali ini lebih pada simple dan menarik.
Nah,,, jikalau teman blogger tertarik untuk Membuat Widget Entri Populer Keren dan Terbaru eksklusif saja menuju tutorialnya dibawah ini. cekidot !!!!!
1. Masuk ke akun Blogger Sobat.
2. Klik Rancangan > Edit HTML.
3. Klik Download Template Lengkap untuk berjaga-jaga kalau-kalau nanti terjadi kesalahan dalam pengeditan.
4. Silakan teman cari instruksi ]]></b:skin> jikalau sudah ketemu kemudian Letakkan instruksi berikut di bawah instruksi ]]></b:skin>
2. Klik Rancangan > Edit HTML.
3. Klik Download Template Lengkap untuk berjaga-jaga kalau-kalau nanti terjadi kesalahan dalam pengeditan.
4. Silakan teman cari instruksi ]]></b:skin> jikalau sudah ketemu kemudian Letakkan instruksi berikut di bawah instruksi ]]></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. Klik tombol Pratinjau ,jika berhasil kemudian Save
Tampilan blog menarik akhirnya kan gak bosan. hehehe selamat mencoba Cara Membuat Widget Entri Populer Keren dan Terbaru agar makin betah bloggerannya. hehehehe
Belum ada Komentar untuk "Cara Menciptakan Widget Entri Terkenal Keren Dan Terbaru"
Posting Komentar