Minggu, 26 Juni 2011

Cara merubah tampilan nextprev blogger di bawah posting

oke Posting kali ini seperti biasa tentang blog tutorial lagi...oke jadi begini banyak yang bertanya kepada saya bagaimana cara membuat tampilan nextprev dibawah posting berbeda dari sebelumnya,..oke seperti biasa



1. log-in ke blogger
2. ke rancangan
3. ke Edit html
4. klik centang Expand Template Widget
5. lalu cari dengan f3 atau ctrl-f
cari kode <b:includable id='nextprev'>
6. lalu ada kode seperti ini...

<b:widget id='Blog1' locked='false' title='Posting Blog' type='Blog'>
<b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <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>
7. ganti kode warna biru dengan kode
<img src='http://i777.photobucket.com/albums/yy60/daffaamroe/next.png'/>
atau dengan gambar next lainnya
8. ada kode lagi setelah kode tadi yaitu kode


<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>

9. ganti kode warna biru dengan kode:
<img src='http://i777.photobucket.com/albums/yy60/daffaamroe/prev.png'/>


10. tinggal mengganti kode berandanya...
di bawah kode yang tadi
<a class='home-link' expr:href='data:blog.homepageUrl'><data:blog.homepageUrl/></a>


seperti biasa ganti kode berwarna biru dengan
<img src='http://i777.photobucket.com/albums/yy60/daffaamroe/HOME.png'/>


MUDAH BUKAN
JANGAN LUPA KOMENTARNYA

Tidak ada komentar:

Posting Komentar

Search