MEMBUAT READ MORE DI BLOGSPOT.COM

Post on 10-Jan-2016

43 views 4 download

description

MEMBUAT READ MORE DI BLOGSPOT.COM. Oleh: Bambang Herlandi http://www.bambangherlandi.web.id. LANGKAH PERTAMA (MEMBUAT TEMPLATE POSTING). Masuk (sign in) ke dalam akun blogspot anda Klik menu Pengaturan Klik Format Isi Template Posting dengan: Klik Simpan Setelan - PowerPoint PPT Presentation

Transcript of MEMBUAT READ MORE DI BLOGSPOT.COM

MEMBUAT READ MORE DI BLOGSPOT.COM

Oleh: Bambang Herlandihttp://www.bambangherlandi.web.id

LANGKAH PERTAMA(MEMBUAT TEMPLATE POSTING)Masuk (sign in) ke dalam akun blogspot andaKlik menu PengaturanKlik FormatIsi Template Posting dengan:

Klik Simpan SetelanPemasangan kode ini di maksudkan agar pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kode tersebut.

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

LANGKAH KEDUA(MEMBACKUP TEMPLATE)Klik menu DashboardKlik Tata LetakKlik Edit HTMLKlik Download Template LengkapSimpan template anda, untuk menjaga-jaga

bila terjadi kerusakan pada saat mengeditnya.

LANGKAH KETIGA(MEMBUAT KODE UTAMA)Beri tanda cek pada kotak Expand Template

WidgetCari kode <data:post.body/>

atau <p><data:post.body/></p>Hapus dan ganti dengan kode berikut:

<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>

Klik tombol Simpan Template

LANGKAH KEEMPAT(PENGATURAN SAAT POSTING)Klik PostingKlik menu Edit HTMLMaka akan otomatis akan tampil kode:

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

Ketiklah naskah yang akan ditampilkan sebagai headline sebelum kode <span class="fullpost">

Dan letakkan sisanya di antara kode<span class="fullpost">....</span>

Klik tombol MEMPUBLIKASIKAN POSTING