Cara Gampang Menciptakan Widget Popular Post Ibarat Arlina Design

Cara Membuat Widget Popular Post Seperti Arlina Design - Fungsi dari artikel popular yakni untuk menampilkan postingan yang sering di baca oleh pengunjung blog kau bentuk dan model nya pun berbeda beda ada yang minimalasi dengan judul saja ada juga dengan judul dengan gambar tergantung selera.

Bagi kau penggemar berat Arlina Design saya juga pengemar untuk bikin widget Popular Post ala Arlina Design yang terbaru aku punya tutorial nya nanti akan aku jelasakan di baawah.

Sebenarnya untuk widget popular post ini sudah tersedia untuk kau yang membeli template Viral Go dari  Arlina Design yang premium kalo tidak salah yang versi kabar sehat komentar disqus, eksklusif saja beli kalo tidak ingin repot hehe. sepakat eksklusif saja bagi kau yang ingin memasang di template blog kau sanggup ikuti langkah di bawah ini.

Cara Praktis Membuat Widget Popular Post Seperti Arlina Design


Untuk kau yang bingun dan ingin menciptakan widget postingan terkenal ibarat blog arlina desaind yang terbaru kau sanggup ikuti cara nya di bawah ini.

1. Silahkan untuk login ke blogger.com

2. Selanjutnya Pilih tema / template > edit html 

3. Cari isyarat /* Popular Posts */di templat blog kau gunakan CTRL+F untuk mempercepat pencarian kalau sudah.

4.Jika sudah ketemu Hapus isyarat /* Popular Posts */ hingga isyarat epilog ini color:#fff}

5. Setelah di hapus ganti isyarat css tersebut dengan isyarat di bawah ini.

/* Popular Posts */ .PopularPosts .item-title{font-weight:500;font-size:15px;padding-bottom:0.5em}.PopularPosts .widget-content{font-size:14px;padding:0}.PopularPosts .widget-content ul li{padding:0;background:none}.PopularPosts .item-title a{color:#333}.PopularPosts .item-title a:hover{color:#f39c12}.PopularPosts .item-snippet{height:40px;overflow:hidden;color:#555;line-height:1.4}#PopularPosts1{display:block;position:relative;overflow:hidden;font-size:15px}#PopularPosts1 ul{margin:0;padding:0;list-style-type:none}#PopularPosts1 ul li{background:#f39c12;position:relative;padding:0;color:#fff;border-bottom:1px solid rgba(0,0,0,0.08);border-top:1px solid rgba(255,255,255,0.12)}#PopularPosts1 ul li:after{content:'\f105';font-family:fontawesome;position:absolute;top:12px;right:15px;line-height:1em;text-align:center;color:#fff;font-size:23px;font-weight:normal;transition:all.3s}#PopularPosts1 ul li:first-child{border-top:0}#PopularPosts1 ul li:last-child{border-bottom:0}#PopularPosts1 ul li:hover:after{color:#fff}#PopularPosts1 ul li a{background:#f39c12;color:#fff;display:inline-block;padding:15px 50px 15px 15px;width:100%}#PopularPosts1 ul li a:hover{background:#af854259;color:#fff}  

6. Terakhir tinggal Simpan Templat

Penting !
  • #f39c12 Ini yakni isyarat warna widget popular post
  • background:#f39c1 ini yakni warna backgorud 

Agar lebih responsive kau sanggup mengatur  sesuai impian kamu, oiya untuk widget popular post ini tidak responsive untuk gambar hanya manis untuk judul saja Untuk yang kerepotan atu gundah sanggup di tanyakan di kolom komentar  biasanya untuk setiap templat beda beda pengaturan nya.

Demikian untuk Cara Membuat Widget Popular Post Seperti Arlina Design biar sanggup bermanfaat terimakasih.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel