MEMBUAT READ MORE DI BLOGSPOT.COM

8
MEMBUAT READ MORE DI BLOGSPOT.COM Oleh: Bambang Herlandi http://www.bambangherlandi.web.id

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

Page 1: MEMBUAT READ MORE  DI BLOGSPOT.COM

MEMBUAT READ MORE DI BLOGSPOT.COM

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

Page 2: MEMBUAT READ MORE  DI BLOGSPOT.COM

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>

Page 3: MEMBUAT READ MORE  DI BLOGSPOT.COM

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.

Page 4: MEMBUAT READ MORE  DI BLOGSPOT.COM

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:

Page 5: MEMBUAT READ MORE  DI BLOGSPOT.COM

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

Page 6: MEMBUAT READ MORE  DI BLOGSPOT.COM

Klik tombol Simpan Template

Page 7: MEMBUAT READ MORE  DI BLOGSPOT.COM

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

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

Page 8: MEMBUAT READ MORE  DI BLOGSPOT.COM

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