Cara Menciptakan Popular Post Default Blogger Only Thumbnail

Baca Juga

Widget Popular post pada blogger merupakan widget yang menampilkan daftar Artikel yang paling sering dibaca oleh pengunjung. Widget popular post ini berdasarkan -master seo, sanggup menawarkan dan membantu meningkatkan pageview. Selain untuk meningkatkan pageview, Populart post ini juga mempunyai kegunaan untuk memper-ganteng tampilan blog kita. Perlu diketahui juga bahwa Blogger menyediakan widget popular post/Entri Populer ini mempunyai stuktur tampilan yang kurang lezat dipandang. Untuk merubah wigdet entri popular itu jadi lezat dipandang, jalan satu-satunya ialah dengan cara memasang instruksi di blog kita. Ikuti langkah-langkah berikut ini.

Baca Juga :

• Cara Membuat Popular Post Thumbnail dan Auto Numbering (Update)
• Cara Membuat Popular Post Berwarna dan Keren

Screenshoot :

Cara Membuat Popular Post Default Blogger Only Thumbnail

Cara Pertama : 

1. Buka Blogger » Kemudian login.

2. Dashboard » Template.

3. Edit HTML.

Proses Pembuatan :

1. Temukan instruksi ]]></b:skin> atau </style>

2. Copy&paste instruksi berikut ini, dan letakkan diatas instruksi ]]></b:skin> atau </style>

/* CSS Popular Post */ .PopularPosts .item-thumbnail{margin:0} .PopularPosts .widget-content ul{margin:0;padding:0} .PopularPosts .item-title a{text-decoration:none;font-family:'Arimo';font-size:14px;color:#777;text-align:justify;} .PopularPosts .item-title{padding-bottom:.4em} .PopularPosts .item-title a:hover{color:#E74C3C} .PopularPosts .item-snippet{font-family:'Arimo';font-size:12px;line-height:1.6em;color:#777;padding-top:10px} .PopularPosts img{width:100%;height:100%;} .PopularPosts .widget-content ul li{padding:5px;border:1px solid #ddd} .PopularPosts li .item-snippet{display:none} .PopularPosts li .item-thumbnail{float:right;margin:0;padding:3px;border:1px solid #ddd;display:inline;width:90px;height:90px;overflow:hidden;} .PopularPosts li:first-child .item-thumbnail{width:97%;height:190px;overflow:hidden;margin-bottom:20px} .PopularPosts li:first-child .item-content{position:relative} .PopularPosts li:first-child .item-thumbnail,.PopularPosts li:first-child .item-snippet{display:block} .PopularPosts li:first-child .item-title a{font-family:'Arimo';font-size:20px;text-align:center;line-height:1.3;position:absolute;top:50px;width:75%;left:20px;color:#fff;border-radius:5px;background-color:rgba(248,140,0,0.62);padding:15px} .PopularPosts li:first-child .item-snippet{display:none}

3. Simpan Template!
4 Terakhir, Kembali ke hidangan Dashboard - Tata Letak/Layout 
5. Edit » Add a Gadget di Sidebar.
6. Pilih "Entri Populer"

 7. Terakhir, Ikuti Instruksi pada gambar dibawah ini.

Demikianlah Tutorial Blogger kali ini, Bila anda mengalami kesulitan? Jangan sungkan untuk berkomentar dibawah ini. Terakhir, silakan anda lihat pada home page anda. Sekian dari saya, Semoga Bermanfaat! Thanks for Reading, Sharing & Visited and Search : Cara Membuat Popular Post Default Blogger Only Thumbnail