May 13, 2025
 
Advertisement

Latest News

  1. jQuery Content Scroller
  2. Banner Rotator jQuery
  3. Unleash Accordion Slider
  4. Parallax Slider
  5. Galleria
  6. Showbiz Pro Teaser
  1. Banner Rotator jQuery
  2. Unleash Accordion Slider
  3. Parallax Slider
  4. Galleria
  5. Showbiz Pro Teaser
  6. KenBurner Slider jQuery

ELECTRIC GUITAR

    "How Blogs we immediately famous and swamped" 1. Start by setting Permalinks This is the earliest s...

Published by Admin

TOP LINE

Free Keyword Research Tools 1. Google Adwords Keyword Research Tool Google adwords external keyword tool is the best t...

Published by Admin

LATEST

Blog is short for web log is a web application that resembles the form of writings (published as a post) on a public web pag...

Published by Admin

TUTORIALS

HIGHLIGHT

Demo Download DZS Content Scroller is a solid, ad [...]

Published by Admin
06 Aug 2013 0 comments

Demo Download  UPDATE COMPLETE, VERSION V 3.0 IS AVAIL [...]

Published by Admin
06 Aug 2013 1 comments

Demo Download ChangeLog: Version [1.1] The Slider is Now responsive [...]

Published by Admin
06 Aug 2013 0 comments

PERFORMANCE

Cara Membuat Recent Comment di Blog : Masuk blogger > Design/Rancangan [...]

Published by Admin
18 Sep 2012 1 comments

Ada pilihan untuk memasukan username, warna background, dan jumlah follower. [...]

Published by Admin
18 Sep 2012 0 comments

Tutorialnya mudah, ikuti langkah-langkah dibawah ini : Cara Pertama : [...]

Published by Admin
14 Sep 2012 0 comments

Cara Membuat Read More Pada Blog

By Unknown - Friday, September 7, 2012



Berikut Cara Membuat Read More:

1. Login ke akun Blogger anda

2. Pilih Layout > Edit HTML, lalu centang Expand Widget Templates. (Jangan lupa backup template sebelum mengeditnya)


 
3. Cari kode ]]></b:skin>, paste kode berikut dibawahnya:

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
4. Selanjutnya cari kode <p><data:post.body/></p>, paste kode berikut dibawahnya:
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>
Tulisan Read More… bisa anda ganti dengan sesuai keinginan.

Bila langkah 2 – 3 tidak menghasilkan apa-apa, itu karena perbedaan karakteristik setiap template.

Solusinya:
* Cari kode <div class='post-header-line-1'/> <div class='post-body'>, paste kode berikut dibawahnya:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
* Selanjutnya, cari kode <<p><data:post.body/></p>, paste kode berikut dibawahnya:
<a expr:href='data:post.url'>Readmore..</a>
</b:if>
5. Klik Save Template

6. Sekarang pilih menu Setting > Formatting

7. Scroll ke bawah dan temukan kotak Post Template, lalu paste kode berikut kedalamnya:
<span class="fullpost">

</span>
8. Klik Save Settings

9. Ketika membuat postingan kan ada 2 tab, yaitu Compose dan Edit HTML. Klik tab Edit HTML maka akan langsung tampak kode yang telah kita masukkan di Post Template tadi.

10. Letakkan pembuka atau prolog postingan anda sebelum kode <span class="fullpost">, dan sisanya letakkan di antara <span class="fullpost"> dan </span>. Ini tahap yang paling penting.
 

Follow our blog on Twitter, become a fan on Facebook. Stay updated via RSS

0 komentar for "Cara Membuat Read More Pada Blog"

Leave a Reply

Pages 22123456 »
Advertisement