Cara Membuat Auto Readmore yang masih berupa posting biasa tanpa belom ada readmorenya
Jika template blog Anda masih berupa posting biasa tanpa belom ada readmorenyaberikut tutorial lengkap membuat Auto Read More Thumbnail Tanpa Javascript , maka caranya yaitu
- Login ke Blogger
- Masuk ke Dashbor - Pilih Template - Edit HTML (jangan lupa backup terlebih dahulu)
- Cari kode ]]></b:skin>
- Copy Css berikut di atas kode tersebut.
.thumbnail-post {
width:100px;
height:100px;
float:left;
margin:0px 10px 0px 0px;
}
- Setelah itu cari kode <data:post.body/> yang ke 2 atau 3, atau yang ke 4, ganti dengan kode berikut:
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.firstImageUrl'>
<a expr:href='data:post.url'><img class='thumbnail-post' expr:title='data:post.title' expr:src='data:post.firstImageUrl'/></a>
<b:else/>
<a expr:href='data:post.url'><img class='thumbnail-post' expr:title='data:post.title' src='http://1.bp.blogspot.com/-XeZs003zT-4/UwM1mfc9l3I/AAAAAAAAAlw/TNTcFCMPH4A/s1600/no-image-thumbnail.jpg'/></a>
</b:if>
<div class='post-snippet'>
<data:post.snippet/>
</div>
<div class='rm-button-wrap'>
<a class='button' expr:href='data:post.url'>Baca Selengkapnya</a>
</div>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
</b:if>
Keterangan: Thumbnail saya menggunakan <data:post.firstImageUrl>
Snippet di ambil dari Referensi pada Popular Post <data:post.snippet/>
- Langkah terakhir "Save Template"
Memodifikasi AUto Readmore Yang Sudah Menggunakan Javascript
Cara Yang Kedua Yaitu Apabila Template sobat udah ada auto readmorenya yang menggunakan java script , Anda bisa memodifikasinya pada formulir HTML Temlpate, temukan kode ini:
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
Keterangan Jangan lupa untuk menghapus script auto read-more link yang biasanya terletak di atas </head>
Kalau udah ketemu hapus semua kode tersebut kemudian Anda ganti dengan kode di bawah ini
<b:if cond="data:post.firstImageUrl">
<a expr:href="data:post.url">
<img class="thumbnail-post" expr:src="data:post.firstImageUrl" expr:title="data:post.title" /></a>
<b:else>
<a expr:href="data:post.url">
<img class="thumbnail-post" src="http://1.bp.blogspot.com/-XeZs003zT-4/UwM1mfc9l3I/AAAAAAAAAlw/TNTcFCMPH4A/s1600/no-image-thumbnail.jpg" expr:title="data:post.title" /></a>
</b:else>
</b:if>
<div class='post-snippet'>
<data:post.snippet/>
</div>
- Kemudian simpan template tersebut, lihat hasilnya.
Begitulah 2 Cara Membuat Auto Readmore Valid Tanpa Javascript di Template blog anda , hembs kayaknya rumit ya , hehheheh bila ada kesulitan silahkan komen dibawah brow , siapa tahu saya bisa membantu anda