NewbieLabs adalah tempat untuk belajar, bukan untuk menggurui, jadi kita sama-sama berdiskusi disini, jika ada yang bingung silahkan ditanyakan, jika saya bisa jawab akan saya jawab, jika tidak silahkan teman-teman yang lain yang sekiranya tahu untuk membantu menjawab.

Semua tutorial disini diusahakan akan disertai gambar agar lebih jelas dan yang terpenting situs ini menggunakan bahasa indonesia/melayu, jadi buat kalian yang belum begitu paham bahasa inggris tidak perlu khawatir, kalian tetap bisa belajar disini.

Jika ada yang ingin menjadi kontributor (memposting tutorial atau tips dan trik sekitar blogger, css, html, javascript ataupun wordpress) silahkan tinggalkan komentar di Shoutbox

Mohon maaf jika kualitas gambar tidak begitu bagus, ini dikarenakan agar web dapat terbuka dengan cepat, namun tetap bermanfaat dengan gambar yang bisa membantu, dan jika dirasa gambar terlalu kecil, coba klik gambar tersebut untuk melihat lebih jelas...

Koleksi NewbieLabs

Hitung Kata


Tuesday, September 16, 2008

Membuat "Read More" Di Blogger

Author : Belajar Blogger (newbielabs.blogspot.com)

Membuat blog kalian lebih mirip lagi dengan wordpress dengan adanya tambahan link READ MORE di blog kalian? kira2 bisa ngga sih ? ahh.. masalah mudah itu, kalian dengan mudah dapat menambahkan READ MORE di blog kalian, sehingga tulisan kalian yang panjang bisa dipotong di halaman depan, dan bisa dibaca kelanjutannya di halaman tersendiri...

Caranya, okey deh kita mulai..

Pertama-tama yang kalian lakukan adalah masuk kehalaman admin area kalian dan masuk ke bagian tata letak. setelah berada disana, kalian pilih sub menu edit html, nah gimana sampai disini dah paham ? hmmm masih bingung ya, ya udah deh dikasih picture tutorialnya yah..


  • Masuk ke admin area, dan cari bagian tata letak setelah itu pilih menu edit html

  • Setelah itu centang kolom disamping tulisan expand template widget

  • Kemudian cari code </head>, nah kalian masukan code dibawah ini TEPAT sebelum code </head> tersebut.

  • <style>
    <b:if cond='data:blog.pageType == "item"'>

    span.fullpost {display:inline;}
    <b:else/>
    span.fullpost {display:none;}
    </b:if>
    </style>

  • Setelah itu cari lagi code ini <p><data:post.body/></p> setelah kalian menemukannya tambahkan code dibawah ini TEPAT dibawah code yang ada diatas.

    <b:if cond='data:blog.pageType != "item"'>
    <a expr:href='data:post.url'> Read More..</a>
    </b:if>

  • Nah tinggal disave deh, sekarang yang perlu kalian lakukan setiap kali mengisi berita/artikel di blog kalian, cukup masukan code <span class="fullpost"> dan </span>, jika belum paham maksudnya, gini low contohnya...
isi artikel kamu isi artikel kamu isi artikel kamu isi artikel kamu isi artikel kamu isi artikel kamu isi artikel kamu isi artikel kamu isi artikel kamu isi artikel kamu isi artikel kamu isi artikel kamu <span class="fullpost"> isi lengkap artikel kamu isi lengkap artikel kamu isi lengkap artikel kamu isi lengkap artikel kamu isi lengkap artikel kamu isi lengkap artikel kamu isi lengkap artikel kamu isi lengkap artikel kamu isi lengkap artikel kamu isi lengkap artikel kamu isi lengkap artikel kamu isi lengkap artikel kamu isi lengkap artikel kamu </span>
nah nanti yang akan terlihat dihalaman utama adalah
isi artikel kamu isi artikel kamu isi artikel kamu isi artikel kamu isi artikel kamu isi artikel kamu isi artikel kamu isi artikel kamu isi artikel kamu isi artikel kamu isi artikel kamu isi artikel kamu

Read More....
Nah isi lengkap artikel kamu baru akan terbuka setelah pengunjung mengklik tulisan Read More.. tersebut...

Ok deh akhirul kata, selamat mencoba...

0 comments:

Post a Comment