How to make "READ MORE" automatic seperti itulah intinya.. ^_^
1. Login Ke Blogger (sebelum semuanya dilakukan ada baiknya template di backup dulu dengan cara Klik Template, Backup template )
2. Klik Edit HTML
3. Klik Kiri 1 x Dimana saja dalam kotak template
4. Klik Ctrl+F (Supaya mempercepat pencarian kode)
Dan cari kode berikut
Masukan kode tersebut dalam kotak pencarian, kemudian enter untuk mencari (CTRL+F biar cepet yee...)
5. Masukan Kode berikut diatas
Note : - tulisan yang merah adalah gambar pengganti jika dalam artikel tidak ada gambar dan bisa diganti dengan url gambar sesuai keinginan
- tulisan Baca Selengkapnya bisa diganti dengan tulisan lainya.
7. Terakhir SAVE deh...
Gampangkan caranya... very easy...
1. Login Ke Blogger (sebelum semuanya dilakukan ada baiknya template di backup dulu dengan cara Klik Template, Backup template )
2. Klik Edit HTML
3. Klik Kiri 1 x Dimana saja dalam kotak template
4. Klik Ctrl+F (Supaya mempercepat pencarian kode)
Dan cari kode berikut
]]></b:skin>Masukan kode tersebut dalam kotak pencarian, kemudian enter untuk mencari (CTRL+F biar cepet yee...)
5. Masukan Kode berikut diatas
]]></b:skin>
/* Gambar autoread more
----------------------------------------------- */
.post-thumbnail {width:100px;height:70px;float:left;margin:0px 10px 0px 0px;}
Jangan buru-buru disave ..... masih ada lanjutanya... ^_^6. Kemudian Cari Kode <data:post.body/>
Kode tersebut diatas jumlahnya biasanya ada 2 atau 3 , Cari yang versi web,
biasanya yang kedua (ke-2) dihapus kodenya dan diganti dengan :
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.thumbnailUrl'>
<a expr:href='data:post.url'><img class='post-thumbnail' alt='thumbnail' expr:src='data:post.thumbnailUrl'/></a>
<b:else/>
<a expr:href='data:post.url'><img class='post-thumbnail' alt='thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdTxibckfkZEggsqIuW1wlrwHcJp3yjOZ1_84lE3eHuwCscLLrepsUStcq1RVHzUA1Ee0m5zd49pIPMSldlPNQIdz4-2AE25d1-a-N-BV5QwQTo58866Jo4uzmo4CDKZF1hiBhn_h2Pw/s1600/no+image.jpg'/></a>
</b:if>
<div class='post-snippet'><data:post.snippet/></div>
<a class='button' expr:href='data:post.url'>Baca Selengkapnya »</a>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.thumbnailUrl'>
<a expr:href='data:post.url'><img class='post-thumbnail' alt='thumbnail' expr:src='data:post.thumbnailUrl'/></a>
<b:else/>
<a expr:href='data:post.url'><img class='post-thumbnail' alt='thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdTxibckfkZEggsqIuW1wlrwHcJp3yjOZ1_84lE3eHuwCscLLrepsUStcq1RVHzUA1Ee0m5zd49pIPMSldlPNQIdz4-2AE25d1-a-N-BV5QwQTo58866Jo4uzmo4CDKZF1hiBhn_h2Pw/s1600/no+image.jpg'/></a>
</b:if>
<div class='post-snippet'><data:post.snippet/></div>
<a class='button' expr:href='data:post.url'>Baca Selengkapnya »</a>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
</b:if>
</b:if>
Note : - tulisan yang merah adalah gambar pengganti jika dalam artikel tidak ada gambar dan bisa diganti dengan url gambar sesuai keinginan
- tulisan Baca Selengkapnya bisa diganti dengan tulisan lainya.
7. Terakhir SAVE deh...
Gampangkan caranya... very easy...
Tags:
Blogspot

Post a Comment
0 Comments