CARA MEMASANG WIDGET POPULART POST AGAR TAMPIL MENARIK DI BLOG


ONEPOIN.COM - Sesuai dengan judul ya sobat blogger di malam kali ini saya akan membahas sedikit tutorial yaitu bagaimana cara membuat widget populart posts agar tampil lebih menarik dan bagu sdi blog kita masing-masign termasuk blog anda juga ya :D

Nahh buat sobat yagn penasaran bagaimana cara membuat widget populart post tersebut tampil menarik sobat bisa mengikuti langkah-langkah di bawah ini untuk pembuatan widget tersebut agar lebih menarik lagi :

1. Masuk ke akun blogger anda masing-masing

2. Pilih Menu Template ===> Edit HTML

3. Setelah itu tambahkan kode di bawah ini tepat di atas kode ]]></b:skin> atau </style>

 .PopularPosts .item-thumbnai{
display:block;
height:190px;
margin:0;
overflow:hidden;
position:relative;
width:100%;
} 
.PopularPosts .item-title {position:relative;} 
.PopularPosts img {display:block;
height:auto;
position:absolute;
width:100%;
}
.item-title a {
background:none;
color:transparent;
font-family:Oswald;
font-size:17px;
font-weight:400;
padding:10px 0;
padding-right:300px;
position:absolute;
right:0;
text-align:center;
top:0;
width:100%;
transition:all 0.2s ease-out;
}
.item-title a:hover {
background:#f97e76;
color:#fff;
padding-right:0;
}
.item-snippet {
background:none;
color:rgba(0,0,0,0.3);
font-weight:normal;
left:12%;
padding:10px;
position:absolute;
text-align:center;
top:95px;
width:70%;
transition:all 0.2s ease-out;
}
.item-snippet:hover {
background:#4f5a66;
color:#FFFFFF;
}
.item-content {
position:relative;
} 

4. Selanjutnya tambahkan kode di bawah ini tepat di atas kode  </body> 

  

5. Dan setelah itu simpan template dan lihat hasilnya taraa widget populart post anda sudah tampil menarik dan bagus bukan nahh sekian dari saya terimakasih semoga bermanfaat yahh.

Subscribe to receive free email updates:

0 Response to "CARA MEMASANG WIDGET POPULART POST AGAR TAMPIL MENARIK DI BLOG"

Post a Comment