memasang widget artikel / Most populer cantik di Blogspot

Memasang widget artikel populer cantik di Blogspot

Most Popular adalah salah satu fitur Blog yang bisa dimanfaatkan untuk memantau indeks artikel terbanyak viewer/pembaca tanpa harus masuk ke dasbor.

Selain itu widget artikel terpopuler ini bisa meningkatkan Index Blog Anda dan memper"indah" Blog sehingga Pembaca bisa lebih betah membaca setiap konten yang anda sediakan.

Ode Media kali ini mau berbagi cara memasang widget Most Popular seperti pada gambar berikut.

cara membuat widget most popular blogspot

1. Silahkan anda masuk ke dasbor blog anda terlebih dahulu
2. Pilih Tata letak
3. Add widget Baru dan Pilih "most popular" / "entri populer"
4. Setting Entri dengan cara :

Baca Juga

• Pengertian, Sejarah Perkembangan, Pembagian dan Manfaat Komputer (Makalah Pengantar Ilmu Komputer)
• Contoh Makalah Materi INTERAKSI MANUSIA DAN KOMPUTER {Lengkap}
• Pengertian dan Contoh Sistem Informasi Manajemen (Bahan Makalah)
• Cara Install Compiz Extra di Linux Ubuntu Terbaru
• Cara Menambahkan Tombol Like , share facebook,twitter dan google plus di Blog
• Cara Membuat Email Gmail dan Yahoo
• cara membuat favicon blog keren
• memasang widget artikel / Most populer cantik di Blogspot

Kosongkan tanda centang pada "Tubnail" dan "Cuplikan" lalu sesuaikan jumlah artikel yang akan ditampilkan.

Silahkan Save .

Setelah disave langkah Selanjutnya silahkan Pilih Template dan Edit template.

Masukkan kode css Populer post ditemplate anda.

• Masuk Dasbor
• Pilih Template dan Edit Template
• Cari Kode ]]></b:skin> , Untuk mempermudah silahkan Gunakan Ctrl + F
•  Selanjutnya  Copy Script Dibawah dan Paste Diatas kode ]]></b:skin>

#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;  color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}#PopularPosts1 ul li:first-child:after,#PopularPosts1 ul li:first-child + li:after,#PopularPosts1 ul li:first-child + li + li:after,#PopularPosts1 ul li:first-child + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px  solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}#PopularPosts1 ul li:first-child + li +  li + li + li + li + li + li + li:after{content:"9"}#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}#PopularPosts1 ul li:first-child + li +  li + li + li + li + li + li + li + li:after{content:"10"}#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}#PopularPosts1 ul li:first-child + li + li:after{content:"3"}#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}#PopularPosts1 ul li:first-child + li:after{content:"2"}#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}#PopularPosts1 ul li:first-child:after{content:"1"}#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}

Setelah Itu Klik Simpan dan Lihat Hasilnya.

Silahkan Dicoba Semoga bermanfaat. 

demikian tutoria cara menambahkan widget populer artikel di blogspot.