Menambahkan fitur "Baca Selengkapnya..." pada blog

Blogger / blogspot berbeda dgn blog lainnya. Dimana fitur "Baca Selengkapnya..." tidak disediakan oleh pengembangnya (Google).

Fitur "Baca Selengkapnya..." adalah fitur dimana dalam tampilan blog kita, postingan yg panjang bisa disingkat. Fitur "Baca Selengkapnya..." ini nantinya akan ada di bagian bawah potingan kita. Jadi kita bisa mengatur tampilan dari postingan, dan untuk membaca lebih lengkap dari postingan itu dgn meng-klik fitur "Baca Selengkapnya..." ini. Sehingga tampilan post kita tidak terlalu memanjang kebawah dan kelihatan lebih rapih..

misal pd gambar berikut




Caranya sbb :

pertama, di dasbor klik pengaturan, lalu format. Di bagian paling bawah (kolom templat entri) isikan code ini :

Code:

<span class="fullpost">


    </span>

lalu simpan setelan

kemudian kembali ke dasbor / home (klik huruf B di kiri paling atas), klik tata letak, lalu edit HTML. Berikan tanda centang pada Expand Template Widget, tunggu beberapa saat...

kemudian di kolom edit template cari code berikut :

Code:

<data:post.body/>

untuk lebih mudah, tekan Ctrl F pada browser, lalu copas code itu, search...




setelah dapet, hapus code itu dan gantikan dgn code berikut :

Code:

<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>Baca Selengkapnya...</strong></a></p> 
</b:if>

klik simpan template



Untuk cara posting nya, sbb :

klik posting, entri baru, pilih edit HTML

secara otomatis akan ada code

Code:

<span class="fullpost">


    </span>

yg telah kita save tadi...


Untuk tulisan yg akan terbaca setelah mengklik "Baca Selengkapnya..." masukkan di tengah-tengah / diantara code diatas.


Contohnya seperti ini.. misal ada tulisan :

We are scanning the scene
in the city tonight
We are looking for you
to start up a fight
There is an evil feeling
in our brains
But it is nothing new
you know it drives us insane

Running,
On our way
Hiding,
You will pay
Dying,
One thousand deaths
Running,
On our way
Hiding,
You will pay
Dying,
One thousand deaths
Searching,
Seek and Destroy
Searching,
Seek and Destroy
Searching,
Seek and Destroy
Searching,
Seek and Destroy

'n kita ingin yg terlihat di blog kita cuma tulisan ini aja

We are scanning the scene
in the city tonight
We are looking for you
to start up a fight
There is an evil feeling
in our brains
But it is nothing new
you know it drives us insane

dan sisa dari tulisan itu akan tampak setelah mengklik "Baca Selengkapnya..."


caranya... tulisan

Running,
On our way
Hiding,
You will pay
Dying,
One thousand deaths
Running,
On our way
Hiding,
You will pay
Dying,
One thousand deaths
Searching,
Seek and Destroy
Searching,
Seek and Destroy
Searching,
Seek and Destroy
Searching,
Seek and Destroy

taruh / selipkan diantara code

Code:

<span class="fullpost">


    </span>

jadi cara penulisannya seperti ini :

We are scanning the scene
in the city tonight
We are looking for you
to start up a fight
There is an evil feeling
in our brains
But it is nothing new
you know it drives us insane

<span class="fullpost">

Running,
On our way
Hiding,
You will pay
Dying,
One thousand deaths
Running,
On our way
Hiding,
You will pay
Dying,
One thousand deaths
Searching,
Seek and Destroy
Searching,
Seek and Destroy
Searching,
Seek and Destroy
Searching,
Seek and Destroy

</span>

lalu klik terbitkan entri


maka nanti bentuk jadinya seperti ini :

We are scanning the scene
in the city tonight
We are looking for you
to start up a fight
There is an evil feeling
in our brains
But it is nothing new
you know it drives us insane


Baca Selengkapnya...

setelah mengklik Baca Selengkapnya... akan terlihat semua tulisan itu.


Semoga ngerti...



segitu aja dulu...

Sumber: Modifikasi Blog (Khusus Blogger / Blogspot) - IndoForum http://www.indoforum.org/t98819/#ixzz1YF0zrh00
Hak Cipta: www.indoforum.org