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 ^_^
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;
}
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 != "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'><a expr:href='data:post.url'>Read More</a></span>
</b:if>
<div expr:id='"summary" + data:post.id'><data:post.body/>
</div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script> <span class='rmlink'><a expr:href='data:post.url'>Read More</a></span>
</b:if>
8.Selesai ~~Nikmati hasilnya ya ^_^
Silahkan Berkomentar dengan benar dan baik ^_^ kritik sangat saya butuhkan untuk menjadi lebih baik ~
Blog ini Dofollow ConversionConversion EmoticonEmoticon