Cara Memperbaiki Error Rating Star yang Bentrok dengan Iklan In Feed Adsense pada Popular Posts - Kurazone Blog | Panduan Belajar Blogger Pemula

Cara Memperbaiki Error Rating Star yang Bentrok dengan Iklan In Feed Adsense pada Popular Posts

Pilihan Editor :

Cara Memperbaiki Error Rating Star yang Bentrok dengan Iklan In Feed Adsense pada Popular Posts
Penulis Bagus Surochman
0
Modus malam



Cara Memperbaiki Error Rating Star yang Bentrok dengan Iklan In Feed Adsense pada Popular Posts

KURAZONE ~ Pada postingan yang sebelumnya telah dibahas mengenai "Cara Meletakkan Iklan In Feed Adsense Ditengah Popular Posts Blogger". Namun ternyata kami menjumpai error pada bagian Rating Star untuk Popular Post yang menggunakan efek Rating Star. Error terebut memperlihatkan urutan rating yang tidak sesuai seperti yang semestinya. Lihat penampakan error Rating Star pada gambar dibawah ini:




Rating Bintang tersebut sudah pernah kami bahas pada artikel "Cara Memberi Rating Bintang pada Widget Popular Posts di Blog" yang dikhususkan untuk Popular Posts berjumlah 5 Posts.

Nah, buat sahabat Kurazer yang ingin memperbaiki error pada Rating Star tersebut, maka perhatikan kode-kode dibawah ini :

.PopularPosts ul li:before{font-family:fontawesome;content:'\f005\f005';display:inline-block;position:absolute;color:#f39c12;text-align:center;bottom:0;right:10px;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:last-child{border-bottom:none}
.PopularPosts ul li:first-child{border-top:none}
.PopularPosts ul li .item-title a,.PopularPosts ul li a{color:black;font-size:13px;}
.PopularPosts ul li a:hover{color:#2476e0;}
.PopularPosts .item-thumbnail{margin:0;}
.PopularPosts .item-title{padding-bottom:.2em;}
.PopularPosts .item-snippet{display:none}
Jika Rating Star digabungkan dengan Iklan In Feed maka posisi Iklan In Feed akan menempati deretan (list) pada Popular Posts.

Iklan In Feed bukanlah bagian dari kategori Popular Posts sehinggan Rating Star tidak bisa memberikan sebuah rating kepada iklan, alhasil rating menjadi error. Penampakan error bisa dilihat pada gambar dibawah ini :

Untuk mengatasinya maka ubah urutan angka 1,2,3,4,5 sesuai dengan kondisi Iklan In Feed pada Popular Posts kalian. Nominal / angka tersebut diubah berdasarkan lokasi Iklan In Feed pada Popular Post blog, bila Iklan In Feed berada di urutan 4 (seperti gambar diatas), maka angka 4 diganti ke angka berikutnya yaitu angka 5. Alhasil angka 4 bisa kita anggap musnah atau keberadaannya hilang (null - tidak memiliki nilai). Hasil kodenya akan nampak seperti di bawah ini :
.PopularPosts ul li:before{font-family:fontawesome;content:'\f005\f005';display:inline-block;position:absolute;color:#f39c12;text-align:center;bottom:0;right:10px;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(5):before{font-family:fontawesome;content:'\f005\f005\f006\f006\f006';opacity:.8}
.PopularPosts ul li:nth-child(6):before{font-family:fontawesome;content:'\f005\f006\f006\f006\f006';opacity:.75}
.PopularPosts ul li:hover:before{opacity:1}
.PopularPosts ul li:last-child{border-bottom:none}
.PopularPosts ul li:first-child{border-top:none}
.PopularPosts ul li .item-title a,.PopularPosts ul li a{color:black;font-size:13px;}
.PopularPosts ul li a:hover{color:#2476e0;}
.PopularPosts .item-thumbnail{margin:0;}
.PopularPosts .item-title{padding-bottom:.2em;}
.PopularPosts .item-snippet{display:none}
Dari kode diatas, urutan Popular Posts diubah menjadi 1,2,3,5,6. Ini menandakan angka 4 nya DIBUANG dan TIDAK DIBERIKAN RATING BINTANG, sehingga Iklan In Feed akan dianggap Null (tidak memiliki nilai). Penampakan dari Popular Posts nya akan tampil seperti dibawah ini :
Gimana? Pahamkan... hehe..
KESIMPULAN :
Urutan angka yang ditempati oleh Iklan in Feed kita ganti dengan angka berikutnya.
Itulah informasi mengenai "Cara Memperbaiki Error Rating Star yang Bentrok dengan Iklan In Feed Adsense pada Popular Posts", jika masih bingung dalam menerapkan tutorial diatas, maka jangan malu-malu untuk berkomentar. Selamat mencoba dan semoga bermanfaat. Goodluck !!


Thanks to : Qimiow.blogspot.com

nanio
Cara Memperbaiki Error Rating Star yang Bentrok dengan Iklan In Feed Adsense pada Popular Posts
Cara Memperbaiki Error Rating Star yang Bentrok dengan Iklan In Feed Adsense pada Popular Posts Cara Memperbaiki Error Rating Star yang Bentrok dengan Iklan In Feed Adsense pada Popular Posts Reviewed by Bagus Surochman on 6/03/2018

Tidak ada komentar:

1. Berkomentarlah dengan tata bahasa yang baik agar orang lain tahu sebijak apa karakter anda melalui kata kata.
2. Silahkan tulis komentar anda untuk hal apapun yang masih berhubungan dengan post pada halaman ini.
3. Mohon untuk tidak menyertakan Link Aktif pada kolom komentar.
4. Mohon maaf apabila tidak sempat membalas komentar 1 per 1.
5. Komentar selalu di moderasi.