Minggu, 12 Desember 2010

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...

0 komentar:

Followers

Text

  ©Template by LaRoSe.