Cara Membuat Popular Post Mirip Seperti Blog JalanTikus Untuk Blogspot

Cara Membuat Popular Post Mirip Seperti Blog Jalan Tikus di Blogspot – Salah satu blog terkenal di indonesia yaitu JalanTikus.com yang saat ini masih populer , blog yang mengulas tentang teknologi terbaru baik itu tentang smartphone dan juga teknologi blogging lain nya.

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

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

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

Cara Membuat Popular Post Mirip Seperti Blog JalanTikus di Blogspot

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

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

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

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

&lt;style type='text/css'&gt;

/* 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}

}

&lt;/style&gt;

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

5. Jika di blog anda sudah ada kode CSS bawaan dan jika terjadi masalah maka hapuslah CSS bawanan templat tersebut maka masalah 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 masalah dan lancar lancar saja dan hasil nya seperti anda lihat di blog saya ini.

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

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