'

Home » » Cara Membuat Read More Otomatis Ringan Tanpa Javascript

Cara Membuat Read More Otomatis Ringan Tanpa Javascript

Cara Membuat Read More Otomatis Ringan Tanpa Javascript. Ok sobat pastinya sobat sudah tahu apa itu Readmore otomatis yang biasanaya terpasang di Beranda atau Homepage Blog. Nah.. pada kesempatan ini tipeex.com akan membagikan tutorial Cara Membuat Read More Otomatis Ringan Tanpa Javascript di blog.


Cara Membuat Read More Otomatis Ringan Tanpa Javascript

Cara Membuat Read More Otomatis Tanpa Javascript inilah yang akan kita paparkan disini. Cara ini tidak menggunakan situs pihak ketiga, karena langsung masuk ke script HTML blog kita. Menggunakan cara ini ada manfaatnya, dimana template blog anda akan menjadi lebih SEO Friendly dan ringan. Cara atau trik ini kita akan memanfaatkan kode yang digunakan oleh tampilan mobile blogspot, yaitu post snippet. Oleh karena itu, dalam script HTML blog kita, dilakukan penambahan kode. Ikuti beberapa langkah di bawah ini.

Langkah Cara Membuat Read More Otomatis di Blog


1. Bukalah Akun Blog anda yang sebenarnya (jangan blog orang lain) bila anda memiliki banyak blog dalam satu akun, silahkan pilih salah satu blog saja.
2. Pilih Elemen Template, kemudian lanjutkan dengan klik Edit HTML
3. Lalu cari kode ]]></b:skin>, untuk mempermudah silahkan menggunakan ctrl+f
4. Copy / salin kode di bawah ini dan letakkan tepat di atas kode ]]></b:skin>

.post-thumbnail{float:left;margin-right:20px}

5. Jangan beranjak dulu, masih seoutar edit HTML.
6. Cari kode <data:post.body/> apabila sudah ketemu silahkan Copy kode di bawah ini.

<b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><div><b:if cond='data:post.thumbnailUrl'><img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/></b:if><data:post.snippet/></div><div class='jump-link'><a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a></div><b:else/><data:post.body/></b:if><b:else/><data:post.body/></b:if>

7. Setelah di copy, gantilah kode <data:post.body/> dengan kode yang barusan di copy.
8. Selesai. Simpan template blog anda.
9. Lihat hasilnya.

Terima kasih .. semoga bermanfaat

0 komentar:

Posting Komentar