Cara membuat Read More pada blogspot munkin sudah tidak asing lagi
Nah kali ini Ismed ingin berbagi trik atau cara membuat Read more atau Baca Selengkapnya di Blogspot
sobat,ya tentunya bagi sobat yang membuat blognya di blogspot tentunya...
bagi yang sudah bisa Ismed minta maaf kalau memang posting ini di anggap sdah basi atau sudah lambat
he he he he,.....
tapi bagi sobat yang belum bisa atau bagi pemula tidak ada salahnya mencoba untuk membuat Read More di blog sobat
Ini juga Ismed dapatkan nya di blog Sebah,,, kan gak da salah nya buat shareg sesama blogger
langsung saja langkah-langkah nya :
1. Sign in di blogger dengan id sobat.
2. klik Pengaturan atau Setting
3. Klik Format
4. Pada layar paling bawah, ada text area kosong disamping tulisan Template Posting,
silakan sobat isi text area kosong tersebut dengan kode di bawah ini :
<span class="fullpost">
</span>
Pemasangan kode ini bertujuan yaitu agar pada saat posting artikel ,
kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, kan tambah capek lagi kalua
harus nulis2 lagi, benar gak sobt..?????????
jadi membantu kita agar tidak harus selalu mengingat kode tersebut.
5.klik simpan pengaturan atau tombol Save
Langkah selanjut nya yaitu
6. Klik menu Dasboard
7. Klik Tata Letak
8. Klik tab Edit HTML
9. Klik tulisan Download Template Lengkap.
8. silakan sobat save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila
terjadi kesalahan ketika melakukan editting pada template,maka kita masih punya
back up data untuk mengembalikannya seperti semula
9. Lalu beri tanda centang pada kotak di samping tulisan Expand Template Widget , janmgan
sampai lupa
10.Tunggu beberapa saat ketika proses sedang berlangsung,
11.Silahkan sobat cari kode berikut pada kode template milik sobat :
<data:post.body/>
atau kode di bawah ini (sama saja) ;
<p><data:post.body/></p>
Hapus kode diatas, lalu ganti dengan kode di bawah ini (copas saja):
<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>Selengkapnya...</strong></a></p>
</b:if>
12.Klik tombol Simpan Template
13. selesai dechh
Pada kata SELENGKAPNYA bisa sobat ganti dengan yang sobat suka,, ya katakan lah
seperti "Read more", "lihat Selengkap nya" , "Lebih Lanjut", "Baca Selengkapnya" dan lain2
Semoga berguna dan selamat mencoba semoga sukses...
oya sobat hampir lupa,,,,,,,
setelah itu semua selesai sobat coba melakukan posting nya dengan mengklik <h3>menu Edit HTML</h3>,
maka secara otomatis tampak kode yang telah kita setting tadi, yaitu
<span class="fullpost">
</span>
- Tuliskan artikel yang ingin terlihat pada blog sebelum kode :
<span class="fullpost">
- Tulis keseluruhan sisa artikel sesudah kode di atas dan sebelum kode :
</span>
maka yang terlihat hanya posting sebelum <span class="fullpost"> sedangkan yang sesudah kode tadi atau di
belakang kode </span> harus tekan terlebih dahulu " Baca selengkapnya " atau yang lain yang sobat buat
- Lalu Klik Publikasi
atau klik terlebih dahulu lihat blog untuk melihat hasil posting kita
lalu baru klik Publikasi jika hasilnya sudah sesuai
ok deeech.......... Semoga berhasil
SELESAI
Nah kali ini Ismed ingin berbagi trik atau cara membuat Read more atau Baca Selengkapnya di Blogspot
sobat,ya tentunya bagi sobat yang membuat blognya di blogspot tentunya...
bagi yang sudah bisa Ismed minta maaf kalau memang posting ini di anggap sdah basi atau sudah lambat
he he he he,.....
tapi bagi sobat yang belum bisa atau bagi pemula tidak ada salahnya mencoba untuk membuat Read More di blog sobat
Ini juga Ismed dapatkan nya di blog Sebah,,, kan gak da salah nya buat shareg sesama blogger
langsung saja langkah-langkah nya :
1. Sign in di blogger dengan id sobat.
2. klik Pengaturan atau Setting
3. Klik Format
4. Pada layar paling bawah, ada text area kosong disamping tulisan Template Posting,
silakan sobat isi text area kosong tersebut dengan kode di bawah ini :
<span class="fullpost">
</span>
Pemasangan kode ini bertujuan yaitu agar pada saat posting artikel ,
kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, kan tambah capek lagi kalua
harus nulis2 lagi, benar gak sobt..?????????
jadi membantu kita agar tidak harus selalu mengingat kode tersebut.
5.klik simpan pengaturan atau tombol Save
Langkah selanjut nya yaitu
6. Klik menu Dasboard
7. Klik Tata Letak
8. Klik tab Edit HTML
9. Klik tulisan Download Template Lengkap.
8. silakan sobat save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila
terjadi kesalahan ketika melakukan editting pada template,maka kita masih punya
back up data untuk mengembalikannya seperti semula
9. Lalu beri tanda centang pada kotak di samping tulisan Expand Template Widget , janmgan
sampai lupa
10.Tunggu beberapa saat ketika proses sedang berlangsung,
11.Silahkan sobat cari kode berikut pada kode template milik sobat :
<data:post.body/>
atau kode di bawah ini (sama saja) ;
<p><data:post.body/></p>
Hapus kode diatas, lalu ganti dengan kode di bawah ini (copas saja):
<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>Selengkapnya...</strong></a></p>
</b:if>
12.Klik tombol Simpan Template
13. selesai dechh
Pada kata SELENGKAPNYA bisa sobat ganti dengan yang sobat suka,, ya katakan lah
seperti "Read more", "lihat Selengkap nya" , "Lebih Lanjut", "Baca Selengkapnya" dan lain2
Semoga berguna dan selamat mencoba semoga sukses...
oya sobat hampir lupa,,,,,,,
setelah itu semua selesai sobat coba melakukan posting nya dengan mengklik <h3>menu Edit HTML</h3>,
maka secara otomatis tampak kode yang telah kita setting tadi, yaitu
<span class="fullpost">
</span>
- Tuliskan artikel yang ingin terlihat pada blog sebelum kode :
<span class="fullpost">
- Tulis keseluruhan sisa artikel sesudah kode di atas dan sebelum kode :
</span>
maka yang terlihat hanya posting sebelum <span class="fullpost"> sedangkan yang sesudah kode tadi atau di
belakang kode </span> harus tekan terlebih dahulu " Baca selengkapnya " atau yang lain yang sobat buat
- Lalu Klik Publikasi
atau klik terlebih dahulu lihat blog untuk melihat hasil posting kita
lalu baru klik Publikasi jika hasilnya sudah sesuai
ok deeech.......... Semoga berhasil
SELESAI
