Sabtu, 25 Februari 2012

Filled Under:

Cara Mengganti Tulisan Old Posting dan New Posting dengan Images


      Biasanya di bagian bawah artikel Anda terdapat tulisan seperti "Older Post / Newer Post atau Posting Lama / Posting Baru". Nah mungkin awal -awalnya Anda tidak mengetahui maksudnya tulisan tersebut. Ya Posting Lama / Baru adalha sebuah Link yang menuju ke artikel - artikel sebelumnya dan juga artikel - artikel yang baru. Nah mungkin Anda ingin mengganti tulisan tersebut dengan tulisan yang lain, misalnya dengan tulisan "Artikel Abdi Sebelumnya" atau "Halaman Lama" atau bahkan dengan gambar. Caranya adalah :
  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/AVvXsEgdx-E9FiPgJAtZqXQiBPpQO70cew7Aw-5et0nxOIW-MmZTYm3gghrJBg4q2vgRmozaYF1j_mTXfy-wZTLHLOLKTNNFbbD0ORBCED2LlywIKOC2gVvnKdDnJ7Kv7VwUd4C1dcBc3Hzsw0kR/' 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/AVvXsEikJnxGrhCMbOjF74Vbsv0dCM6TUoH_lgAPJhr5wPl9kETb3e5JnV6XxKRUsT4ceK0ZGolm5eiyU9E_YW4WK9bIalS083nMwzqOKjeZeu-QtSvbf6a-FClMFCUzBPZ8JW8YF5PFy47qeN_d/' 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/AVvXsEhcaU9D4-de4u10i65fI7WHKKKeS3fuqx5_J8IxjgZsdPJ5hleSqdO-K-Tgjfi0nNIturYXX199h6a19cQIcaXknyJ66P14PGjtoZkkAMcLNVdDcFnn-cseI9GBmUR0Bpb94wohag9AvQpQ/' 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/AVvXsEhcaU9D4-de4u10i65fI7WHKKKeS3fuqx5_J8IxjgZsdPJ5hleSqdO-K-Tgjfi0nNIturYXX199h6a19cQIcaXknyJ66P14PGjtoZkkAMcLNVdDcFnn-cseI9GBmUR0Bpb94wohag9AvQpQ/' style='border:none;'/></a>
    </b:if>
    </b:if>
  10. Simpan Template dan lihatlah hasilnya.





1 komentar:

  1. Nice trick sobat! Saya sudah lakukan ini di blog saya.. THANKS :)

    BalasHapus