REKANAN

Followers

umpan balik

Waktu Sholat Hari ini

Membuat fungsi Read More di Blogspot

Blogger HTML Check: Mein Tag ist zerbrochen!Image by schoschie via Flickr

Sebagian besar pengguna Blogger bertanya Tanya tentang: “Dapatkah kita menambah fungsi read More di blogspot atau blogger agar artikel tidak menjuntai terlalu panjang di halaman utama? Jawaban dari pertanyaan itu adalah Bisa. Meskipun Blogger atau blogspot tidak memiliki fitur Read More, tapi kita atau anda masih bisa menambah fungsi Read More di dalamnya. Apa yang anda butuhkan untuk membuat atau menambah fungsi Read More di blogspot atau blogger adalah dengan hanya menambah kan beberapa kode ke dalam template blog anda. Adapun caranya adalah sebagai berikut:


LANGKAH PERTAMA (setting template)

1) Log in di blogger anda dan pada dashboard klik Layout> pilih Edit HTML. Sebelum melakukan langkah selanjutnya, Klik dulu "Download Full Template" untuk download template blog anda, sehingga masih ada cadangan template jika anda melakukan kesalahan.

2) Di bawah "Edit Template", centang "Expand Template Widget".



3) Cari kode <data:post.body/> Kalau tidak ada carilah kode <p> <data:post.body/> </p>

4) Ganti kode tersebut dengan kode di bawah 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>Read More …</strong></a></p>
</b:if>


Catatan: Kata “Read More” bisa diganti dengan kata “selengkapnya, atau Baca selengkapnya”, itu suka suka anda, bahkan dengan gambarpun bisa.

5) "Simpan Template".

LANGKAH KE DUA

1) Klik Setting (Pengaturan)--> pilih Format>. Gulirkan pointer ke bawah pada "Post Template". Copy dan paste kode di bawah ini ke dalam kotak kosong seperti dalam gambar.

<span class="fullpost">
</span>




2) “ Save Setting "

LANGKAH KE TIGA (cara posting artikel)

1) klik Posting> kemudian pilih "Edit Html". Maka anda akan melihat kode yang telah anda setting tadi seperti ini:



2) Cara posting artikel baru

Saat menulis posting baru, apa pun yang anda diletakkan di atas tag <span class="fullpost"> akan muncul di halamam utama blog anda. Sedangkan artikel yang anda letakkan di bawah tag <span class="fullpost"> dan diakhiri dengan tag </span> , akan muncul setelah Fungsi Read More diklik. Lebih jelasnya lihat gambar di bawah ini.



10) klik publish.

Catatan tambahan:
Posting lama anda bisa anda edit dengan format seperti membuat posting baru.

Demikian bagaimana cara membuat atau menambah fungsi Read More di blogspot atau Blogger. selamat mencoba!





Reblog this post [with Zemanta]

Baca Artikel Terkait berikut ini:



3 comments:

Isaifuddin said...

tips yg berguna dan jelas. tahniah buat empunya blog

blogadexme said...

Bermanfaat kali mas,,,makasih y..

Anonymous said...

keren ^_^ artikelnya, makasih infonya ada info g mengenai peluang usaha<-dan->bisnis online ? tolong infonya iya terimakasih..

Post a Comment