Hidup Itu Cuma Satu Kali, dan Semua Orang Tahu Itu. Tapi, Sekali Dalam hidup Kita, Apakah Bermanfaat Bagi Orang Lain dan Sekitar Kita ?

BOY SANDI SIMANUNGKALIT

"..selamat datang teman,mari berbincang diterasku.."

08.09.00

Cara Membuat Read More Pada Blog.

Ditulis oleh Boy Sandi Simanungkalit |

Apakah anda ingin menampilkan postingan anda hanya sebagian saja pada halaman depan? Oleh karena itu gunakan Read More.Mungkin ditutorial lain anda yang sudah pernah mencoba merasa bingung. karena penjelasan yang berbelit-belit. disini saya akan menjelaskan bahwa begitu mudahnya untuk membuat Read More pada Blog anda. Mari, ikuti tutorial dalam Artikel ini..

Untuk membuat Read More sangatlah mudah. Tapi, bagi yang tidak mengerti mungkin akan terasa sangat sulit. Bahkan tidak sedikit para Blogger yang sudah mencari tutorial-tutorial di internet untuk membuat Read More, tapi malah tambah pusing.Karena kebanyakan tutorial yang ada tidak jelas langkah-langkahnya. Oleh karena itu, saya akan menjelaskan pada rekan-rekan Blogger bagaimana membuat Read More pada Blog dengan cara yang sangat mudah dimengerti.

Langkah-langkah membuat Read More [klik gambar jika kurang jelas] :

1. Masuk pada Dasbor Blog anda, pilih Template/Rancangan, kemudian pilih Edit HTML.



2. Tapi sebelumnya, saya menyarankan anda untuk mem-BackUp terlebih dahulu Template yang sedang anda.Tujuan nya untuk mencegah apabila anda melakukan perubahan dan tidak berhasil, anda bisa mengembalikan ke setingan Template awal. Caranya, Klik Tulisan Download Full Template/ Download Template Lengkap, kemudian simpan.



3. Kemudian, Lihat isi dari Template anda yang ada di Kotak Edit Template.



4. Pada kotak Edit Template, nantinya kita akan menyisipkan sedikit perintah HTML. Untuk yang pertama,cari pada Template kita tag seperti ini ]]></b:skin> [biasanya ada di dalam tag <head> dan sebelum <body> :

]]></b:skin>

</head>
<body>

Jika sudah ketemu, paste Perintah dibawah ini diantara ]]></b:skin> dan </head> :

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

kemudian jangan lupa untuk menyimpan dulu perubahannya.




5. Untuk yang kedua, Disebelah kanan atas dari kotak Edit Template, ada Sebuah CheckBox , yaitu Expand Template Widget. Kalau Kita Pilih, maka nantinya akan ditampilkan kode HTML yang ter-hidden pada template kita. dan sekarang kita pilih CheckBox tersebut. Jika ada perubahan yang belum disimpan, biasanya akan muncul pesan [disini kebetulan saya pakai yang Bahasa Indonesia] yang memberitahu bahwa ada perubahan yang belum disimpan.



6. Jika sudah, maka cari perintah HTML ini <p><data:post.body/></p> , lalu paste perintah ini tepat di bawahnya :

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

lalu jangan lupa menyimpan perubahannya.



7. Setelah itu, anda pilih kembali Tab Settings / Pengaturan, lalu pilih Format.



8. Cari Template Entry, lalu paste perintah dibawah ini kedalam kotak dan jangan lupa simpan perubahan :

<span class="fullpost">

</span>

Tujuannya adalah, agar setiap kita akan meng-Entry Postingan baru, perintah ini akan otomatis tersedia.



9.Sekarang, anda Pilih Tab Posting, dan pilih New Entry / Entri Baru. akan Tampil otomatis perintah yang tadi kita buat di Template Entry.



Disini, untuk yang akan kita tampilkan, kita buat di luar dari perintah itu, tepatnya di atasnya. Namun, untuk sisanya, yang akan muncul jika di pilih Read More, ada didalam perintah tersebut.



10. Kemudian Tampilkan Postingan Anda, dan hasilnya akan menjadi seperti ini :



Dan akhirnya andapun berhasil membuat Read More pada Blog anda. Semoga artikel ini bermanfaat bagi anda. Best Regard.

1 komentar:

julay-xp mengatakan...

mas kalo templet nya masih defalud bisa ga ya dngan cara seperti ituh ......

Posting Komentar

Subscribe