Kamis, 28 Januari 2016

Widget Popular Post (Artikel Populer) Keren Warna-Warni Untuk Blog

Widget dapat mempercantik suatu blog, untuk itu saya akan membagikan Widget Popular Post (Artikel Populer) Keren Warna-Warni Untuk Blog.
Popular post atau artikel populer sangat banyak sekali kita temukan yang dipasang di setiap blog. Mungkin rata-rata semua blog memakai widget ini, itu dikarenakan widget popular post ini sangat berperan penting pada suatu blog.

Widget popular post akan menampilkan artikel yang populer, maksudnya adalah artikel yang paling banyak dibaca oleh pengunjung blog. Dengan widget ini kita juga dapat meningkatkan traffik dari blog kita sendiri. Karena mungkin saja artikel populer kita akan tampil di halaman pertama search engine atau mesin pencariaan.

Namun dengan widget popular post ini kita juga bisa membuat pengunjung penasaran saat melihat judul artikel yang ada pada popular post. Untuk itu kita haruslah membuat judul blog yang menarik agar dapat menarik pengunjung untuk mengkliknya. Jika pengunjung mengkliknya, maka page view kita akan bertambah, jika page view bertambah maka artikel itu akan baik dimata search engine atau mesin pencariaan.

Untuk itulah saya menyarankan Anda untuk memasang widget popular post ini pada blog Anda. Nah, saya akan membagikan Widget Popular Post (Artikel Populer) Keren Warna-Warni Untuk Blog. Anda dapat memasangnya pada blog Anda, karena widget popular post yang satu ini sangatlah keren dengan tampilannya yang warna-warni yang dapat memanjakan mata pengunjung saat melihatnya.




Cara Membuat Widget Popular Post (Artikel Populer) Keren Warna-Warni Untuk Blog

Berikut langkah-langkah cara membuat widget popular post keren.

  • Masuk ke blogger dan login dengan akun blogger Anda
  • Pilih blog yang ingin Anda pasang widget popular post
  • Pilih menu Template > Edit HTML
  • Lalu cari kode ]]></b:skin> atau jika Anda tidak menemukan kode tersebut maka cari kode </style> untuk lebih cepat mencarinya tekan CTRL F
  • Setelah itu copy kode dibawah lalu letakan tepat di atas kode ]]></b:skin> atau </style>

    /* CSS Popular Post */
    .PopularPosts{ color:#fff; line-height:1.6; font-size:100%; border-radius:5px 5px 0 0; padding}
    .popular-posts{line-height:1.6; font-size:100%; border-radius:0; color:#fff}
    .popular-posts a{color:#fff}
    .popular-posts a:hover{color:#fff}
    .PopularPosts ul{list-style:none; margin:0; margin-left:-18px; padding:0; counter-reset:popcount}
    .popular-posts ul li:before{list-style-type:none;margin-top:10px;margin-right:15px;margin-left:5px; padding:0.3em 0.8em; counter-increment:popcount; content:counter(popcount); font-size:16px; color:#fff; position:relative; float:left; border:1px solid #fff;border-radius:100%}
    .PopularPosts li{text-transform:uppercase; background:none; margin:0; padding:10px 18px; display:block; clear:both; overflow:hidden; list-style:none; font:13.5px/140%;border-bottom:none}
    .PopularPosts li:hover{background:#0FB9BB}
    .PopularPosts li a{text-decoration:none}
    #PopularPosts1 .widget-content{padding:0px 0 0 17px; margin-bottom:-2px}
      .PopularPosts ul li{padding:3px 7px;border:none}
    .PopularPosts ul li:nth-child(1){background-color:#F48067;margin-right:0}
    .PopularPosts ul li:nth-child(2){background-color:#2ba6e1;margin-right:0}
    .PopularPosts ul li:nth-child(3){background-color:#718397;margin-right:0}
    .PopularPosts ul li:nth-child(4){background-color:#11b7b5;margin-right:0}
    .PopularPosts ul li:nth-child(5){background-color:#d9ba71;margin-right:0}
    .PopularPosts ul li:nth-child(6){background-color:#d9ba71;margin-right:0}
    .PopularPosts ul li:nth-child(7){background-color:#2ba6e1;margin-right:0}
    .PopularPosts ul li:nth-child(8){background-color:#718397;margin-right:0}
    .PopularPosts ul li:nth-child(9){background-color:#11b7b5;margin-right:0}
    .PopularPosts ul li:nth-child(10){background-color:#d9ba71;margin-right:0}

  • Save template atau simpan template Anda

Langkah selanjutnya yang perlu Anda lakukan adalah memasang widget popular postnya. Berikut cara-caranya.

  • Tata Letak > Add Widget/Tambah Widget >Lalu cari popular post atau entri populer dan klik tanda
  • Save atau Simpan

Sekarang lihat blog Anda, maka akan ada Widget Popular Post (Artikel Populer) Keren Warna-Warni pada menu navigasi blog Anda yang tertata rapi. Selamat!

Itulah artikel tentang Widget Popular Post (Artikel Populer) Keren Warna-Warni Untuk Blog, semoga artikel ini bermanfaat untuk blog Anda dan menjadikan blog Anda menjadi lebih keren dan cantik.






















Load disqus comments

0 komentar