Sunday, June 24, 2007

Membuat Split Isi Blog

4 comments
Tips ini banyak dicari para pemula blogger karena di blogger kita kesulitan untuk melakukan split blog. Split ini maksudnya pada halaman utama blog kita hanya menempatkan 1 atau 2 alinea, selanjutnya jika pembaca blog tertarik ingin membaca blog secara utuh dia dapat mengklik link “selengkapnya”.
1. Langkah pertama adalah menambah kode di CSS. Kode yang ditambahkan mengatur metode post ditampilkan di halaman berbeda. Login ke Dashboard dan klik “Layout for your blog”. Untuk alasan keamanan, silahkan backup template anda dengan mengklik Download Full Template. Kemudian klik “Edit Html” Lalu dalam menu yang ada cari kode </head>, jika sudah ketemu tambahkan kode ini tepat di atasnya:

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

Lalu Save Template. Nanti anda akan menemukan tag ini ]]></b:skin> </head>. Tambahkan kode di atas antara tag ini. Kode ini menambahkan class “fullpost”yang akan muncul pada halaman post.

2. Langkah kedua, kita akan membuat link “selengkapnya”, tampil setelah isi blog di halaman depan. Buat cek di Expand Widgets Template, pada text box Edit Template. Lalu cari tag berikut:
<data:post.body/>
Tambahkan kode berikut setelah tag diatas:

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

Simpan template, dan link ini akan muncul di halaman utama dan halaman arsip, dan jika diklik akan memunculkan seluruh isi blog yang dipilih.
Jika anda ingin memperbesar teks “Selengkapnya”anda bisa tambahkan

<b:if cond='data:blog.pageType != "item"'>
<span ><a expr:href='data:post.url' target='_blank'>Selengkapnya!</a></span>
</b:if>

Simpan template. Lalu jika anda ingin membuat huruf tebal, bisa juga ditambahkan kode berikut:

<b:if cond='data:blog.pageType != "item"'>
<span style="font-weight:bold;"><a expr:href='data:post.url' target='_blank'>Selengkapnya!</a></span>
</b:if>

Simpan template. Untuk melakukan keduanya anda bisa gabungkan seperti di bawah ini:

<b:if cond='data:blog.pageType != "item"'>
<span style="font-weight:bold;"><span ><a expr:href='data:post.url' target='_blank'>Selengkapnya!</a></span></span>
</b:if>

Simpan Template.

3. Langkah ketiga, kita akan membuat pengaturan di “halaman posting” agar kita bisa menempatkan penginputan blog. Anda dapat menuju ke Pengaturan > Format, lalu scroll down ke halaman terakhir, pada kotak “Template Posting”, copy paste teks ini”

Ini awal blog di halaman pertama. <span class="fullpost">Isi blog secara lengkap di halaman berikutnya. </span>

Simpan Setting. Ketika anda akan membuat Post, klik bagian Edit HTML dan anda akan melihat seperti di bawah ini:

4. Langkah selanjutnya coba membuat posting baru gunakan tab Edit HTML, anda bisa tempatkan baris pertama blog di bagian “Ini awal blog di halaman pertama” lalu isi blog yang lengkap di bagian “isi blog secara lengkap di halaman berikut”. Jangan hapus baris <span class="fullpost"> dan </span>. Kemudian publish isi blog anda. Selamat mencoba.


Comments

4 comments to "Membuat Split Isi Blog"

TR said...
September 14, 2008 at 8:02 PM

Tutorial yang sangat bagus....
Aku udah coba ngikutin, tapi gak berhasil....
makanya pingin tanya nih...
Yang di Langkah 1 itu gak ada kode yang yang hilang yah?

Maz bow said...
September 24, 2008 at 1:25 AM

Lalu Save Template.
Nanti anda akan menemukan tag ini ........ Tambahkan kode di atas antara tag ini. Kode ini menambahkan class “fullpost”yang akan muncul pada halaman post.


masih membingungkan mas mohon penjelasanya kembali.. salam..

Aga Krisnanda said...
January 25, 2009 at 8:04 PM

makasih banget,

udah jadi di blog ku

http://agha-has-7sins.blogspot.com/

sekali lagi makasih banyak!!!

Adrianinur, A.Md said...
February 9, 2009 at 9:29 PM

yeee..bukannya kurang kode tapi lu mesti tandain dulu centang diexpand baru bisa nemu kodenya , coba aja lagi ..

 

Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com