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:
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 :
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
