Cara Menambahkan READ MORE Dengan Gambar Pada Blog

Jumat, 19 Februari 2016

  1. Kali ini MFC Akan mengajarkan Cara Membuat Read More Dengan Gambar

  2. Nih tutorialnya
    1. 1.Login terlebih dahulu kehalaman blog
    2. 2. Buat kamu yang belum memasang Read More Otomatis Diblog kamu, silahkan baca caranya di tutorial Maulana Fisqal Cyber 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

    -->Edit HTML -->Proses atau Lanjutkan
  • Jangan lupa Centang Expand Widget Templates
  • 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)
  • Jika sudah Gulir Kebawah dan kamu akan menemukan kode kurang lebih seperti ini :
  • <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>
  •  Ganti Kode yang berwarna merah dengan kode berikut ini :
  • <img alt='Read More..' src='http://1.bp.blogspot.com/-IHpf1c0gAZE/TahDsOmCrCI/AAAAAAAAAy0/lOZgwgw7eHg/s1600/pelajaran%2Bblog%2Bread%2Bmore%2Botomatis.jpg'/>
  • Sekarang Klik Simpan Template
  • Selesai dan lihat hasilnya
  • 0 komentar:

    Posting Komentar