Home » » Cara Membuat Read More Otomatis Dengan Tombol Gambar

Cara Membuat Read More Otomatis Dengan Tombol Gambar

OKTRI BLOG | TUTORIAL BLOG | PELAJARAN BLOG | BERBAGI INFORMASI | Cara Membuat Read More Dengan Tombol Gambar - Masih ingat dengan TIPS DAN TRIK pada Tutorial Blog sebelumnya mengenai Cara Membuat Read More Otomatis di Blog?, nah dalam kesempatan kali ini OKTRI BLOG akan mengajak sobat blogger OKTRI tutorial Blogspot 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 :

  1. Login terlebih dahulu kehalaman blog
  2. Buat kamu yang belum memasang Read More Otomatis Diblog kamu, silahkan baca caranya di tutorial oktri blog 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  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
Keterangan :
                    Ganti link gambar warna PINK sesuai dengan gambar yang di ingin kan

Demikian tutorial Cara Membuat Read More Otomatis Dengan Tombol Gambar. buat kamu yang masih bingung silahkan kontak pemilik blog ini bisa lewat koment atau lewat contact di ym




Artikel Terkait:

4 komentar:

Fivers

Selamat Datang Di OKTRI BLOG

Selamat datang di Blog saya, semoga saja kalian bisa mendapatkan apa yang kalian butuhkan diblog saya ini. Terima kasih Telah Berkunjung Di Blog saya,apabila berkenan silahkan berkomentar dan follow blog saya,mari kita saling berbagi ilmu tentang apa saja...Selengkapnya tentang Tutorial Ini

Sekilas tentang penulis

Nama saya Oktri darmadi,saya seorang Mahasiswa S1 Teknik Informatika Di IBI DARMAJAYA Bandar Lampung.

Social Stuff

  • RSS
  • Twitter
  • Facebook
  • HOME
Oktri