gravatar

Changing the Read More in blogger - New Feature

If you feel like changing the Read More text to your own custom phrase, you can easily do this from the Layout | Page Elements tab. Click Edit on the Blog Post widget, and then change the Post page link text to whatever you'd like.


One more note, the Jump Break feature does not change how your post appears in your feed. You can configure post feed options by going to Settings | Basic | Site Feed, and editing Allow Blog Feeds.

Note:For those using a customized third-party template, you will have to add a snippet of code to make Jump Breaks work.
To do this, access your blog's Layout | Edit HTML tab, and first backup your template by clicking the Download Full Template link at the top of the page. This will download an XML version of your template which you can upload later at any time if you need to.




After backing up your template, then click the Expand Widget Templates checkbox, and scan your HTML for the following snippet:

<data:post.body/>

Once you've located that code, paste the following snippet directly below it:

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >

After you've pasted in the code, click Save and then you're done!

Keterangan lanjut:
Sangat mudah kan? untuk merubah tulisan readmore (default blogger) Anda dapat dengan mudah melakukan ini dari Layout | Tata Letak tab. Klik Edit pada Blog Post widget, dan kemudian mengubah teks link (Teks tautan laman entri). jangan lupa disimpan.

Sedangkan untuk beberapa template ketika mempraktekan teknik ini (Readmore Fitur Baru Blogger) tidak muncul readmorenya, ini dikarenakan sudah ada perubahan kode didalam templatenya, untuk merubahnya anda harus masuk kedalam edit html template, kemudian carilah kode berikut dengan menekan Ctrl F kemudian masukan kode <data:post.body/>  setelah ketemu berikutnya copy paste kode dibawah ini tepat dibawah kode <data:post.body/>

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >

Namun yang perlu diperhatikan lagi, apabila template anda sudah pernah diedit dengan menggunakan teknik readmore otomatis, maka lebih mudahnya anda gunakan teknik merubah readmore otomatis (readmore hasil editan) menjadi readmore versi blogger dengan cara hapus kode berikut:

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>&#187;&#187;READ MORE - <data:post.title/></a></span>

</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

gantikan dengan kode berikut:

<div class='post-body'>
<style>.fullpost{display:none;}</style>
<data:post.body/>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>
</div>
</b:if>

Jangan lupa simpan. dan silahkan lihat hasilnya.
Semoga bermanfaat.


Bagi yang gak ada waktu dan gak  mau repot cara membuat dan mengedit blog, 
serahkan saja kepada Mung Bisnis | Jasa Pembuatan Blog.

gravatar

maaf gak pake linggis mas..

gini gan,, ane kan udah bikin page contact us (postingnya di Laman, bukan di postingan) di template pertama sih sukses, yang readmore otomatis cuma postingannya aja.

nah trus ganti template yang ternyata ga pake readmore otomatis. setelah cek & ricek dipasanglah script buat readmore otomatisnya, tapi kok halaman contact us juga jadi pake readmore, trus diklik readmorenya juga ga mau muncul. kenapa ya? trus gimana solusinya? padahal untuk postingan lainnya normal aja.

thanks

gravatar

Maaf sudah di coba kok g bisa.. postingannya masih penuh...belum ada link Read More-nya

gravatar

@majalah masjid kita: untuk readmore otomatis yang mendukung laman blogger ada sendiri lagi modelnya, mungkin lain kali saya posting di blog ini.
@ngafif: seharusnya kalau sesuai petunjuk sudah keluar sukses.

Silahkan tinggalkan komentar anda disini dan Terimakasih anda mau menuliskan nama anda.

Koleksi Tutorial Blog

1 Apakah blog itu? dan Cara Membuat Blog
2 Cara Melakukan Posting Artikel
3 Cara Membuat Readmore di blog dengan Mudah
4 Cara Mendapat Hosting Gambar Gratis
5 Cara Menghilangkan Tulisan Subscribe To Post (Atom)
6 Cara Setting Blog Yang Baru di Buat
7 Cara memasang Jam Animasi di Blog
8 Cara memasang banner affiliate di blog
9 Cara menampilkan dokumen office (word, excell, power point) di blog
10 Changing the Read More in blogger - New Feature
11 Creating 'After the jump' summaries
12 Encode dan Decode
13 Gadget Posting Terpopuler dengan Thumbnile dan Statistik Blog
14 How to create a blog with Blogger - Video YouTobe
15 Membuat Banner atau Gambar Berjalan
16 Membuat Navigasi Halaman / Page Navigation Blogger
17 Membuat Site Map, Daftar Isi Otomatis Versi 2
18 Membuat Slide Gambar di Blog Dengan JQuery
19 Membuat Teks Berkedip Seperti Gadis Cantik yang Centil
20 Membuat Tombol Share Facebook Dengan Counter
21 Membuat Tombol Show Hide Gambar - Text di Blog (spoiler)
22 Menciptakan blog yang keren dan elegant
23 Mengganti Avatar Komentator dengan Avatar MyblogLog
24 Mengganti Template Blogger Standard
25 Navbar Blogger, Amankan Blog dari DELETE
26 Perancangan Template Blog Baru
27 Posting Gambar di Blog
28 Script Buku Tamu Model Show Hide
29 Script Membuat Buku Tamu Cepat dan Praktis
30 Script Membuat Random Posting di Blogspot
31 Script Membuat Slide Photo Panorama
32 Tips dan Trik Blog: Agar Title Blog Kita SEO Friendly
33 Tips dan Trik: Menghapus Link Subsribe Post
34 Video Tutorial Membuat Blog di Blogspot 1
35 Video Tutorial Membuat Email di Ymail
36 Website Penyedia Layanan Shout Box
37 Posting Blog Terbaru Otomatis Update di Status Facebook
38 Gambar bergoyang ketika di sentuh
39 Membuat Page(Laman Terpisah) di Blogger.com
38 Cara Membuka Website Yang Benar (Untuk Pemula)

Statistik