Google Ads

Senin, 07 Januari 2008

Membuat Fungsi "Read More..."

Saat ingin bikin ini, yang ketemu googling adalah artikel berikut. Dari situsnya Kang Rohman. Ini saya copy paste buat referensi.

Langkah #1
Sign in di blogger dengan id anda.
Klik Pengaturan
Klik Format
Pada layar paling bawah, ada text area kosong disamping tulisan Template Posting, isi tesxt area kosong tersebut dengan kode di bawah ini :


———————————————————
<div class="fullpost">



</div>
————————————————————
Klik tombol Simpan Pengaturan
Pemasangan 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.


Langkah #2
Klik menu Dasboard
Klik menu Layout
Klik menu Edit HTML
Klik tulisan Download Template Selengkapnya.
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget.
Tunggu beberapa saat ketika proses sedang berlangsung
Silahkan anda cari kode berikut pada kode template milik anda :


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


Hapus kode diatas, lalu ganti dengan kode di bawah ini (klik pada tombol untuk menandai):
——————————————————————————————
<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/></p>
<a expr:href='data:post.url'><b>Selengkapnya.....</b></a>
</b:if>
—————————————————————————————-
Klik tombol Simpan Template
Selesai.



Cara Posting Artikel


Klik menu Posting
Klik menu Edit HTML, maka secara otomatis tampak kode yang telah kita setting tadi, yakni :


————————————————————
<div class="fullpost">



</div>


————————————————————
Tuliskan artikel yang ingin tampak pada blog sebelum kode :
—————————————————————————-
<div class="fullpost">
——————————————————————————
Tulis keseluruhan sisa artikel sesudah kode di atas tadi dan sebelum kode :
——————————————————————————
</div>
—————————————————————————-
Klik tombol bertuliskan MEMPUBLIKASIKAN POSTING
Klik tulisan Lihat Blog(di jendela baru) untuk melihat hasil dari postingan kita, kemudian lihat apakah hasilnya sukses atau tidak. Jika tidak, mungkin ada bagian yang terlewatkan. Coba lihat kembali langkah diatas

PROBLEM sedikit muncul masalah widget ID yang katanya harus unik. Googling lagi… dan dapatnya juga sama dari Kang Rohman. Cukup cespleng…. makasih kang rohman…..
ganti aja id HTML yang katanya sama. Kalau yang sama HTML1 ada dua, ganti salah satunya dengan angka lain….. wessssssssssssssssssssss selseai


Tidak ada komentar: