Changing the Read More in blogger - New Feature

9 Feb 2010 - - 22

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.