Cara Menciptakan Popular Post Menyerupai Mirip Blog Jalantikus Untuk Blogspot

Cara Membuat Popular Post Mirip Seperti Blog Jalan Tikus di Blogspot  - Salah satu blog terkenal di indonesia yakni JalanTikus.com yang dikala ini masih terkenal , blog yang mengulas wacana teknologi terbaru baik itu wacana smartphone dan juga teknologi blogging lain nya.

Blog jalan tikus mempunyai template yang rapih dan juga menarik, salah satu nya widget sidebar terutama widget poular post atau list artikel terkenal yang tersusun rapih dan juga menarik.

Seperti widget popular post di blog wardun,com ini, mirip yang anda lohat widget popular post nya mirip dan mirip widget popular post yang di miliki oleh blog JalanTikus.com

Baca Juga: Cara Memasang dan Menggunakan Lazy Load di Blog

Jika anda ingin mempunyai tampilan widget tampilan yang mirip mirip blog Jalan Tikus atau blog saya ini silahkan anda ikuti tahap pemasangan nya dengan beberapa tahapan di bawah ini , hanya dengan memakai ditor HTML di blog anda.

Cara Membuat Popular Post Mirip Seperti Blog JalanTikus di Blogspot 

Cara pertama yang anda lakukan yakni mengedit template melalui edit HTML yang akan kami uraikan mirip di bawah ini, ikuti intruksi cara pemasangan nya.

1. Mauk de Dashboar blogspot kemudian Klik Template>> Edit HTML

2. Lalu Cari arahan </head> untuk mempermudah silahkan gunakan pencarian memakai tombol CTRL+F 

3. Setelah ketemu Kode </head> di atas kemudian tempelkan arahan script di bawah ini sempurna di atas arahan ,</head> tersebut

<style type='text/css'> /* Popular Post */ .PopularPosts ul{list-style:none;margin:0 auto;padding:0;} .PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img {margin:0;padding:0;list-style:none;border:none;background:none;outline:none;} .PopularPosts ul li {margin:0 0 5px;padding:0;position:relative;line-height:1.4em!important;list-style:none;text-align:left!important;font-size:15px !important;box-shadow: 0 3px 5px 0 rgba(0,0,0,0.17);border-radius: 4px;border: 1px solid #eee;} .PopularPosts ul li a:hover {color:#f80538!important} .PopularPosts li a{color:#000 !important;font-weight:500 !important;list-style:none} .PopularPosts .item-thumbnail {display: flex;align-items: center;justify-content: center;width:72px;height:66px;margin: 6px 20px 7px 3px;overflow:hidden;float:left;border-radius:4px;} .PopularPosts ul li img {width:auto;height:72px;transition:all .3s ease-in-out;border-radius:4px;overflow:hidden;display:block} .PopularPosts .item-snippet{display:none} .PopularPosts .item-title {padding:0 0 5px} .PopularPosts .widget-content ul li:before{color: #fff;counter-increment: count;content: counter(count);position: absolute;left:57px;text-align: center;top:20px;z-index: 51;transition: all .4s;height:25px;min-width:25px;font-size: 14px;line-height:25px;background:#f80538;font-weight:600;border-radius:99em;border:2px solid #fff;text-align: center;padding:0;overflow:hidden;} .PopularPosts ul{counter-reset:count;} @media screen and (max-width:414px){ .PopularPosts ul li {font-size:15px!important}  } </style> 

4. Jika sudah di pasang atau di tempelkan tinggal klik simpan , dan silahkan lihat hasil nya.

5. Jika di blog anda sudah ada arahan CSS bawaan dan kalau terjadi persoalan maka hapuslah CSS bawanan templat tersebut maka persoalan pun tidak terjadi

6. Sebelum nya alangkah baik nya untuk menyimpan atau backup terlebih dahulu template yang anda gunakan untuk menghindari masalah.

Pada dasarrnya saya telah memasang di blog saya dan tidak ada persoalan dan lancar lancar saja dan hasil nya mirip anda lihat di blog saya ini.

Demikianlah artikel dikala ini tentang Cara Membuat Popular Post Mirip Seperti Blog JalanTikus di Blogspot , biar artikel dikala ini membantu dan juga bermanfaat, terimakasih.

Pencarian: pasang popular post, popular post jalantikus, pasang popularpost keren, cara menciptakan popular post mirip jalan tikus,

Bagikan Artikel ini