Info Tentang Memberikan Efek Rating Bintang di Popular Post Update Terbaru 2017 Gratis

Sedikit Info Seputar Memberikan Efek Rating Bintang di Popular Post Terbaru 2017 - Hay gaes kali ini team Fiber Android, kali ini akan membahas artikel dengan judul Memberikan Efek Rating Bintang di Popular Post, kami selaku Team Fiber Android telah mempersiapkan artikel ini untuk sobat sobat yang menyukai Fiber Android. semoga isi postingan tentang Artikel Blogging, Artikel CSS, Artikel Tips Blogger, Artikel Widget, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul: Berbagi Info Seputar Memberikan Efek Rating Bintang di Popular Post Full Update Terbaru
link: Memberikan Efek Rating Bintang di Popular Post

Artikel Terbaru Memberikan Efek Rating Bintang di Popular Post Update Terlengkap 2017

Penambahan efek rating bintang pada Popular Post yang berfungsi untuk menampilkan hasil voting yang di berikan pengunjung pada artikel tertentu.

Memberikan Efek Rating Bintang di Popular Post

---

1. Sobat terlebih dahulu masuk ke menu Template dan klik (Edit Html).
2. Kemudian tambahkan kode di bawah ini tepat di atas kode ]]></b:skin> atau </style>

/* Popular Post */
.PopularPosts ul{background:#fff;list-style:none;margin:0;padding:5px 5px 0;overflow:hidden;border-top:none}
.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{margin:0;list-style:none;color:#64707a}
.PopularPosts ul li img{background:#fafafa;display:block;margin:0 10px 0 0;width:60px;height:60px;overflow:hidden;float:left;}
.PopularPosts ul li{position:relative;background-color:#fff;margin:0;padding:.7em 0!important;border:0;position:relative;border-bottom:1px dotted rgba(0,0,0,0.2)}
.PopularPosts ul li:before{font-family:fontawesome;content:'\f005\f005';display:inline-block;position:absolute;color:#f39c12;text-align:center;bottom:0;right:0;margin:9px 0;font-size:11px;padding:0;font-weight:normal;line-height:normal;transition:all .3s}
.PopularPosts ul li:nth-child(1):before{font-family:fontawesome;content:'\f005\f005\f005\f005\f005';}
.PopularPosts ul li:nth-child(2):before{font-family:fontawesome;content:'\f005\f005\f005\f005\f006';opacity:.9}
.PopularPosts ul li:nth-child(3):before{font-family:fontawesome;content:'\f005\f005\f005\f006\f006';opacity:.85}
.PopularPosts ul li:nth-child(4):before{font-family:fontawesome;content:'\f005\f005\f006\f006\f006';opacity:.8}
.PopularPosts ul li:nth-child(5):before{font-family:fontawesome;content:'\f005\f006\f006\f006\f006';opacity:.75}
.PopularPosts ul li:hover:before{opacity:1}
.PopularPosts ul li:first-child{border-top:none}
.PopularPosts ul li:last-child{border-bottom:none}
.PopularPosts ul li .item-title a,.PopularPosts ul li a{color:#333;font-size:13px;}
.PopularPosts ul li a:hover{color:#2476e0;}
.PopularPosts .item-thumbnail{margin:0;}
.PopularPosts .item-snippet{display:none}
.PopularPosts .item-title{font-weight:700;padding-bottom:.2em;padding:0 5px}

3. Terakhir simpan widget dan lihat hasilnya.

Demikian artikel kali ini, kalau sobat punya pertanyaan/saran sobat bisa meninggalkan komentar, selamat mencoba semoga bermanfaat.

Itulah sedikit Artikel Memberikan Efek Rating Bintang di Popular Post terbaru dari kami

Semoga artikel Memberikan Efek Rating Bintang di Popular Post yang saya posting kali ini, bisa memberi informasi untuk anda semua yang menyukai Fiber Android. jangan lupa baca juga artikel-artikel lain dari kami.

Terima kasih Anda baru saja membaca Artikel Tentang Memberikan Efek Rating Bintang di Popular Post