How to making Read More in New Blogger

<Bahasa Indonesia ada di bawah>

To make read more in new Blogger, it is easy. So long as you follow order
following step by step

Step 1:

Sign In to your blogger account, go to dashboard, choose html-edit tab layout,
Back-Up your template before. And don't forget to tick expand widget templates,
last Enhance javascript code below, put precisely before </ head>-tag

<script type='text/javascript' src='http://www.anniyalogam.com/widgets/hackosphere.js'>

Step 2:

Searching Code < id='post b:includable' var='post'> in your template, and alter
in such a way till like below.
(Rose colored Article is article which must be
enhanced). Remember don't there is less.


<b:includable id='post' var='post'>

<div class='post'>

<a expr:name='data:post.id'/>

<b:if cond='data:post.title'>

<h3 class='post-title'>

<b:if cond='data:post.url'>

<a expr:href='data:post.url'><data:post.title/></a>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</b:if>

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



<div class='post-body'
expr:id='"post-" + data:post.id'>

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

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

<b:else/>

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

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

<span id='showlink'>

<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"'
href='javascript:void(0);'>Read More...</a></p>

</span>

<span id='hidelink' style='display:none'>

<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"'
href='javascript:void(0);'>Summary only...</a></p>

</span>

<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>

</b:if>

<div style='clear: both;'/> <!-- clear for
photos floats -->

</div>

</div>

.... rest of template code ....



And then save your edit template, by clicking save.



Step 3:

Choose Settings tab step into Formatting tab, at under Post Template there is
empty box, copy this code and paste into the empty box.

type your summary here
<span id="fullpost">

type the rest of summary here </span>


then save your setting.

Other Ways

If you lazy to follow step above. Please download example of
complete template with
read more here. Later;Then don't forget to continue step 3.

Attention :

This Template used minima white 3 column. Automatically widget which you keep
will be deleted.

Cara Membuat Read More di Blogger

Untuk membuat read more di new Blogger, cukup mudah. Asalkan anda mengikuti

aturan berikut langkah per langkah.

langkah1:

Sign In ke akun blogger anda , masuk ke dashboard, pilih layout tab-edit html,
Back-up terlebih dahulu template kita dan jangan lupa kasih centang pada expand
widget templates, lalu Tambahkan kode javascript dibawah ini,
letakan persis sebelum </head>-tag.



<script type='text/javascript'
src='http://www.anniyalogam.com/widgets/hackosphere.js'>

langkah 2:

Cari kode

<b:includable id='post' var='post'> di dalam template, dan ubah
sedemikian hingga seperti dibawah ini. (Tulisan berwarna merah adalah tulisan
yang harus anda tambahkan). Ingat jangan sampai ada yang kurang ya.




<b:includable id='post' var='post'>

<div class='post'>

<a expr:name='data:post.id'/>

<b:if cond='data:post.title'>

<h3 class='post-title'>

<b:if cond='data:post.url'>

<a expr:href='data:post.url'><data:post.title/></a>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</b:if>

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



<div class='post-body'
expr:id='"post-" + data:post.id'>

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

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

<b:else/>

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

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

<span id='showlink'>

<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"'
href='javascript:void(0);'>Read More...</a></p>

</span>

<span id='hidelink' style='display:none'>

<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"'
href='javascript:void(0);'>Summary only...</a></p>

</span>

<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>

</b:if>

<div style='clear: both;'/> <!-- clear for
photos floats -->

</div>

</div>

.... rest of template code ....

kemudian Save template.

langkah 3:

Pilih tab Settings lalu masuk ke Formatting tab,
pada bagian paling bawah pada Post Template ada kotak kosong, copy paste kode di
bawah ini ke dalam kotak kosong tersebut.

ketik tulisan yang ingin ditampilkan

<span id="fullpost">

ketik sisanya di sini.

</span>

kemudian Save Settings. Selesai.

Cara Lain

Jika anda malas mengikuti langkah di atas. Silahkan download contoh
template lengkap
dengan read more disini. Kemudian jangan lupa
lanjutkan langkah 3.

Perhatian :

Template ini menggunakan minima white 3 kolom. Secara otomatis widget yang anda
simpan akan terhapus.