Cari
×

Daftarkan diri

Use your Facebook account for quick registration

OR

Create a Shvoong account from scratch

Already a Member? Masuk!
×

Masuk

Sign in using your Facebook account

OR

Not a Member? Daftarkan diri!
×

Daftarkan diri

Use your Facebook account for quick registration

OR

Masuk

Sign in using your Facebook account

Halaman Utama Shvoong>How To>Computers & Internet >Membuat Readmore Dengan Gambar

Membuat Readmore Dengan Gambar

oleh: glamfather    
ª
 
Kita sebelumnya telah belajar apa itu fungsi dari readmore yaitu untuk memperpendek posting pada home page anda. Nah kali ini ada trik yang baru yaitu membuat readmore yang beserta gambar. Setiap postingan anda akan muncul gambar walaupun anda menaruh gambarnya dibagian bawah posting. Secara otomatis apabila anda memposting maka gambar akan nampak pada home page.

Mau tau cara buatnya,,,ikuti aja langkah berikut
1. Sebelumnya, Anda terlebih dahulu harus mempunyai akun blogger atau blogspot dengan menggunakan Email Google.
2. Login ke akun blogger atau blogspot anda dengan Akun Email Google (pada biasanya berakhiran @gmail.com )
3. Lalu ketika sudah sampai pada dashboard, Pilih menu Rancangan dan Tata letak dan klik pada tab Edit HTML
4. Jangan Lupa Klik Tanda Centang Expand Widget Template Sebelum memulai mengedit html code anda

5.Tekan Ctrl+F pada Keyboad Anda, dan Cari kode ini <data:post.body/>
6. Jika Sudah ketemu dengan kode di atas pada html blog anda lalu Copy semua kode ini dan lalu paste tepat di bawah kode diatas :
<script type='text/javascript'>
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://ankitbajaj151.googlepages.com/readmore.js' type='text/javascript'/>
<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'>createSummaryAndTh umb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Read more</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

4. Terakhir adalah simpan template anda...

Keterangan:
summary_noimg = 430; adalah potingan posting tanpa gambar
summary_img = 340; adalah potongan posting dengan gambar
img_thumb_height = 100; adalah tinggi gambar
img_thumb_width = 120; adalah lebar gambar
Diterbitkan di: 15 Mei, 2011   
Mohon dinilai : 1 2 3 4 5
Komentar Terjemahkan Kirim Link Cetak
X

.