Home » » Pasang Read More (Baca Selengkapnya) untuk template baru

Pasang Read More (Baca Selengkapnya) untuk template baru

Sebelum membahas bagaimana cara membuat read more di blogspot, terlebih dahulu saya akan sedikit berbicara tentang read more itu sendiri. Read more adalah suatu fungsi yang dapat meringkas suatu artikel / postingan pada blog. Intinya dengan menggunakan cara read more ini, suatu postingan tidak akan tampil seutuhnya pada halaman utama blog (Home). Melainkan hanya berupa ringkasan saja. Setelah kata / tulisan read more itu di klik, barulah seluruh postingan akan tampil.
Untuk membuat Read More seperti pada postingan saya,supaya artikel yang tampil lebih pendek ikuti langkah – langkah berikut:


*Cara membuat Read More Versi Pertama.

1. Sign in di blogger anda dengan->Setting->Formatting

2.Pada layar paling bawah, ada text area kosong disamping tulisan Post Template, isi text area kosong tersebut dengan kode di bawah ini :

<div class="fullpost">

</div>

3. Klik tombol yang bertuliskan Save Settings

Pemasangan kode ini supaya pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu ditext area saat posting

Langkah selanjutnya yaitu menambahkan kode pada template, silahkan ikuti langkah berikut :


1. Klik menu Dasboard->Layout->Edit HTML


2. Klik tulisan Download Full Template


Silahkan save dulu template tersebut, untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula dgn upload lagi data tersebut


3. Jangan lupa beri tanda centang pada kotak di samping tulisan "Expand Widget Template"


4. Silahkan anda cari kode berikut pada kode template milik sobat :


<div class='post-header-line-1'/>
<div class='post-body'>

atau

<div class='post-header-line-1'/>
<div class='post-body entry-content'&g


5. Copy kode HTML di bawah ini kemudian paste di bawah kode diatas


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

<style>.fullpost{display:inline;} </style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;} </style>



6. Kemudian lihat kebagian bawah sehingga terlihat kode berikut ini :


<p><data:post.body/></p>


7. Copy kode HTML di bawah ini kemudian paste di bawah kode tadi


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


</b:if>


anda bisa mengganti kata Read More pada kode ini sesuai keinginan anda

8. klik tombol bertuliskan Save Template

9. Selesai,


Cara Posting Artikel nya


1. Klik menu Posting->jangan lupa tulis posting di Edit HTML bukan di Compose karena kode dibawah ini tidak akan muncul di halamana compose

Secara otomatis akan timbul kode seperti ini


<div class="fullpost">



</div>


2. Tulisankan artikel yang ingin tampak pada blog sebelum kode dibawah ini

<div class="fullpost">


3. Tulis keseluruhan sisa artikel sesudah kode di atas tadi dan sebelum kode dibawah ini :

</div>


4. Klik tombol PUBLISH POST->Silakan lihat blog anda,,


Untung postingan yang anda buat sebelum pasang read more silakan edit dan tambahkan kode dibawah ini secara manual dengan format dibawah ini


Artikel yang ingin tampil dipostingan

<div class="fullpost">

Sisa Artikel anda

</div>


warna orange adalah kode yang harus anda tambahkan dipostingan yang sedang anda edit


Selesai,.....Jika cara ini tidak Berhasil, silahkan anda coba cara kedua berikut ini.


*Cara membuat Read More Versi Kedua.

A. Langkah Pertama

# Login ke Blogger.
# Pilih Tata Letak.
# Pilih Pengaturan.
# Pilih Format.
# Pada bagian bawah pada menu : Template Posting terdapat sebuah kotak kosong. Anda isi dengan kode seperti ini.

<span class="fullpost">

</span>


Klik Simpan Pengaturan


B. Langkah Kedua

# Pilih Tata Letak.

# Pilih Edit HTML

# Klik tulisan Download Full Template

Silahkan save dulu template tersebut, untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula dgn upload lagi data tersebut


# Jangan lupa beri tanda contreng pada Expand Template Widget

# Cari kode </head> kemudian copy seluruh kode dibawah ini dan letakan tepat diatas kode tadi


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



Cari kode <data:post.body/> kemudian copy seluruh kode dibawah ini dan letakan tepat dibawah kode tadi.


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


Kata read more dapat anda ganti dengan kata yang anda sukai, misalnya : selengkapnya klik disini, baca kelanjutannya dll.


Klik Simpan Template. Selesai.


Cara Posting Artikel

Ketika akan membuat postingan, anda harus membukanya pada Edit HTML (bukan pada Compose), maka pada halaman postingan akan muncul kode seperti di bawah ini :

<span class="fullpost">

</span>


Ketiklah isi dari dari artikel anda yang akan ditampilkan pada halaman muka, diatas kode ini :

<span class="fullpost">


Sedangkan sisa artikelnya anda ketik setelah kode tadi atau tepat diatas kode ini :

</span>




Selesai......Selamat mencoba!!! semoga berhasil



Ingin tahu lebih cepat Tentang Artikel atau Info Terbaru yang di Publikasikan Oleh echa bintang timur ? Daftarkan e-mail anda di sini dengan secara otomatis anda dapat kiriman artikel terbaru dari echa bintang timur , Silahkan daftarkan email anda di sini ( Free )

Masukan email anda disini




Artikel Menarik Lainnya


0 komentar:

Komentar anda tentang Artikel ini

Blog ini menggunakan Sistem DoFollow, jadi manfaatkan kesempatan ini untuk menempatkan link blog atau website anda agar di follow oleh bot mesin pencari. Sempatkanlah sedikit waktu untuk mengomentari Postingan Blogku, karna setiap kata yang anda berikan , sangatlah berharga untuk ku! Terima Kasih !!
Untuk yang tidak memiliki Account, silahkan pilih Beri komentar sebagai: Anomymous atau Name/URL

 

random post

My Link Banner

Pasang Iklan