Senin, 11 Juli 2011

Membuat Expandable Post Atau Read More di Blogger Baru

ostingan ini saya buat dalam rangka memenuhi permintaan dari teman saya vhitrieyang nanya gimana caranya bikin postingan yang terpotong (expandable post) atau yang kita kenal dengan read more atau ‘baca selengkapnya’ di blogspot baru. Sebenernya saya udah pernah bikin tutorialnya di sini. Tapi untuk lebih memperjelas kali ini saya akan kasih caranya lagi. Jadi, ikuti instruksi di bawah ini baik-baik supaya berhasil..
Biar postingan di blogspot ditampilkan sebagian, pertama yang dilakukan adalah mengedit layout, kemudian menambah tag pada setiap kali posting ↓

Langkah 1

Login ke Blogger.com, pilih blog yang akan di edit, klik link Layout kemudian klik tab Edit HTML.

Langkah 2

Tandai/aktifkan/centang Expand Widget Templates, biar template bisa diedit secara keseluruhan.
Masukkan kode berikut sebelum tag </head> atau tepat sesudah kode } ]]></b:skin>
Perhatian: pada beberapa template, kode yang persis seperti } ]]></b:skin> ini mungkin tidak ada, anda bisa mencari kode ]]></b:skin> atau </b:skin> saja
1
2
3
<style><b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}<b:else/>
span.fullpost {display:none;}</b:if></style>

Langkah 3

Selanjutnya, supaya postingan terpotong, tambahkan kode di bawah ini tepat setelah kode <p><data:post.body/></p> (atau <data:post.body/>) dalam template kamu:
1
2
3
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>
Kamu bisa mengganti tulisan Read More.. pada kode di atas dengan baca selengkapnya, selengkapnya, atau terserah kamu.
Nah supaya terpotong, setiap kali kamu posting, tambahkan kode <span class="fullpost"> di bawah sebagian tulisan postingan yang ingin ditampilkan, kemudian tambahkan kode </span> di bawah sisa postingan sampai selesai. Untuk menambahkan kode ini, ketika posting kamu harus dalam mode Edit HTML bukan Compose.

Contoh cara penulisan posting dengan Read More ↓

Tidak ketinggalan Berita dengan RSS Aggregator
Ada program yang dikenal dengan sebutan RSS Aggregator. Program RSS aggregator merupakan sebuah aplikasi yang memungkinkan kita untuk melihat headline beserta link ke isi berita dari sebuah situs penyedia berita. Caranya cukup mudah. <span class="fullpost">
* Gunakan RSS Aggregator. Misalnya, program i-System yang bisa diperoleh di www.feedreader.com
* Tentukan sumber berita yang Anda inginkan. Misalnya dari Yahoo News atau Detik.Com. Namun, beberapa situs lokal cenderung memproteksi isi headline-nya. Secara default, i-System sudah menyediakan banyak link ke situs-situs yang menyediakan fasilitas RSS atau biasa disebut RSS feed. Klik icon New di toolbar. Setelah muncul sebuah kotak dialog alamat RSS, isilah dengan alamat situs sumber RSS pilihan Anda. Klik Next dan ikuti langkah-langkahnya.
* Feedreader secara otomatis akan memeriksa headline terbaru dan menampilkannya di desktop Anda. Anda juga bisa mengatur interval waktu,kapan feedreader harus memeriksa dan menampilkan headline terbaru atau refresh time. Namun, berdasarkan etika di dunia internet, ada batas waktu minimum untuk refresh RSS, yakni 90 menit. </span>

Hasil postingannya

Tidak ketinggalan Berita dengan RSS Aggregator
Ada program yang dikenal dengan sebutan RSS Aggregator. Program RSS aggregator merupakan sebuah aplikasi yang memungkinkan kita untuk melihat headline beserta link ke isi berita dari sebuah situs penyedia berita. Caranya cukup mudah. Read More!

0 komentar:

Posting Komentar