Cara Menciptakan Widget Popular Post Ibarat Viomagz

Sobat blogger yang ketinggalan update postingan di blog ini, aku akanmembagikan atau mensharing kepada teman blogger Cara menciptakan widget popular posts seolah-olah template VioMagz Amp jika teman ingin atau berminat menggunakannya dapat pribadi lihat cara dibawah ini.



Untuk cara membuatnyapun tidak terlalu sulit, hanya saja teman harus mengganti CSS popular posts teman yang usang dengan CSS popular posts dibawah ini, cara menerapkannya teman buka Blogger.com > Tema > Edit HTML > 
letakan code css ini sempurna sebelum </style> atau dapat juga sebelum </b:skin>
 /* Popular Posts */ .PopularPosts .widget-content ul, .PopularPosts .widget-content ul li {  margin:0 0;  padding:0 0;  list-style:none;  border:none;  outline:none; } .PopularPosts .widget-content ul {  margin: 0;  list-style:none;  counter-reset:num; } .PopularPosts .widget-content ul li img {  display: block;  width: 70px;  height: 70px;  float: left; } .PopularPosts .widget-content ul li {  margin: 0 0 10px;  counter-increment: num;  position: relative; } .PopularPosts ul li:last-child {  margin-bottom: 0px; } .PopularPosts ul li .item-title a, .PopularPosts ul li a {  font-weight: 500;  text-decoration: none;  color: #444; } .PopularPosts ul li .item-title a:hover, .PopularPosts ul li a:hover {  color: #49ACE1; } .PopularPosts ul li .item-thumbnail-only:before, .PopularPosts ul li .item-content:before, .PopularPosts ul li > a:before {  font-size: 30px;  font-weight: 500;  display: block;  position: absolute;  top: 0;  left: 0;  bottom: 0;  background: linear-gradient(#49ACE1, #fff);  width: 26px;  padding-top: 10px;  text-align: center;  content: counter(num);  color: #fff; } .PopularPosts ul li > a {  display: block;  padding-left: 32px;  min-height: 45px; } .PopularPosts .item-title, .PopularPosts .item-thumbnail, .PopularPosts .item-snippet {  margin-left: 32px; } .PopularPosts .item-title {     line-height: 1.6;  margin-right: 8px;  min-height: 40px; } .PopularPosts .item-thumbnail {  float: left;  margin-right: 8px; } .PopularPosts .item-snippet {     line-height: 1.6em;  font-size: 14px;  margin-top: 8px; }

Sebelum teman meletakan code diatas, alangkah baiknya teman hapus terlebih dahulu yang sudah aku jelaskan di atas tadi, adalah silahkan teman hapus css code popular posts usang dan ganti dengan code css diatas, Hal ini semoga tampilannya menjadi rapih.

Itulah cara singkat dari aku wacana Cara menciptakan Popular Posts di blogger keren semoga dapat bermanfaat, terimakasih

Comments

Post a Comment

Popular posts from this blog

Arti Dari Kata All Izz Well

Image
Halo sobat , kali ini mimin akan membahas arti dari kata“All Is Well”, yapp kata2 ini tidak abnormal bagi yang tahu. Kata-kata itu diambil dari salah satu film dari negara india yang ngeinspirasiin mimin sehabis nonton filmnya. Kalian sudah pernah menonton film 3 idiots? Ok, akan aku ceritain sedikit sinopsis perihal film ini. 3 Idiots merupakan film bollywood yg disutradarai oleh Vidhu Vinod Chopra yg dirilis pada tanggal 25 Desember 2009. film ini menceritakan perihal kehidupan mahasiswa india yg kuliah di Imperrial college engineering (ICE). Makara kamu yang sudah pernah menonton film ini, niscaya tidak abnormal lagi dengan kata “All Izz Well”. Kata-kata ini sering muncul, ketika sang bintang film utama, Rancho (Aamir Khan) sedang mengalami kasus atau sedang panik. Sebenernya mimin bukan penggila film india, tapi ga sengaja sanggup rekomendasi film ini dari sahabat Sekolah Menengah kejuruan mimin, hehe. All is Well atau All Izz Well yang artin...
Read more

[Review] Catrice Cosmetics Dewy-Ful Lips Conditioning Lip Butter - 02 Let's Dew This

Image
Per Januari 2019 ini, saya udah resmi kerja kantoran. Kantornya enak, nyaman, homy, dan adem alasannya pake ac. Enaknya, saya sanggup bebas bikin review begini, lah foto produk aja ini di kantor. Ga enaknya.. oh tentu saja bibir saya harus menyesuaikan dengan kondisi kantor yang full AC -an. Kering kerontang, sister! Awal-awal ke kantor saya suka pakai lipcream. Jelang tengah hari, eh bibir saya jadi kering dan berat gitu rasanya. Mau diapus lipcreamnya, sulit alasannya ga bawa makeup remover. Dipakein lipbalm juga susah jadinya.  Makanya saya seneng banget sama produk Catrice yang gres ini: Dewy-ful Lips Conditioning Lip Butter . Produk ini masuk di kategori lip care, alasannya mengandung shea butter. Tapi, produk ini juga punya warna, gloss dan pigmentasi yang cakep! Jadi multifungsi , deh. Biar ga bingung, saya sebut lipgloss aja ya Packaging Aku dapet lipgloss ini dari program blogger gathering #CatricexMakeupuccino minggu lalu. Waktu saya terima, ini ...
Read more

[Review] Fanbo Acne Solution Loose Powder 01 Oriental Yellow

Image
Sampai ketemu bedak satu ini, saya belom pernah bener-bener ngerasa kagum sama bedak tabur begini. Serius. Seperti yang kau dapat liat dari tampilan depannya, Fanbo Acne Solution Loose Powder ini udah mempromosikan dirinya sebagai bedak yang dikhususkan untuk orang-orang yang kulitnya gampang berjerawat sepertiku.  Well, itu ialah salah satu laba yang bagus. Tapi, selain bagus di kulit berjerawat, bedak ini masih punya kelebihan lain yang bikin saya bener-bener kagum ama dia.  Terjangkau Kebayang ga sih, untuk bedak yang beratnya 20gr ini kau hanya perlu membayar sekitar 30ribuan aja. Apalagi waktu itu saya belinya lagi diskon 12 12, beli bedak ini cuman 25ribu! Isi 20gr itu udah tidak mengecewakan banyak, loh. Bedak 20gr ini juga dikemas dengan apik. Kemasannya nggak melebar ke samping, tapi ngambil ruang lebih tinggi ke atas.  Jadi ramping, besarnya nggak hingga se-telapak tangan . Enak jikalau dibawa kemana-mana.  Meskipun harganya sangat terjan...
Read more