• menambah background gambar populer post yang berbeda-beda

     
    Yo, semuanya kali ini ane akan membahas tentang cara menambah background gambar populer post yang berbeda-beda, singkatnya bagian dua dari Cara menambah gambar/image pada gambar/image dipopuler post, sebelum memasuki tahap ini ente harus mengedit templete ente dulu.
    Bagi ente yang sudah mengedit, simak lanjutannya. Bagi ente yang belum, ente masuk di Cara menambah gambar/image pada gambar/image dipopuler post sebelum melanjutkannya.
    1. edit blog ente sesuai dengan Cara menambah gambar/image pada gambar/image dipopuler post
    2. Ganti code  
    3. 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%;}   
      dengan code di bawah ini

        li.jhoepop:nth-child(1) #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%;}
        li.jhoepop:nth-child(2) #jhoe-pop {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs8PIAS2XjW-YV1ACjuyAPEiM9LiibkTmbgds_PiInMvsf813YgCwWwI1II2cHNr1JsCtzLngpKWl10YC5m1ujeN_omvFZcmDntG2TjNwAxlxdwfFPPM_pDhBtopf2cXrk1fEOzqVqvRA/s320/Urabe+2.jpg") no-repeat;background-size: 100%;}
        li.jhoepop:nth-child(3) #jhoe-pop {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHrB6EVh4aPJtoPsuZ8QIxY9WVL0J5Yv-Fxqx7lhxvX3grGmCd_8TVTF8iLTBPmYkRWcUNH3_zACPzla0SOE6igbq1W8X_RN4ZpqFKWjBsBskYsGHQnE1q4RlEWIx0emz1QzDpeg5bebM/s320/Urabe+3.jpg") no-repeat;background-size: 100%;}
        li.jhoepop:nth-child(4) #jhoe-pop {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1T_vFyQAy8YreyMvUublT3t4uwSvJXBSQk8-M2JR2CxxkHco18wu5BoEMn_7hBbwCd_DdyeFH_0LHN9nuo0zNc7OmXBSPpq6yiW_eEdfihSVhImcn2WBvJc6PY3eR7opuqJHqmKX-Lr0/s320/Urabe+4.jpg") no-repeat;background-size: 100%;}
        li.jhoepop:nth-child(5) #jhoe-pop {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitb3EFbJKaFNFuDXmgR29G3PtY-5bKMilOjEBPfqQd2DVNE8-lU4_ToeO9i3PTSzamw2EnJKyg4kLxD9qeMvsLSsdApadKpXtsc673OcuWRy5YvYeCpFRsKB_Fr4zF1HqfSj2JtSKa8sc/s320/Urabe+5.jpg") no-repeat;background-size: 100%;}
        li.jhoepop:nth-child(6) #jhoe-pop {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjn2TMSIiypCUZY20T5JYCNc2lRCY0qpT7W8YKELkRdu52FeFjN7nR8psQUNje3jMEshijld9_iEwqYU0tgXr493AWiTcrl4neS1Y8D5o7515GwIHXYrVywr7HcwzLUwy6RWrh_XL_ero/s320/urabe+6.jpg") no-repeat;background-size: 100%;}
        li.jhoepop:nth-child(7) #jhoe-pop {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwyyKH23zk97muXq9dT0Subl31l5IdPy6gfITDqKXjVDF99f_A6DR5lREzfJtUApx3ZE5CgBVqCuq0cF5T2USgzdybtm8NbwziencunqAwZ7tTiOVJNpbCtV3YMmrOjRRzDtaTDV7aAzM/s400/urabe+7.jpg") no-repeat;background-size: 100%;}
        li.jhoepop:nth-child(8) #jhoe-pop {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdz9r5pj4dYxIgCf5-oX8g9aIKaCWQDlObI5b8L0fW-fqsrdz0OAwglgfEgkpWhG0yU9HEXPX6-uB1AtrBHTqlZPPeieQD-B-JAPK6EPsgjWed_AofIWA2Pn3LUgUdvDcBE0t6xR6BihA/s320/urabe+8.jpg") no-repeat;background-size: 100%;}
        li.jhoepop:nth-child(9) #jhoe-pop {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNw6Al0xrnFpZvZ96Ym_ZZ0vRSILdRG98MOlofUiOWHplwpGNTTy0CCGWrPEwnM2x32xd2rSnDBYCc8jTY_lv4nmBtOPOY8_xPdrCABDr5pXo0XapYsUlDdaSVUMPNX2BbD1XUNIOX4dk/s320/urabe+9.jpg") no-repeat;background-size: 100%;}
        li.jhoepop:nth-child(10) #jhoe-pop {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu5vv-8J3td61jeHOzaRlZavFNGQNe17Gi3phzHjU8somGiingATNKPTUEkbaXNJr3lQU5I16NoARNWRliN6IKZ9HKqrZg9TzCCtg_x8s_WacJxYWrnZptIKdUbxf0Zpcu8o4aexXEbQc/s320/Urabe+10.png") no-repeat;background-size: 100%;}
         

    4. lalu save

    CATATAN : u/ warna kuning silahkan ganti gambar sendiri paling tidak ukurang gambarnya harus sama (pxl) dan setiap gambar berbeda-beda, jadi ente harus mencari minimal 10 gambar

    0 komentar:

    Posting Komentar

  • Next Prev