Cara Mengganti Tulisan Posting Lama Dan Posting Baru

Cara Mengganti Tulisan Posting Lama Dan Posting Baru - Tulisan Posting lama atau Posting baru tentu saja bisa anda ganti sesuai dengan keinginan anda, contoh di ganti dengan tulisan “Next” atau “Previous”, bahkan tidak hanya bisa diganti dengan dengan tulisan biasa namun “Posting lama atau Posting baru” bisa diganti dengan gambar atau icon. Yuk, kita bahas satu – satu.
Mengganti Posting lama dan Posting baru dengan Next dan Previous
Ikuti langkah-langkah berikut :

1. Login ke blogger dengan ID anda
2. Klik Tata Letak.
3. Klik tab Edit HTML
4. Cari kode berikut pada template anda :
   
   <span id='blog-pager-newer-link'>
        <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>
        </span>
      </b:if>
      <b:if cond='data:olderPageUrl'>
        <span id='blog-pager-older-link'>
        <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>
        </span>
      </b:if>
      <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>
   
5. Perhatikan kode yang saya cetak merah.
6. Gantilah kode <data:newerPageTitle/> dengan tulisan Next dan kode <data:olderPageTitle/> dengan tulisan Previous
7. Klik tombol Simpan Template
8. Selesai.
9. 
   

Sangat sederhana bukan?

Mengganti Posting lama dan Posting baru dengan Icon
Untuk mengganti Posting lama serta Posting baru dengan icon, langkah pertama tentu saja anda harus mempersiapkan icon yang akan di pakai. Sebagai contoh kang Rohman mempunyai icon seperti ini :



Uploadlah icon-icon yang anda miliki ke server tempat anda biasa menyimpan gambar, kemudian catat URl nya. Contoh kang rohman mempunyai alamat icon icon di atas sebagai berikut :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2sENHGRnYNfNiBFRacmXLIODEWNvlZ5oEKxtyp4bo4iOt9hzyuFfStYD3mVuinn5lUhHdN0S5c4vQkJMmzNcZ4Fb5_aM3YTm0C-5lmzTCGYi88luZxznqD7a2H2aBDo7lbQdOWtRF-8A/?imgmax=800
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwY5n4XfFsj2pIwzsnQPyaa8fy3IWXEt0QRl9iqgu136uqpoVgiEvbbpWH2xRw6CQkIAOHEUZyRBTAGKpetspX0LBhycN_ThEcRvOSstjjXgli1ti9hNOuvsy5jDEE32FVB9USL0noGW8/?imgmax=800
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlS52ZoMI3JbW6_eBpxdcH5RAnpmqwq90aosD11E-HrfClb5_FFpbtNTi1jU8silHkkXDFQJOY4nGqcF4_z-0Lnf39RM88l9yevwquDy7CT8mB4modKF-z7Ix0udQ1rmz84LpPlCRwpHs/?imgmax=800

Ubahlah kode di atas menjadi seperti ini :
<img alt='Next' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2sENHGRnYNfNiBFRacmXLIODEWNvlZ5oEKxtyp4bo4iOt9hzyuFfStYD3mVuinn5lUhHdN0S5c4vQkJMmzNcZ4Fb5_aM3YTm0C-5lmzTCGYi88luZxznqD7a2H2aBDo7lbQdOWtRF-8A/?imgmax=800' title='Next'/>
<img alt='previous' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwY5n4XfFsj2pIwzsnQPyaa8fy3IWXEt0QRl9iqgu136uqpoVgiEvbbpWH2xRw6CQkIAOHEUZyRBTAGKpetspX0LBhycN_ThEcRvOSstjjXgli1ti9hNOuvsy5jDEE32FVB9USL0noGW8/?imgmax=800' title='previous'/>
<img alt='home' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlS52ZoMI3JbW6_eBpxdcH5RAnpmqwq90aosD11E-HrfClb5_FFpbtNTi1jU8silHkkXDFQJOY4nGqcF4_z-0Lnf39RM88l9yevwquDy7CT8mB4modKF-z7Ix0udQ1rmz84LpPlCRwpHs/?imgmax=800' title='home'/>

Jika anda sudah mempunyai kode seperti diatas, langkah selanjutnya adalah tinggal memasukannya ke kode template anda, caranya seperti ini :

1. Login ke blogger dengan ID anda
2. Klik Template
3. Klik tab Edit HTML
4. Cari kode berikut pada template anda :
   <span id='blog-pager-newer-link'>
        <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>
        </span>
      </b:if>
      <b:if cond='data:olderPageUrl'>
        <span id='blog-pager-older-link'>
        <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>
        </span>
      </b:if>
      <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>
   
5. Perhatikan kode yang saya cetak merah.
   
6. Gantilah kode <data:newerPageTitle/>, <data:olderPageTitle/> , dan <data:homeMsg/> dengan kode icon anda. Contoh
   <span id='blog-pager-newer-link'>
        <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 alt='Next' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2sENHGRnYNfNiBFRacmXLIODEWNvlZ5oEKxtyp4bo4iOt9hzyuFfStYD3mVuinn5lUhHdN0S5c4vQkJMmzNcZ4Fb5_aM3YTm0C-5lmzTCGYi88luZxznqD7a2H2aBDo7lbQdOWtRF-8A/?imgmax=800' title='Next'/></a>
        </span>
      </b:if>
      <b:if cond='data:olderPageUrl'>
        <span id='blog-pager-older-link'>
        <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 alt='previous' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwY5n4XfFsj2pIwzsnQPyaa8fy3IWXEt0QRl9iqgu136uqpoVgiEvbbpWH2xRw6CQkIAOHEUZyRBTAGKpetspX0LBhycN_ThEcRvOSstjjXgli1ti9hNOuvsy5jDEE32FVB9USL0noGW8/?imgmax=800' title='previous'/></a>
        </span>
      </b:if>
      <b:if cond='data:blog.homepageUrl != data:blog.url'>
        <a class='home-link' expr:href='data:blog.homepageUrl'><img alt='home' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlS52ZoMI3JbW6_eBpxdcH5RAnpmqwq90aosD11E-HrfClb5_FFpbtNTi1jU8silHkkXDFQJOY4nGqcF4_z-0Lnf39RM88l9yevwquDy7CT8mB4modKF-z7Ix0udQ1rmz84LpPlCRwpHs/?imgmax=800' title='home'/></a>
        <b:else/>
        <b:if cond='data:newerPageUrl'>
          <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
        </b:if>
      </b:if>
   
7. Klik tombol Simpan Template
   
8. Selesai
   

Contoh hasil yang akan anda dapatkan seperti ini :


Jika anda mempraktekan tutorial ini kemudian mendapatkan pesan error, kang Rohman menyarankan untuk mencoba lagi dengan menggunakan browser yang berbeda.
Selamat mencoba!

Posted by Unknown on Selasa, 15 Oktober 2013 - Rating: 4.5

Title : Cara Mengganti Tulisan Posting Lama Dan Posting Baru
Description : Cara Mengganti Tulisan Posting Lama Dan Posting Baru - Tulisan Posting lama atau Posting baru tentu saja bisa anda ganti sesuai dengan ...

Share to

Facebook Google+ Twitter