Membuat Auto ReadMore Di Blogger SUKSES

Hallo bertemu lagi dengan Ilmu Coro, kali ini saya akan membagikan sebuah Tutorial atau lebih tepatnya Tips dan Trik Cara Membuat Auto ReadMore Di Blogger SUKSES 100%, dan pada kesempatan kali ini saya menggunakan bahasa HTML karna pada umumnya Blogger menggunakan bahasa HTML yang sudah Seo Friendly.

Auto ReadMore pada halaman beranda utama Blogger ini berfungsi untuk membuat sebuah tampilan utama Blogger menjadi cantik, dinamis, dan pokoknya kita buat rapih tampilannya agar menjadi Ringkas agar tidak semak.

Oke langsung saja kita ke tahap utama Cara Membuat Auto ReadMore Di Blogger SUKSES 100%

1. Buka halaman Blogger Klik Disini.
2. Pilih Tema pada halaman beranda Blogger dan klik Edit HTML.

3. Nanti anda akan diarahkan pada tampilan seperti ini.

4. Kemudian cari kode ]]></b:skin> untuk memudahkan pencarian silahkan klik "Ctrl + F" pada shortcut keyboard kamu.Masukan kode HTML dibawah ini tepat diatas kode ]]></b:skin> tersebut.

.thumbnail-post {width:100px !important; height:100px !important;float:left;margin:0px 10px 0px 0px;}

5.  Kemudian cari lagi kode <data:post.body/> lalu hapus kode tersebut dan ganti dengan kode yang dibawah ini.

<!-- Auto Read More start --><b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:post.firstImageUrl'> <a expr:href='data:post.url'><img class='thumbnail-post'expr:alt='data:post.title' expr:title='data:post.title' expr:src='data:post.firstImageUrl'/></a> <b:else/> <a expr:href='data:post.url'><img class='thumbnail-post'expr:alt='data:post.title' expr:title='data:post.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiiqIN7emHWRzxXM5o-2OPzWktOfilMVMmuDMdt8_MXtbfQF7rQhXBz0HaEX6DxWhTbRv4mdaFNM6KCGy0KUIxs5g0Rx9-8e6WkLLFwlmM4C0g7Qv9Hk8tE79Btw02k6zB_v5WWiXqVmbx/s220-Ic42/noimage.png'/></a> </b:if> <div class='post-snippet'> <data:post.snippet/> </div> </b:if></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'> <data:post.body/></b:if><b:if cond='data:blog.pageType == &quot;static_page&quot;'> <data:post.body/></b:if><!-- Auto Read More end -->

6. Klik Simpan Template dan lihat blog anda sekarang.

Yang harus anda perhatikan adalah pada kode ]]></b:skin>  karna anda akan dihadapkan banyak kode yang sama, dan coba saja satu persatu. Jika ada yang masih tidak tau silahkan ajukan pertanyaan pada saya di kolom komentar.

Bagikan Artikel ini