Ok posting kali ini telah saya janjikan saat membuat posting mengenai cara pasang read more otomatis, kali ini saya akan bahas permasalahan yang timbul pada auto read more itu sendiri, nah dalam auto read more yang kita gunakan pada umumnya di gunakan sebagai penyingkat posting pada halaman depan blog atau dikenal dengan Home, namun ada juga rean more tersebut tampil pada elemen laman lainnya misalkan pada laman Tentang Saya atau Profil, Tukar Link, My Award dan apa saja elemen laman anda.!
Permasalahan tersebut adalah halaman statis tidak dapat dibuka sepenuhnya atau tidak tampil utuh, melainkan hanya tampil sebagian yang diikuti dengan link atau tobol “read more” atau yang sejenisnya, walau pun sebenarnya pengunjung sudah berada pada alamat/URL static page itu (bukan lagi berada pada halaman/URL awal atau Home Page yang memang pantas kalau di Homepage ada link “read more”).
Sebagai catatan, cara ini sangat tergantung pada template yang digunakan, jadi kemungkinan kode yang harus diubah berlainan untuk setiap template.
1. Login ke akun Blogger, lalu masuk ke tab Layout, selanjutnya masuk ke mode Edit HTML.
2. BACKUP TEMPALTE ANDA!
3. Kalau biasanya cuma disarankan, kali ini rasanya wajib untuk backup template anda karena mungkin akan terdapat masalah dimana kode yang diubah bisa berlainan untuk setiap template. Cara backup template adalah klik link bertuliskan “Download Full Template” pada mode Edit HTML. Kalau nanti bermasalah, template awal tersebut bisa dikembalikan dengan cara upload.
4. Centang pilihan “Expand Widget Templates”.
5. Pada form Edit HTML, carilah (tekan Ctrl+F di keyboard) kode “read more” atau yang sejenisnya (bisa bertuliskan “lanjutkan…” atau “continue” atau yang lainnya).
6. Jika ketemu maka codenya seperti di bawah ini.
Ini merupakan script read more otomatis sebelum diubah
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> READ MORE</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
6. Jika ketemu maka codenya seperti di bawah ini.
Ini merupakan script read more otomatis sebelum diubah
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> READ MORE</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
7. Setelah itu tambahkan code di bawah ini
<b:if cond='data:blog.pageType != "static_page"'>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType != "static_page"'>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
Maka codenya akan jadi seperti di bawah ini:
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> READ MORE</a></span>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
8. Selanjutnya Save template sobat.!
Catatan:
Code Yang berwarna hijau di atas adalah code yang sobat tambahkan tadi maka jika di gabung terlihat seperti di atas.
Sekedar Informasi :
Mungkin ini bisa membantu, seperti terlihat pada contoh di atas, pada template Blogger ada beberapa syntax yang maksudnya merujuk ke jenis halaman tertentu, misalnya:
1. item
<== merujuk ke halaman posting/artikel.
2. static_page
<== merujuk ke halaman statis (static pages).
3. index
<== merujuk ke halaman index. misalnya homepage, archive, dan search label.Semoga bermanfaat dan good luck..!
Sumber:
http://archcom.blogspot.com/2010/11/mengubah-auto-read-more-pada-laman.html
3 komentar:
Makasih gan tips nya, bermanfaat bangets...
tq adoe beh,,,,memank jeut berbagi ilmu goen droe keuh,,,,,
Nice info juragan,,,ini neh tutorial yg sy cari2.
Posting Komentar
Bagi Yang tidak mempunyai akun Google DLL bisa menggunakan ID ANONYMOUS Untuk berkomentar. Kasih Komentarnyaaaa donk!!!