Home / Blog / Cara Membuat Read More Dengan Gambar

Cara Membuat Read More Dengan Gambar

Posted by Naufal Ammar Rabu, 27 Maret 2013 0 komentar

1.) Silahkan anda masuk ke akun blogger anda
2.) Selanjutnya anda masuk ke Template > Edit Html > Lanjutkan
3.) Setelah itu anda Backup dulu template anda, dan klik download template lengkap
4.) Jangan lupa centang Expand Widget Template
5.) Cari kode </head> caranya yaitu Tekan Ctrl dan F, lalu cari kode </head>
6.) Setelah kode </head> ketemu, masukkan kode dibawah ini tepat dibawah kode </head>

Kode

<script type='text/javascript'> var thumbnail_mode = "no-float" ;summary_noimg = 450; summary_img = 360; img_thumb_height = 110; img_thumb_width = 130; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

7.) Kemudian setelah itu carilah kode <data:post.body/>

8.) Jika anda menemukan 2 kode <data:post.body/>, pilih kode <data:post.body/> yang pertama

9.) Kemudian anda ganti kode <data:post.body/> dengan kode dibawah ini

Kode

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'><img alt="Baca Selengkapnya" src="URL GAMBAR ANDA"/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

10.) Ubahlah:URL GAMBAR ANDA dengan url gambar read more sesuai dengan yang anda sukai

Nih Saya Kasih 3 Gambar Read More

1. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUGUjlRin8dkNgW1quPtaSaIxZlzJRp7FXq-bC-4adf9Gic3c8RZ5Ir7-Um0x6VGW4JMx71v196dFGSIc8muW0EUeyB6-lqcnrtlz_OVtw70PPxhmPQgHIel7ccfj_L276VJdJpzhQznDT/ Untuk Gambar :

2. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvxrWxYfs_9qfC8-D0q8MGiH76lqU0EyqOyiFlR2a4degwYwYF6TI3JPN4YNNIjkW0w5APEqBDvxrDexyS_5J2makHgdobuvAs4xiNnTDCjrQc498ECwswjBQHt3HT3TvHX7a2TPxbYOE/s1600/readmore.gif' Untuk Gambar :

3. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIzaA5ESne8uP0mowUVwjgAh6afK4CBQE-yL6Y1UJT_JJk_rhCUMJDzvtpsHTQb-JA0dfqlZFGdCXpWYC-a3I2yoA3X1Ufe1EnNAvnpeQ8QBqj-I6HLFFGPzGTl9L7OGr3n2qEe_FnOS4/s320/a1ifte.png
Untuk Gambar :

atau sobat bisa ganti kode <img alt="Baca Selengkapnya" src="URL GAMBAR ANDA"/>
Dengan Tulisan Misalnya Selengkapnya >> atau Read More >>

11.) Yang terakhir jangan lupa simpan Template dan lihat hasilnya

Demikain yang bisa saya sampaikan pada postingan kali ini Cara Membuat Read More Dengan Gambar, dan jika ada cara yang lebih praktis bisa berkomentar dibawah ini. Semoga apa yang saya sampaikan diatas dapat bermanfaat khususnya bagi blogger pemula.

TERIMA KASIH ATAS KUNJUNGAN SAUDARA

Judul: Cara Membuat Read More Dengan Gambar
Ditulis oleh Naufal Ammar
Rating Blog 5 dari 5

Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://nsfreehack.blogspot.com/2013/03/cara-membuat-read-more-dengan-tombol.html. Terima kasih sudah singgah membaca artikel ini.

0 komentar:

WARNING !

Komentar Anda Tidak Boleh Mengandung Unsur :

1. Penghinaan Atau Pelecehan Pada Blog Ini.
2. Spaming ( Komentar SPAM )
3. Link Aktif,dsb

Mohon Maaf Jika Anda Melanggar Peraturan Maka Komentar Anda Tidak Akan Ditamplikan