Jumat, 11 Maret 2011

Membuat template "Read More"

I. Setting Pada Pengaturan

Login Ke Blogger Menggunakan ID sobat

Klik Pengaturan

Kemudian klik Format

Pada layar kosong paling bawah pada halaman Format, disamping tulisan Template Posting isi dengan kode berikut :

<span class=”fullpost”>


</span>


Kemudian Simpan Pengaturan


II. Meletakkan Kode Read More

Klik Tata Letak.

Kemudian Klik Edit HTML, simpan dulu template sobat dengan mengklik Download Template Lengkap.

Beri tanda centang pada Expand Template Widget.

Cari kode dibawah ini pada template sobat.

<data:post.body/>

atau kode berikut, sama saja

<p><data:post.body/></p>

Hapus Kode diatas dan ganti dengan 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>Read More...</strong></a></p>
</b:if>


Kemudian Klik Simpan Template.


Tata cara penulisan




Perhatikan contoh postingan dibawah ini :



Pertanyaan yang muncul, apakah template pada blogspot bisa kita ganti, dan bagaimana cara menggantinya? ada dua cara untuk mangganti template, yang pertama kita bisa copy paste seluruh kode HTML template secara manual. Yang kedua kita bisa mendownload template, dan menguploadnya langsung dari menu ganti template dari blogger.<span class=”fullpost”>



Sebelum belajar menggati template di blog sobat, ada baiknya save atau download terlebih dahulu template lama sobat. Karena jika dalam penggantian template terjadi kegagalan, sobat tinggal restore kembali template lama sobat ke dalam blog……………………………………………dst </span>



Kode yang berwarna merah yang membagi postingan yang ingin tampil di depan dan postingan secara keseluruhan. Postingan bagian pertama di belah oleh kode <span class=”fullpost”> dan keseluruhan postingan ditutup dengan </span>



Sangat mudah bukan ! semoga tutorial read more ini bermanfaat.

0 komentar:

Template by : kendhin x-template.blogspot.com