Cara Membuat Read More Otomatis Tanpa Javascript

Update Trik tentang Read More atau Baca Selengkapnya dan Baca Selanjutnya. ini postingan yang ketiga kalinya blog aKseSoris teMplate yang berbagi trik tentang read more yang berjudul Cara Membuat Read More Tanpa Javascript.

Para blogger memang sudah sangat banyak yang share tentang read more tetapi sangat jarang yang share tentang Cara Membuat Read More Tanpa Javascript. dan read more ini yang pastinya akan lebih seo dikarenakan akan lebih ringan saat di kunjungi blog kita.

Yang ingin menggunakan read more ini, silahkan ikuti trik di bawah ini :

Pertama » Login ke akun blogger
Kedua » Klik Template dan Lalu pilih Edit HTML
Ketiga » Cari kode ]]></b:skin> atau </style>
Keempat » Letakan Css di bawah ini tepat di atas kode di atas.
.post-thumbnail {width:50px; height:50px; float:left; margin:0px 10px 0px 0px;}
Kelima » Setelah itu, anda cari kode <data:post.body/> yang ke 2 atau 3 atau ke 4, ganti dengan kode seperti di bawah ini.
<b:if cond='data:blog.pageType == &quot;static_page&quot;'> <data:post.body/> <b:else/> <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:post.snippet'> <b:if cond='data:post.thumbnailUrl'> <div class='Image thumb'> <a expr:href='data:post.url' expr:title='data:post.title'><img alt='thumbnail' class='post-thumbnail' expr:src='data:post.thumbnailUrl'/></a> </div> <b:else/> <a expr:href='data:post.url' expr:title='data:post.title'><img alt='thumbnail' class='post-thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizZvH3CmgxgdjTRceZgiQXC67V7K_6wEc1VxXYPd13UUBLi45gWI2dU6RtCew0xeXfOhyPWwpVH96qFYr883e6jentSK-df9SR7aUgfTZd-O-gI6OPpvZZGyzKKrQMc5H944bdwHYR49gY/s0/no-image.png'/></a> </b:if> <data:post.snippet/> <b:if cond='data:post.jumpLink != data:post.hasJumpLink'> <div class='jump-link' style='float:right;padding-top:10px;'>Baca Selengkapnya &#187; <a expr:href='data:post.url' rel='nofollow'><b><data:post.title/></b></a> </div></b:if><b:else/> <data:post.body/></b:if><b:else/> <data:post.body/></b:if></b:if>
Keenam » Langkah terkahir simpan template anda dan liat hasilnya yang sudah anda pasang Read More Otomatis Tanpa Javascript.
Demikian trik Cara Membuat Read More Otomatis Tanpa Javascript dan semoga bermanfaat untuk semuanya. terima kasih
Baca juga artikel terpopuler saat ini tentang otomotif di Yamaha R15 dan Yamaha R25 Motor Sport Racing dan Kencang dan di Review Mobil Proton Indonesia Terbaik.

Related Post

Next
Previous
Click here for Comments

2 komentar:

avatar

terimakasih buat tutorialnya, sangat membantu, mantab

avatar

Wow, makasih infonya, sudah dicoba dan berhasil, kalau tulisan postingannya yang ditampilkan ingin diperbanyak bagaimana yah?, maaf masih baru...

kunjung balik yah, tenkousei.blogspot.com

Komentar yang Baik !!!.
Suka Artikel ini dan mau Copas? Baca dulu Peraturan Copas !!!.

Pasang Iklan