Membuat Read More Pada Blog

Sering kita lihat pada sebuah website atau blog tulisan sebuah posting tidak muncul semua tapi kita melihat Read More... , atau Selengkapnya...

Sekarang mari kita coba untuk membuatnya.

Untu itu hal pertama yang haru kita lakukan adalah login dulu ke blogger menggunakan akun masing-masing.

Kemudian untuk membuatnya klik pada pengaturan Tata Letak atau Layout jika menggunakan bahasa inggris.

Kemudian klik tab Edit HTML. Setelah selesai load nya, centang Expand Template Widget agar kode html widget-widget menjadi lebih rinci.



Kemudian biar proses cepat, pada kolom berisi kode xml tambahkan kode berikut di Atas tag </head>  :

<style>

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

  span.fullpost {display:inline;}

<b:else/&lg;

 span.fullpost {display:none;}

</b:if>

</style>


Lalu setelah itu cari kode berikut :
<p><data:post.body / ></p>
Kemudian Ketikan kode berikut di Bawahnya.

Note : jika anda belum men-centang Expand Template Widget, anda tidak akan menemukannya.


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

<a expr:href='data:post.url'> Read More... </a>
</b:if>

Nah untuk agak lebih berseni anda juga dapat merubah tulisan Read More... Menjadi yang anda inginkan seperti Selengkapnya.... , Baca Penuh atau kata yang lainnya.
Ok setelah selesai Klik Simpan Template atau Save Template jika Blog anda menggunakan bahasa Inggris.

Untuk membuat tulisan anda terpotong dan Read More... nya muncul,
anda harus menempatkan tulisan yang ingin di sembunyikan di antara <span class="fullpost"> dan </span>

Seperti contoh berikut :

Hallo mari kita belajar memotong <span class="fullpost">tulisan posting di blog</span>
maka, yang akan muncul di posting untuk halaman depan
Hallo mari kita belajar  Read More...

saya sarankan untuk menambahkan span dan /span gunakan edit HTML pada saat pengeposan.
Selamat Mencoba semoga berhasil kalo tidak ya cari aja yang lain ok. ^_^
tapi sedikit tambahan jika tidak muncul coba edit entry anda kemudian klik edit html dan pindahkan secara manual </span> ke akhir baris.

Powered by Danz

Menampilkan Tag HTML Di Posting Blog

Pernah saya akan memposting yang isinya ada tag html-nya kemudian saat di publish ternyata tag nya hilang, lalu saya ingat jika tag html di masukan ke dalam posting blog tag tersebut akan di baca sebagai bagian dari code halaman.
Lalu saya cari di mbah google dan ternyata cukup simple untuk menampilkannya hanya mengganti tag < dengan code & lt; dan > dengan & gt;
tanpa spasi antara & dengan gt; atau lt; saya mencontohkan kodenya dengan spasi agar tidak jadi tag html.
atau untuk memparsekan html dapat juga dengan mengunjungi situs http://www.blogcrowds.com/resources/parse_html.php
Sekian dan semoga bermanfaat.

Powered by Danz

Hosting Gratis Pakai Domain COCC

Ok kemarin kita telah mempelajari mengenai url forwarding dan juga custom domain dengan CO.CC, maka kali ini kita akan mempelajari hosting gratis di server lain tapi memakai domain gratis semi profesional CO.CC.
Langkah pertama kita daftar hosting gratis di web hosting yang anda kehendaki. untuk kali ini kita ambil contoh hosting gratisnya di byethost.com, kalau anda daftar di tempat lain juga tidak apa-apa. ini cuma contoh saja.
biar tidak panjang lebar dan susah silahkan anda download pdf nha di sini
atau
http://www.ziddu.com/download/12028870/upload_web.zip.html

Powered by Danz

Trend Minggu Ini