Cara Membuat Widget Popular Posts simple di Blog - Hallo sahabat TIPS BELAJAR BISNIS ONLINE DAN INTERNET MARKETING, Pada Artikel yang anda baca kali ini dengan judul Cara Membuat Widget Popular Posts simple di Blog, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Blogging, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara Membuat Widget Popular Posts simple di Blog
link : Cara Membuat Widget Popular Posts simple di Blog

Cara Membuat Widget Popular Posts simple di Blog

Membuat Widget Popular Posts Kerenseperti yang bisa dilihat di Blog ini sangat gampang. Anda tinggal menambahkan kode CSS di template blog.

Namun, sebelumnya, tentu Anda harus memasang dulu Widget Popular Postnya di Sidebar blog.

Popular posts berfungsi sebagai navigasi menu dan internal link yang bagus buat blog dan dianjurkan oleh Google. Dengan internal link, blog kita jadi User Friendly.

Cara Membuat Widget Popular Posts Keren di Blog:

1. Di Blogger Dashboard, klik menu "Layout"
2. Klik “Add a Gadget” di Sidebar
3. Tambahkan/Pilih “Popular Posts Widget” 
4. Centang pilihan sesuai selera, bisa dengan gambar, ringkasan, atau dua-duanya. Bisa juga cuma judul doang.
5. Save!

Langkah menambah style Popular Post Widget

1. Klik menu "Template" > "Edit HTML"
2. Cari (Ctrl + F) kode </b:skin>
3. Copy + Paste kode berikut ini sebelum atau di atas  kode </b:skin> tadi.

1. .popular-posts ul {
   padding-left: 0px;
   counter-reset: popcount;
   }
   .popular-posts ul li:before {
   list-style-type: none;
   margin-right: 15px;
   padding: 0.3em 0.6em;
   counter-increment: popcount;
   content: counter(popcount);
   font-size: 16px;
   background: #292D30;
   color: #ffffff;
   position: relative;
   font-weight: bold;
   font-family: georgia;
   float: left;
   border: 2px solid #dddddd;
   box-shadow: 1px 2px 9px #666666; }
   .popular-posts ul li {
   border-bottom: 1px dashed #dddddd;
   }
   .popular-posts ul li:hover {
   border-bottom: 1px dashed #696969;
   }
   .popular-posts ul li a {
   text-decoration:none; color:#5A5F63;
   }
   
   .popular-posts ul li a:hover {
   text-decoration:none;
   }
   
   Selamat, Anda sudah Membuat Widget Popular Posts Keren di Blog!

Demikianlah Artikel Cara Membuat Widget Popular Posts simple di Blog

Sekianlah artikel Cara Membuat Widget Popular Posts simple di Blog kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Membuat Widget Popular Posts simple di Blog dengan alamat link https://tipstopmarketing.blogspot.com/2016/08/cara-membuat-widget-popular-posts.html

Tweet