Cara Membuat Popular Post Keren Berwarna Pada Blog

Cara Membuat Popular Post Keren Berwarna Pada Blog
Cara Membuat Popular Post Keren Berwarna Pada Blog. Syalom semuanya, pada kesempatan ini, NALHACKER akan share mengenai Cara Membuat Popular Post Keren Berwarna Pada Blog. Widget Popular Post adalah Widget yang berfungsi untuk menampilkan artikel yang paling banyak diminati oleh para pembaca dan merupakan widget yang paling penting, karena dengan adanya Widget Popular Post maka kita akan mengetahui artikel mana saja yang memiliki banyak pengunjung. Umumnya, Widget Popular Post yang disediakan oleh Blogspot terkesan terlalu sederhana dan kurang menarik.

Oleh karena itu, pada kesempatan kali ini NALHACKER akan mengajari anda rahasia bagaimana Cara Membuat Popular Post Keren Berwarna Pada Blog sehingga Widget Popular Post akan menjadi lebih menarik, disukai serta menarik perhatian pengunjung. Langsung saja, untuk Cara Membuat Popular Post Keren Berwarna Pada Blog, berikut langkah-langkahnya   :

Cara Membuat Popular Post Keren Berwarna Pada Blog

  • Login ke Blogger
  • Masuk ke Template
  • Pilih Edit HTML
  • Temukan kode ]]></b:skin> atau </style>
  • Kemudian letakan kode CSS berikut ini diatasnya   :
/* Popular Post */
.PopularPosts ul,
.PopularPosts li,
.PopularPosts li img,
.PopularPosts li a,
.PopularPosts li a img {
margin:0 0;
padding:0 0;
list-style:none;
border:none;
background:none;
outline:none;
}
.PopularPosts ul {
margin:.5em 0;
list-style:none;
color:black;
counter-reset:num;
}
.PopularPosts ul li img {
display:block;
margin:0 .5em 0 0;
width:50px;
height:50px;
float:left;
}
.PopularPosts ul li {
font-family:Ruda, sans-serif !important;
background-color:#eee;
margin:0 0 0.5em 0 !important;
padding: .7em .7em .5em .7em !important;
counter-increment:num;
position:relative;
}
.PopularPosts ul li:before,
.PopularPosts ul li .item-title a, .PopularPosts ul li a {
font-family:Ruda, sans-serif !important;
font-weight:bold;
color:#444 !important;
text-decoration:none;
}

/* Color Level */
.PopularPosts ul li:nth-child(1) {border-radius:2px;background-color:#F49A9A;
}
.PopularPosts ul li:nth-child(2) {border-radius:2px;background-color:#FCD092;
}
.PopularPosts ul li:nth-child(3) {border-radius:2px;background-color:#FFF59E;
}
.PopularPosts ul li:nth-child(4) {border-radius:2px;background-color:#E1EFA0;
}
.PopularPosts ul li:nth-child(5) {border-radius:2px;background-color:#B1DAEF;
}
.PopularPosts ul li:nth-child(6) {border-radius:2px;background-color:#DEDB00;
}
.PopularPosts ul li:nth-child(7) {border-radius:2px;background-color:#89C237;
}
.PopularPosts ul li:nth-child(8) {border-radius:2px;background-color:#44CCF2;
}
.PopularPosts ul li:nth-child(9) {border-radius:2px;background-color:#01ACE2;
}
.PopularPosts ul li:nth-child(10) {border-radius:2px;background-color:#94368E;
}
.PopularPosts .item-thumbnail {
margin:0 0 0 0;
}
.PopularPosts .item-snippet {
font-family:Ruda, sans-serif !important;
text-align:Justify;
font-size:12px;
color:#777;
padding:5px 10px 5px 0;
}
.profile-img{
display:inline;
opaciry:10;
margin:0 6px 3px 0;
}
  • Setelah itu masuk ke Layout
  • Klik Add A Gadget
  • Pilih Popular Posts
  • Sesuaikan pengaturannya sesuai kemauan anda.
  • Kemudian klik Save
  • Silahkan buka Blog anda untuk melihat hasilnya.
  • Hasilnya kurang lebih akan seperti pada gambar berikut ini   :
Cara Membuat Popular Post Keren Berwarna Pada Blog
Popular Post http://www.ronaldgs.com

Sekarang blog anda sudah memiliki Widget Popular Post Keren Berwarna. Nah, itulah  Cara Membuat Popular Post Keren Berwarna Pada Blog. Semoga artikel Cara Membuat Popular Post Keren Berwarna Pada Blog tersebut dapat bermanfaat bagi anda.


Subscribe to receive free email updates:

0 Response to "Cara Membuat Popular Post Keren Berwarna Pada Blog"

Post a Comment

Apa Komentar Anda? Tuliskan Komentar Anda Pada Kolom Berikut!