Cara Gampang Menciptakan Widget Popular Post Menyerupai Arlina Design

Cara Membuat Widget Popular Post Seperti Arlina Design - Fungsi dari artikel popular yaitu 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. baiklah 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 instruksi /* Popular Posts */di templat blog kau gunakan CTRL+F untuk mempercepat pencarian kalau sudah.

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

5. Setelah di hapus ganti instruksi css tersebut dengan instruksi 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:&#39;\f105&#39;;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 yaitu instruksi warna widget popular post
background:#f39c1 ini yaitu warna backgorud

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

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