• Cara menambah gambar/image pada gambar/image dipopuler post


    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.
    1. Login/buka blogger ente
    2. Klik tema lalu klik edit HTML 
    3. Tekan Ctrl+F (klik cursor di kotak HTML), lalu cari PopularPosts2
    4. Bila ada tanda panah yang seperti ane lingkarin berwarna biru, klik saja panahnya
    5. Lalu cari <li> lalu ganti dengan <li class='jhoepop'>
    6. 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
    7. Tambahkan code di bawah ini, diatas code ]]></b:skin> 
    8. .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;}
    9. Lalu klik save

    CATATAN : u/ warna kuning silahkan ganti gambar sendiri paling tidak ukurang gambarnya harus sama (pxl)

    Selamat mencoba

    Bagi yang belum bisa silahkan tinggalkan komentarnya

    0 komentar:

    Posting Komentar

  • Next Prev