Cara Membuat Read More Keren

Setelah belajar Modifikasi gambar seperti membuatnya transparan dan memberi komentar dalam gambar saat disorot
sekarang kita akan belajar membuat Read more di postingan Kenapa Read More penting??? karena read more sebagai skrip untuk mempersingkat postingan agar postingan tertata dengan rapi...

nah langsung saja Bagaimana membuat read more di postingann yang keren yang sudah saya modifikasi tentunya...Demo dari read more ini sudah saya terapkan di blog saya sendri..silahkan dilihat

1.Login Blogger..

2.Langsung Menuju Design Lalu Edit HTML(untuk template baru Menuju Ke Menu Template)

3.Centang Expand widget templates 

Bila Belum Yakin Anda bisa...Backup Template Anda Terlebih dahulu ^_^

4. Selanjutnya cari kode </b:skin> <<~(Gunakan CTRL+F agar lebih cepat)

5.Letakkan kode Berikut Di atasnya

.rmlink {
    display: block;
    margin: 6px 0;
}

.rmlink a {
    padding: 3px 12px;
    background: rgba(200,200,200,0.3);
    float: right;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
}

.rmlink a:hover {
    background:rgba(200,200,200,0.4);
    text-decoration: none;
    color: #000;
}

6.Setelah itu  Cari Kode <data:post.body/>

~~>Biasanya Kode ini ada 4 pada 1 template...Pilih yang ke2<<<~~~

7.Hapus kode <data:post.body/> ganti dengan...

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



<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/>
</div>

<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script> <span class='rmlink'><a expr:href='data:post.url'>Read More</a></span>
</b:if>

8.Selesai ~~Nikmati hasilnya ya ^_^