Cara Buat Read More Dengan Sangat Mudah Pada Blogspot
Cara yang paling mudah dan beruntung apabila saudara sudah memakai template-template dari BLOGGER baru atau template diluar BLOGGER (seperti Btemplates.com, dll) yang bahasa programnya sudaah disesuaikan dengan BLOGGER baru, maka hal ini tidak perlu coding sama sekali. Caranya :
- Pada tampilan posting blog tentukan posisi dimana akan diletakkan "Read More" nya dengan memposisikan dan meletakkan cursor sedemikian rupa. Kemudian Click "insert jump break" icon pada toolbar.
- Setelah proses Clicking tadi akan muncul garis warna abu-abu yang menunjukkan batas pemutusan posting dan akan digantikan dengan "Read More" . Garis tersebut dapat di-drag untuk digeser ke posisi lain dan juga dapat di-delete apabila ingin dihapus.
- Kemudian setelah posting selesai klik "PUBLISH untuk melihat hasilnya karena kalo di preview ga kelihatan hasilnya. Dan hasilnya seperti dibawah ini :
- Terlihat ada ReadMore, nah setelah diclick maka akan jadi memperlihatkan post secara utuh :
- Tulisan "Read More" juga dapat diganti dengan sesuai nafsu saudara. Caranya bukaLayout | Page Elements tab. Kemudia klik Edit pada widget Blog Post widget,
- Kemudian edit pada "Post page link text :", terserah mo diisi apa sesuai nafsu saudara.
Catatan: bagi anda yang tidak bisa menampilkan tulisan read more anda bisa menambahkan kode html sebagai berikut :
Untuk melakukannya, masuk pada Layout | Edit HTML, dan backup terlebih dahulu template anda dengan mengklik link Download Full Template di bagian atas halaman. Hal ini akan men-download versi XML dari template Anda yang Anda dapat meng-upload kemudian kapan saja jika Anda perlu.
Setelah back up template anda, kemudian klik kotak centang Expand Widget Template, dan cari kode HTML sebagai berikut:
<data:post.body/>
Kalu sudah ketemu dengan kode tersebut lalu masukkan kode berikut dibawahnya kode diatas :
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + #more'><data:post.jumpText/></a>
</div>
</b:if>
terima kasi...sampai di situ dulu tutorial yang saya berikan...
Kalu sudah ketemu dengan kode tersebut lalu masukkan kode berikut dibawahnya kode diatas :
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + #more'><data:post.jumpText/></a>
</div>
</b:if>
terima kasi...sampai di situ dulu tutorial yang saya berikan...
A Man Apart (2003)
Fast And Furious 5: Rio Heist (2011)
Changeling (2008)
Mars Needs Moms (2011)
The Kung Fu Cult Master (1993)
Moon (2009)
Membuat Gambar Pop Art
Across The Line
Hitting The Nuts
Beastly
Black Angels
Shotgun Love
With Love... from the Age of Reason









Posting Komentar