Pages

cara Membuat Read More Dengan Tombol Gambar

 
- Masih ingat dengan resep Master Chef pada Tutorial Blog sebelumnya mengenai Cara Membuat Read More Otomatis di Blog?, nah dalam kesempatan kali ini Master Chef akan mengajak sobat blogger Dapur Tutorial Blogspot Dan Seo Sedikit modifikasi Read More yang kamu buat menjadi Read More dengan Gambar. Kita akan mengganti Tutisan Read More menggunakan Tombol Gambar sesuai keinginan.

Bagaimana Rasepya, Yuk...langsung saja kita bahas dan ikuti terus Master Chef :

  1. Login terlebih dahulu kehalaman blog
  2. Buat kamu yang belum memasang Read More Otomatis Diblog kamu, silahkan baca caranya di tutorial Master Chef Sebelumnya tetang Cara Membuat Read More Otomatis Di Blog. Kalau yang sudah memasang Read More Otomatis silahkan ikuti tahap selanjutnya
  3. Sekarang masuk kehalaman Edit HTML dengan cara pada bagian Dashboard pilih Template -->Edit HTML -->Proses atau Lanjutkan
  4. Jangan lupa Centang Expand Widget Templates
  5. Sekarang Cari <data:post.body/> Mungkin kamu akan menemukan 2 kode ini jadi pilih kode yang kedua. (Gunakan Tombol CTRL+F dan F3 untuk mempermudah pencarian kode)
  6. Jika sudah Gulir Kebawah dan kamu akan menemukan kode kurang lebih seperti ini :
  7. <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
    <span style='float:right'><a expr:href='data:post.url'>Read More.. </a></span>
    <b:else/>
    <data:post.body/>
    </b:if>
  8.  Ganti Kode yang berwarna merah dengan kode berikut ini :
  9. <img alt='Read More..' src='http://1.bp.blogspot.com/-IHpf1c0gAZE/TahDsOmCrCI/AAAAAAAAAy0/lOZgwgw7eHg/s1600/pelajaran%2Bblog%2Bread%2Bmore%2Botomatis.jpg'/>
  10. Sekarang Klik Simpan Template
  11. Selesai dan lihat hasilnya

Share it:
Sobat sedang membaca artikel tentang cara Membuat Read More Dengan Tombol Gambar. Silahkan baca artikel bloger sejati Tentang yang lainnya.
Anda baru saja membaca artikel yang berjudul cara Membuat Read More Dengan Tombol Gambar.Anda boleh copy paste artikel ini dengan menyertakan link http://lisaariyansyah.blogspot.com/2013/03/cara-membuat-read-more-dengan-tombol.html sebagai sumbernya.Dan Jika Anda ingin berlangganan Artikel dari blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel terbaru setiap ada artikel yang terbit di blog ini.

0 comments:

Kode Smiley Untuk Komentar


:a :b :c :d :e :f :g :h :i :j :k :l :m :n :o :p :q :r :s :t

Post a Comment

 

bloger sejati Copyright © 2008-2009 | Edited By : arieadie