Tutorial Cara Memasang Popular Post Keren di Blog

Tutorial cara memasang popular post keren pada blog - Entri populer atau popular post kalau di pasang secara unik tentu akan menarik perhatian mata pengunjung buat melihat serta bahkan tertarik buat membaca artikel kita. Namun popular post sendiri sejatinya di anjurkan terpasang pada blog selain buat menambah nilai SEO tentu saja agar pembaca lebih gampang buat menemukan artikel yg poly pada baca di blog kita.

Baca juga : Kumpulan Template Blogger fast loading Seo Responsive 2018 

Tutorial cara memasang popular post keren di blog
Langkah pertama  buat dulu widget popular post pada blog ( apa apabila telah terpasang silahkan lanjut ke langkah ke 2 )

• Pastikan kalian sudah login di bloger
• Masuk ke dasbor lalu pilih tata letak lihat gambar pada bawah

• Lalu klik pada tambah gadget cari entri populer dan pilih

• Setelah itu seting sinkron ke inginan kalian dan  ingat klik simpan , disini kalian bisa mengatur yang akan pada tampilkan dalam entri populer .

Kini entri popular atau popular post telah terselesaikan pada buat menggunakan penampilan baku blogger . Serta agar tampilan entri popular atau popular post menjadi menarik ikuti langkah ke 2 di bawah ini.
Langkah ke dua cara menciptakan popular post keren pada blog

• pastikan kalian masih login pada blogger
• setelah itu pilih tempelate lalu klik edit html serta cari kode ]]>  gunakan kombinasi Ctrl + F untuk mempermudah pencarian.
• setelah ketemu copy semua kode script pada bawah ini lalu paste kan tepat pada atas kode ]]> 

 kode script

#PopularPosts1 ul li a:hovercolor:#fff;text-decoration:none
#PopularPosts1 ul li a -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;  color: #333333; display: block; 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: dua; padding: 0px; text-align: -webkit-auto; text-decoration: none !Important; text-indent: 0px; text-transform: none; white-space: normal; widows: dua; word-spacing: 0px;
#PopularPosts1 ul li .item-thumbnailfloat: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:afterposition: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:aftercontent:"8"
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +libackground:#B041FF;width:90%
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:aftercontent:"9"
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +libackground:#F52887;width:90%
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:aftercontent:"10"
#PopularPosts1 ul li:first-child + li + li + li + li +libackground:#7ee3c7;width:90%
#PopularPosts1 ul li:first-child + li + li + li + li + li:aftercontent:"6"
#PopularPosts1 ul li:first-child + li + li + li + li + li +libackground:#f6993d;width:90%
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:aftercontent:"7"
#PopularPosts1 ul li:first-child + li + li + li + libackground:#33c9f7;width:90%
#PopularPosts1 ul li:first-child + li + li + li + li:aftercontent:"lima"
#PopularPosts1 ul li:first-child + li + li + libackground:#c7f25f;width:90%
#PopularPosts1 ul li:first-child + li + li + li:aftercontent:"4"
#PopularPosts1 ul li:first-child + li + libackground:#ffde4c;width:90%
#PopularPosts1 ul li:first-child + li + li:aftercontent:"3"
#PopularPosts1 ul li:first-child + libackground:#ff764c; width:90%
#PopularPosts1 ul li:first-child + li:aftercontent:"2"
#PopularPosts1 ul li:first-childbackground:#ff4c54 ;width:90%
#PopularPosts1 ul li:first-child:aftercontent:"1"
#PopularPosts1 ulmargin:0;padding:0px 0;list-style-type:none
#PopularPosts1 ul liposition: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

agar lebih jelasnya lihat gambar pada bawah ini.

• terakhir jangan lupa save serta lihat hasilnya 

Gimana nir terlalu sulit kan Tutorial cara memasng popular post keren pada blog , semoga sanggup bermanfaat.
baca jua artikel lainya : cara mengetahui kualitas seo sebuah blog