Pasang Read More untuk Template Baru

Untuk membuat Read More seperti pada postingan saya,supaya artikel yang tampil lebih pendek ikuti langkah – langkah berikut:


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'>



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 merah adalah kode yang harus anda tambahkan dipostingan yang sedang anda edit



Selamat mencoba!!! semoga berhasil :z







Postingan yang berhubungan:



Comments :

14 Komentar to “Pasang Read More untuk Template Baru”
aztee said...
on 

mba aku putus asa nih bikin "read More" gagal mulu. aku ga nemu kode di point 6,

trus aku dah tambahin mash ga bisa mba, napa ya?
thanks

Enny said...
on 

supaya gampang nyari kodenya pakai Ctrl+F,klo memang ditemplate mu ada kode tersebut pasti muncul, dan memang kadang tidak bisa sekali mencoba walaupun tahapnya sudah benar karena biasanya gangguan servernya

bilikboe2d said...
on 

gimana nih mbak.. aq udah nyoba tp gak bisa di simpan, malah muncul komentar "Kami tidak dapat menyimpan template Anda.
Harap perbaiki kesalahan di bawah, dan kirimkan template Anda lagi.
Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
Pesan error XML: The element type "a" must be terminated by the matching end-tag "".
gimana solusinya

Enny said...
on 

bilikboe2d@tutorial disini untuk template baru sedangkan anda masih menggunakan template klasik,, silahkan untuk mendapatkan free template kunjungi http://www.blogspottutorial.com/ pilih template yang anda inginkan di kolom free template gallery

bozch said...
on 

free template galerry di http://www.blogspottutorial.com/ trnyata bahasa Inggris.. Yg bhs Indonesia ada kagak ? Maklum pemula.. Makasih

ferdii said...
on 

wahhh.... kak koq gak ada kode di point 4 ama 6,, pdhl udah di cari (ctrl+F),, gak ditemukan... mhon bantuannya^^

Habibi said...
on 

Menurut saya yang Mbak posting ini adalah untuk template klasik karna ketika Saya coba dengan template baru tidak bisa kemudian Saya coba ditemplete klasik Tested and worked....!

QQ-inmylife said...
on 

wah saya tau kesalahannya,,
tu karena pada skrip Read More......
kurang "
"

jadi, yg benar Read More......

gotgets.blogspot.com

diemaz-erlangga said...
on 

mbak aku bingung di step pertama sama step kedua
tolong penjelasannya

Fuji Agung Prasetya said...
on 

Cara Agar Postingan Cepat Terindex Google

Membuat Navigasi Breadcrumbs Terindex Google

Cara Memasang Navigasi Breadcrumbs di Blog

Cara Membuat Daftar Isi Blog Secara Otomatis

Memasang Widget Google+ Dengan Javascript | Tutorial Blog

Submit Blog ke Directory Dofollow = 1000 traffik

Meta Tag SEO Friendly Valid HTML 5 ( Update! )

Hilman P V Diwana said...
on 

mantap gan

M Sahlan Attazkiyah said...
on 

cerita hanyat terbaru Insiprasi Kesetiaan Bersama Cap Kaki Tiga Setia Manfaat

Jonny Chan said...
on 

Agen Taruhan
Domino qq
qq Online
Agen Poker
Bandar Bola
Tvonline
Bioskop 21
Tv Indonesia
Film dewasa
Info Bola
Prediksi Togel
Info Togel
Aplikasi Gratis
Foto Bugil
Hasil Bola
Cerita Dewasa
Indo Togel
Rumus Togel
Prediksi Bola
Livescore

Central GameFilm said...
on 

Jual dvd Game dan film
http://jualgamefilm.blogspot.com

Post a Comment

 

RECENT COMMENT

RECENT POST