Cari Artikel Blog Ini

Total Tayangan Laman

MENGGANTI READMORE DENGAN IMAGE

Read more (baca selengkapnya) atau apapun anda menyebutnya. Dapat ditampilkan dalam bentuk yang lebih menarik yaitu dengan menggunakan image. Image yang digunakan tentu saja harus yang menunjukan sebagai pengganti tulisan read more dengan maksud agar pengunjung tidak mengalami kesulitan saat akan membaca kelajutan dari artikel anda.
Yang diperlukan hanya sebuah image seperti ini : , kemudian uploadlah image tersebut ke situs tempat penyimpanan image seperti photobucket.
Bentuk serta jenis file dari image silahkan anda berkreasi sendiri dengan penampilan yang anda sukai.
Setelah proses upload selesai, copylah URL image tersebut, seperti contoh dibawah ini :


http://1.bp.blogspot.com/_1j80TgNqd_8/S3q9LfmzERI/AAAAAAAAAxI/Ai3PWs3Lyxw/s200/th_ReadMore.png'


Tambahkan kode agar image tersebut dapat ditampilakn seoperti dibawah ini :


<img src="http://1.bp.blogspot.com/_1j80TgNqd_8/S3q9LfmzERI/AAAAAAAAAxI/Ai3PWs3Lyxw/s200/th_ReadMore.png'"/>


Image akan terlihat seperti ini :





Setelah image selesai dipersiapkan, selanjutnya anda melakukan langkah-lagkah berikut :
  • Masuk ke Blogger dengan ID anda.
  • Pilih Tata Letak.
  • Pilih Edit HTML.
  • Ksih contreng pada kotak kecil disamping tulisan ini : Expand Template Widget.
  • Back up template terlebih dahulu jika takut gagal.
  • Cari kode read more pada template. (Pada sebagian template anda mungkin kata read more bebrbeda istilah ada : baca selengkapnya, untuk melanjutkan baca klik disini atau kata-kata lainnya yang semakna). Kode tersebut kira-kira seperti ini :


    <p><data:post.body/></p>
    <a expr:href='data:post.url'><strong>Selengkapnya klik disini...</strong></a>
    </b:if>


  • Gantilah kalimat Selengkapnya klik disini dengan image yang telah disiapkan diatas, sehingga menjadi seperti ini :


    <p><data:post.body/></p>
    <a expr:href='data:post.url'><strong><img src="http://1.bp.blogspot.com/_1j80TgNqd_8/S3q9LfmzERI/AAAAAAAAAxI/Ai3PWs3Lyxw/s200/th_ReadMore.png'"/></strong></a>
    </b:if>


  • Setelah selesai klik Tombol Simpan template.
  • Lihat Read more baru pada blog anda.
  • Selamat mencoba , semoga bermanfaat...!!

Jika artikel ini bermanfaat..? Bagikan lewat :


BACA JUGA ARTIKEL DIBAWAH INI



Comments
6 Comments

6 komentar :

MUBAROK mengatakan...

Pertama niie

MUBAROK mengatakan...

Mantafff Tak coba ah. Thanks buat yg posting :D

agoez3 mengatakan...

Wah, tips yang bermanfaat sekali. Insya allah akan ku coba. Terima kasih ya sharing ilmunya.
Sebagai rasa terima kasih, ada award buat EPG STUDIO di t4 saya. Terima kasih sudah berbagi ilmu selama ini.

shanushy mengatakan...

info tips yang mantaappp
langsung KTP.. corry.. TKP..
langsung praktek
thank's for all

Rev. Savrison Manembu mengatakan...

Terima kasih buat EPG sebab aku memperoleh banyak pengetahuan mengenai blog...

Cisaga community mengatakan...

cara mengganti cursor gmna ea..?

Posting Komentar

Ceritakan keberhasilan/kegagalan anda setelah mencoba Tutorial Blogger pada kotak komentar. Kritik dan Saran juga boleh asal sifatnya membangun...!!!