Menghiasi blog itu idaman setiap blogger, termasuk saya. Tampilan blog biasa-biasa saja pastilah tak memuaskan. Kali ini saya akan memposting tentang membuat read more di tampilan blog. Berikut tutorialnya.
1. Login ke blogger.
2. Pilih template.
3. Pilih edit html.
4. Cari kode ]]></b:skin> tekan ctrl+F dan copy kode tersebut untuk mencari
5. Copy / salin kode di bawah ini dan letakkan tepat di atas kode ]]></b:skin>
.post-thumbnail{float:left;margin-right:20px}
6. Cari kode <data:post.body/> dan Copy kode di bawah ini.
<b:if cond="data:blog.pageType != "item"">
<b:if cond="data:blog.pageType != "static_page"">
</b:if></b:if><br />
<div>
<b:if cond="data:post.thumbnailUrl">
<img class="post-thumbnail" expr:alt="data:post.title" expr:src="data:post.thumbnailUrl" height="10px" width="10px" />
</b:if>
<data:post .snippet="">
</data:post></div>
<div class="jump-link">
<a expr:href="data:post.url" expr:title="data:post.title" href="https://www.blogger.com/null"><data:post .jumptext=""></data:post></a>
</div>
<b:else>
<data:post .body="">
</data:post></b:else>
<b:else>
<data:post .body="">
</data:post></b:else>
7. Ganti kode <data:post.body/> dengan kode diatas.
8. Taraaa berhasil deh...
1. Login ke blogger.
2. Pilih template.
3. Pilih edit html.
4. Cari kode ]]></b:skin> tekan ctrl+F dan copy kode tersebut untuk mencari
5. Copy / salin kode di bawah ini dan letakkan tepat di atas kode ]]></b:skin>
.post-thumbnail{float:left;margin-right:20px}
6. Cari kode <data:post.body/> dan Copy kode di bawah ini.
<b:if cond="data:blog.pageType != "item"">
<b:if cond="data:blog.pageType != "static_page"">
</b:if></b:if><br />
<div>
<b:if cond="data:post.thumbnailUrl">
<img class="post-thumbnail" expr:alt="data:post.title" expr:src="data:post.thumbnailUrl" height="10px" width="10px" />
</b:if>
<data:post .snippet="">
</data:post></div>
<div class="jump-link">
<a expr:href="data:post.url" expr:title="data:post.title" href="https://www.blogger.com/null"><data:post .jumptext=""></data:post></a>
</div>
<b:else>
<data:post .body="">
</data:post></b:else>
<b:else>
<data:post .body="">
</data:post></b:else>
7. Ganti kode <data:post.body/> dengan kode diatas.
8. Taraaa berhasil deh...
0 comments