Friday, July 20, 2012

Cara Membuat Readmore Di Ikuti Dengan Judul Posting,

Readmore adalah sebuah link yang akan menunjukan artikel yang lengkap. Biasanya blogger memasang readmore pada home pagenya sehingga para pengunjung yang datang dapat melihat artikel2 lainnya. Read more yang anda buat dapat anda variasikan dengan menambah judul posting di ujungnya .....ya itu sih terserah anda jika mau memasangnya....

Bagi anda yang penasaran dan ingin tau bagaimana membuat readmore yang diikuti judul posting maka anda perlu mengikuti trik berikut ini.



Cara Membuat Readmore Di Ikuti Dengan Judul Posting
1. Login ke blogger.
2. Pilih Rancangan dan klik Edit HTML
3. Klik centang pada Expand Template Widget (jangan lupa backup template anda)
4. Cari kode dibawah ini:

<b:if cond='data:blog.pageType == "item"'> <style>.fullpost{display:inline;}</style> <p><data:post.body/></p> <b:else/> <style>.fullpost{display:none;}</style> <p><data:post.body/> <a expr:href='data:post.url'><strong>Readmore...</strong></a></p> </b:if>
5. Gantikan kode yang berwarna merah dengan kode:

<p><data:post.body/></p>
<strong><a expr:href='data:post.url'>Lanjut membaca "<data:post.title/>" »» </a></strong>
Keterangan:
Kode diatas ditambahkan apabila anda membuat readmore dengan loading halaman blog.

6. Tapi jika anda menggunakan readmore tanpa loading halaman blog maka cari kode dibawah ini:

<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Readmore...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Hide Readmore...</a></p>
</span>
7. Hapus semua kode diatas dan gantikan dengan kode ini:

<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Readmore “<data:post.title/></a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Hide Readmore “<data:post.title/></a></p>
</span>
8. Simpan template anda. 

0 comments:

gambar

translate

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

PENGUNJUNG

LIKE FACEBOOK

LINK

 
Copyright© 2011 Ö±-NsCa-HacK-±Ö | Template Blogger Designer by : Utta' |
Template Name | Uniqx Transparent : Version 1.0 | Zero-Nine.Net