A PART OF BLUE

Untaian kata sederhana dariku untukmu ...

Membuat Read More..... Selasa, September 14, 2010

Assalamu'alaikum....

Untuk kedua kalinya posting di hari ini. Coz dah ga sabaran ingin berbagi dengan teman-teman blogger yang masih newbie.

Rasa penasaran membuat saya enggan untuk beranjak dari lappy Compaq Presario V3908TU hitam yang setia menemaniku di kamar. Penasaran bagaimana buat Read More....di postingan blog....haha (sebagian pembaca mungkin beranggapan kalau hal ini "cemen" doang) tetapi bagi saya yang newbie cukup buat pusing coz sudah berjam-jam mencari panduan yang tepat but baru 2 jam yang lalu berhasil menemukan yang benar-benar "ampuh" di sini. Rasa penasaran sangat besar berhubung capek liat postingan yang kadang panjangnya minta ampun. saya saja sebagai pemilik blog dah KO duluan apalagi yang baca blog saya. Maaf ya...

Karena itu saya ingin berbagi dengan teman-teman sekalian yang senasib sepenanggungan dengan saya. Setelah melirik, menelusuri, dan mencoba lebih kurang 7 postingan blog maupun web akhirnya dengan bangga saya bisa mendeklarasikan postingan terbaik dan ampuh menurut saya. Langkah-langkah membuat Read More...alias Selengkapnya...alias Baca Selengkapnya...(terserah dech mau pakai yang mana) yang paling komplit menurut saya itu seperti ini :

1.   Baca bismillah. (Yang ini juga penting loch !!!)
2.   Cuci tangan dan cuci kaki. (Yang ini baru ga penting !!!)

Tahap I :

3.   Sign in di blogger dengan id anda.
4.   Klik Pengaturan
5.   Klik Format
6.   Pada layar paling bawah, ada text area kosong disamping tulisan Template Posting (yang berbahasa Indonesia tulisannya Template Entri, saya juga sempat bingung waktu cari tulisan Template Posting ternyata eh ternyata sama aja ma Template Entri...haha).
7.   Isi text area kosong tersebut dengan kode di bawah ini :  

         
<span class="fullpost"> 


     </span> 
  
8.   Klik tombol Simpan Pengaturan

Pemasangan kode ini di maksudkan agar pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kode tersebut.


Tahap II :
9.   Klik menu Dasboard
10. Klik Tata Letak/Rancangan
11. Klik tab Edit HTML
12. Klik tulisan Download Template Lengkap

Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula.

13. Beri tanda centang pada kotak di samping tulisan Expand Template Widget di pojok kanan atas kolom Edit HTML.
14. Tunggu beberapa saat ketika proses sedang berlangsung
15. Silahkan anda cari kode berikut pada kode template milik anda : 

          
           <data:post.body/> 

               
 atau kode di bawah ini (sama saja) :

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

16.  Hapus kode diatas, lalu ganti dengan kode di bawah ini (klik pada tombol untuk menandai):

          <b:if cond='data:blog.pageType=="item"'>
     <style>fullpost{display:inline;}</style>
     <p><data:post.body/></p>
     <b:else/>
     <style>fullpost{display:none;}</style>
     <p><data:post.body/>
     <a expr:href='data:post.url'><strong>Read More...</strong></a></p>
     </b:if> 
   
17.  Klik tombol Simpan Template Selesai.

Cara Posting Artikel

1.  Klik menu Posting.
2.  Klik menu Edit HTML, maka secara otomatis tampak kode yang telah kita setting tadi, yakni :


     <span class="fullpost"> 


     </span> 
  

3.  Tuliskan artikel yang ingin tampak pada blog sebelum kode :
  
     <span class="fullpost">

4.  Tulis keseluruhan sisa artikel sesudah kode di atas tadi dan sebelum kode :

 
     </span> 
 
5.  Klik tombol bertuliskan MEMPUBLIKASIKAN POSTING

Klik tulisan Lihat Blog(di jendela baru) untuk melihat hasil dari postingan kita, kemudian lihat apakah hasilnya sukses atau tidak. Jika tidak, mungkin ada bagian yang terlewatkan. Coba lihat kembali langkah diatas

Cara lain untuk posting dengan Read More...yaitu dengan menggunakan Insert Jump Break di tool Posting. Letakkan Insert Jump Break tepat di bagian posting yang akan "dipotong".

Selamat mencoba, mudah-mudah panduan ini bisa bermanfaat dan bekerja dengan baik di blog Anda. ^_^ 

 
(Saya harus membuka catatan mata kuliah Pemrograman Web yang saya ambil sekitar 2 tahun yang lalu saat masih semester 5 untuk membuat posting ini...hehe...)