Yo, udah lama ane gag ngepost. Banyak kesibukan di dunia nyata, dan juga akhir bulan bulan ini internet mahal. Jadi ane agak males sih buka laptop.
Mumpung ane masih inget triknya daripada ane lupa mending gua post aja.
Mungkin dari ente-ente semua banyak yang belum bisa atau belum mahir ataupun belum ngerti, bagi yang sudah tau, tolong ajarin bagi yang ingin belajar.
- Login/buka blogger ente
- Klik tema lalu klik edit HTML
- Tekan Ctrl+F (klik cursor di kotak HTML), lalu cari PopularPosts2 Bila ada tanda panah yang seperti ane lingkarin berwarna biru, klik saja panahnya
- Lalu cari <li> lalu ganti dengan <li class='jhoepop'>
- Lalu cari code <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>, lalu taruh code <div class='jhoe-pop'><div id='jhoe-pop'/></div> di atasnya
- Tambahkan code di bawah ini, diatas code ]]></b:skin>
- Lalu klik save
.jhoe-pop {z-index: -1;position: relative;float: left}
#jhoe-pop {z-index: 1;opacity: 1;float: left;height: 72px;width: 72px;margin: 5px 5px 5px 0;}
li.jhoepop #jhoe-pop {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHVOEABWbfFohZPnV4t8ZvVv6t3wxhjOuU4QloDxoFv-nyL4yklLVCDO5if_K72IjmiJ-Wwc63OZWDd5ng7QGNpcqv2C6AVsodM_DHajMXNxBxHGKFiDLtu-5i-2u4xcBbUJmGylemb6w/s320/urabe+1.jpg") no-repeat;
background-size: 100%;}
.PopularPosts .item-thumbnail {
float: left;
margin: 5px 5px 5px 0;
position: absolute;}
Selamat mencoba
Bagi yang belum bisa silahkan tinggalkan komentarnya
Posted by : FVREDDY_JHOENNY_RIEWANTHO
Kamis, 03 Agustus 2017
Related Posts :
Post : background gambar, blogger, CSS, HTML, icon/gambar, Trick, Tutorial
Langganan:
Posting Komentar (Atom)
0 komentar:
Posting Komentar