Membuat Read More di Blog Mobile

Membuat "Read more" atau "Baca selengkapnya" untuk blog mobile sebetulnya caranya sama dengan via PC. Cuma teknisnya saja yang berbeda. Kalau lewat PC kita bisa secara langsung mengedit HTML template. Tapi kalau via ponsel atau HP kita harus mendownload dulu template blog kita baru kita bisa mengeditnya setelah itu template kita upload lagi. Yang saya ketahui ada dua versi untuk membuat "readmore" dan berikut ini saya coba berbagi untuk cara atau versi yang pertama.



1. Pertama-tama silahkan login via Opera Mini ke dasbor blog anda lalu buka "tata letak" setelah itu buka "edit HTML." Nah... setelah kita masuk, kan ada tag "download template lengkap" silahkan anda klik lalu kita download template kita dan simpan di HP.

Setelah template blog kita download, berikutnya tinggal mengedit HTML blog kita. Yang belum tau cara mengedit dan download template silahkan baca di tulisan saya yang ini! Setelah anda masuk ke tahap pengeditan, silahkan cari kode </head> lalu simpan kode dibawah ini tepat di atasnya

<style> <b:if cond='data:blog.pageType == "item"'> span.fullpost {display:inline;} <b:else/> span.fullpost {display:none;} </b:if> </style>

.

Lalu cari kode ini:

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

atau

<data:post.body/>

Letakkan kode beriku ini tepat dibawah kode diatas

<b:if cond='data:blog.pageType != "item"'> <a expr:href='data:post.url'> Baca Selengkapnya...</a> </b:if>

.

Tulisan "baca selengkapnya" adalah kata yang akan muncul dibawah postingan dan bisa anda ganti dengan yang lain sesuai dengan keinginan anda.

Nah...tahap pengeditan telah selesai! Tinggal kita simpan dan anda upload kembali template yang telah diedit. disini petunjuk cara mengupload templat!


2. Setelah template selesai diedit dan di upload kembali, sekarang tinggal bagaimana cara memposting. Disaat anda posting tambahkan kode ini di postingan anda:


<span class="fullpost">

</span>

Letakkan kode
<span class="fullpost"> dibawah paragraf yang akan dimunculkan, sisanya letakkan di atas kode
</span>
Atau maksud saya, letakkan kode </span> di akhir postingan anda. Bagaimana....mudah bukan? Selamat mencoba

Diposting oleh Nanang
POSTING BERKAITAN

TEMPLATE DESIGN BY
m-template | by:bagas96