Cara Membuat Popular Post Mirip Seperti Blog Jalan Tikus di Blogspot - Salah satu blog terkenal di indonesia ialah JalanTikus.com yang ketika 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
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 pertama yang anda lakukan ialah mengedit template melalui edit HTML yang akan kami uraikan mirip di bawah ini, ikuti intruksi cara pemasangan nya.
Pencarian: pasang popular post, popular post jalantikus, pasang popularpost keren, cara menciptakan popular post mirip jalan tikus,
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
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 ialah 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 aba-aba </head> untuk mempermudah silahkan gunakan pencarian memakai tombol CTRL+F
3. Setelah ketemu Kode </head> di atas kemudian tempelkan aba-aba script di bawah ini sempurna di atas aba-aba ,</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 aba-aba CSS bawaan dan jikalau terjadi dilema maka hapuslah CSS bawanan templat tersebut maka dilema 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 dilema dan lancar lancar saja dan hasil nya mirip anda lihat di blog saya ini.
Demikianlah artikel ketika ini tentang Cara Membuat Popular Post Mirip Seperti Blog JalanTikus di Blogspot , biar artikel ketika ini membantu dan juga bermanfaat, terimakasih.
Pencarian: pasang popular post, popular post jalantikus, pasang popularpost keren, cara menciptakan popular post mirip jalan tikus,