Kamis, 19 April 2012

0 Tutorial Blogger Cara Mengganti Tulisan Read More Dengan Gambar


Chyberart , Cara Mengganti Tulisan Read More Dengan Gambar : Banyak hal yang dapat kita lakukan untuk memper cantik tampilan halaman blog kita salah satunya yaitu dengan mengganti tulisan read more dengan gambar. Nah kali ini Larasmadyo akan mengajak anda untuk mempelajari bagai mana caranya untuk mengganti tulisan read more dengan gambar.

Pada tutorial sebelumya larasmadyo Dot Com juga sudah sukses Memposting Tip's SEO dan cara membuat Read more pada template clasic . Buat sobat yang masih menggunak template clasic bisa membaca tutorial ini untuk menambahkan Fasilitas Read More pada Postingan artikel anda.

Ok sekarang Kita lanjutkan ke cara mengganti Read more dengan gambar. Langkah-langkah nya adalah sebagai berikut :

  1. Login pada akun Blogger Anda dahulu
  2. Kemudian klik menu Layout/Tata letak 
  3. Pilih Edit HTML 
  4. Centang kotak Expand Widget kemudian cari tulisan Read more Anda (untuk pencarian lebih cepat gunakan tombol Ctrl+F). misalnya:

  5. <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <span style='font-weight:bold;'><a expr:href='data:post.url' target='_blank'>
    <div style='float:right'><br>Read More...</br>
    </div>
    </a>
    </span>
    </b:if>

  6. Ganti tulisan yang berwarna merah dengan kode berikut

  7. <a expr:href='data:post.url'><strong><img src="URL GAMBAR"/></strong></a>
Untuk Mendapatkan Url Gambar anda Harus Upload Gambar Read More ada ke Hosting Penyimpanan gambarAnda dapat menggunakan jasa Layanan photobucket untuk menyimpan ganbar dan mendapatkan URL gambar anda. Contoh URL gambar Yang diupload di Photo bucker sseperti ini :

http://i1211.photobucket.com/albums/cc432/Aldi96/1-4.png

Dan gambarnya seperti ini :

Photobucket

Anda Dapat menggunakan URL tersebut untuk menggganti tulisan read more pada blog anda. sampai disini semoga dapat membantu dan Selamat Mencoba .....!

0 komentar:

Poskan Komentar