Mengganti Tulisan Posting Lama dan Posting Baru dengan gambar pada blog

Mengganti Tulisan Posting Lama dan Posting Baru dengan gambar pada blog, berikut langkah - langkahnya :


  1. Masuk ke halaman Dasboard > Rancangan > Edit HTML
  2. Beri tanda centang pada kotak "Expand Widget Template"
  3. Cari kode <data:newerPageTitle/> dengan menekan "Ctr+F" pad keyboar.
  4. Ganti tulisan 'Posting Terbaru' dengan gambar panah kiri yang anda inginkan.

    contoh kode:

    <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId +&quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
  5. ubah kode berwarna merah menjadi seperti di bawah ini :

    <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId +&quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2DNK_S-9WzgWcYoSOwt0rHrNfFIxnB8tWG_CMpgOJEhHwkSSiWdXJ2OhdBbi3LkJ1Owvr09JvkoZzw3RFKthmoaLFrkHieuTXldAVFtVl7dwJoqRAepkHIPUX0Unl9GH9608o3VYnLaoR/' style='border:none;'/></a>
  6. Ganti tulisan 'Posting Lama' dengan gambar panah kanan yang anda inginkan.

    <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId +&quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
  7. ubah kode berwarna merah menjadi seperti di bawah ini :

    <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId +&quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3VMvs_2C7JgDe6L7sAMjbzE3ueF4N0UcOMsJlYZ8TfximD11aEZwH80APKdMcHvG1qXUp7_SUWURNrnpOlnWV6kYptFCOdNDnQ1aNFVKbOMKRdMvep4jXLX2P7O-tPbVR9l4tvuokRdEM/' style='border:none;'/></a>
  8. Ganti tulisan 'Home' dengan gambar rumah.

    contoh kode:

    <b:if cond='data:blog.homepageUrl != data:blog.url'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    <b:else/>
    <b:if cond='data:newerPageUrl'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    </b:if>
    </b:if>
  9. ubah kode berwarna merah menjadi seperti di bawah ini :

    <b:if cond='data:blog.homepageUrl != data:blog.url'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjwH2AEEw4_AbPcqOh1QNkOOd5QZoADIwdeNelX_iIdJZL_k0CjaIqi1kmtFXM-eE1W7novLtfnEksrJma_wNvcCAPVRsX13QQxtQm8rkpZPEmOP2gT4HPzefGKp1pEskyeU1WJgRXbfEk/' style='border:none;'/></a>
    <b:else/>
    <b:if cond='data:newerPageUrl'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjwH2AEEw4_AbPcqOh1QNkOOd5QZoADIwdeNelX_iIdJZL_k0CjaIqi1kmtFXM-eE1W7novLtfnEksrJma_wNvcCAPVRsX13QQxtQm8rkpZPEmOP2gT4HPzefGKp1pEskyeU1WJgRXbfEk/' style='border:none;'/></a>
    </b:if>
    </b:if>
  10. Simpan Template dan lihatlah hasilnya.

0 comments:

Berkomentarlah secara SOPAN dan BIJAK, dan sebaiknya pahami dulu topiknya supaya komentar serasi dengan topiknya, dan Dilarang membuat SPAM, kata2x kasar, kata2x berbau porno, dan hal-hal yang berbau negatif

Trims