Untuk menambahkannya hanya memerlukan waktu beberapa menit saja. Read More Artikel ini memiliki beberapa versi, dan untuk postingan berikut, akan diuraikan versi yang memiliki loading tercepat, sehingga sangat baik bagi Mesin Pencari.
Tentu saja Readmore Artikel
tersebut
dapat sedikit di modifikasi sesuai kebutuhan, Seperti Merubah Ukuran
Gambar, Read More diganti menjadi Baca Selengkapnya dan lain-lain.
Berikut langkah-langkah Cara Membuat Read More Artikel Di
Homepage (Beranda).
Perhatian: bagi yang sudah memasang read more yang ada sebelumnya harus dihapus terlebih dahulu.
Perhatian: bagi yang sudah memasang read more yang ada sebelumnya harus dihapus terlebih dahulu.
1. Login Ke Blogger.
2. Klik Template, Backup template untuk jaga2 bila diperlukan,
atau langkah berikut bisa di uji coba menggunakan Blog percobaan
yang lain.
3. Klik Edit HTML.
4. Klik Kiri 1 x Dimana saja dalam kotak template.
5. Klik Ctrl+F (Supaya mempercepat pencarian kode),
Dan cari kode berikut ]]></b:skin>
Masukan kode tersebut dalam kotak pencarian, kemudian enter
untuk mencari.6. Masukan Kode berikut diatas ]]></b:skin>
/* Gambar autoread more
----------------------------------------------- */7. Kemudian Cari Kode <data:post.body/>
.post-thumbnail { width:100px; height:70px; float:left; margin:0px 10px 0px 0px; }
Kode tersebut diatas jumlahnya biasanya ada 2 atau 3 , Cari yang versi web,
biasanya yang kedua (ke-2), kalo tidak berhasil mungkin yang ke-3 , Kalo tidak yg ke-4
8. Hapus Kode <data:post.body/> yang kedua/ketiga (salahsatu) dan Ganti dengan kode dibawah ini.
Warna Hijau adalah tulisan pengganti jika anda mau mengganti tulisan menjadi read more, baca selengkapnya, dll
<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/AVvXsEg5OOB2-htEqj0qzYYVzr2usAmAIQ2kQKPBG1jEF9LCQx96Puk31rFfiau5cTVLJyJGRLcX9jUa9HandQD1zAxEpTPB3s08KocPGMxX04ggKrYjQAYEm5haz5SPdltTGGGbYwv85ZqWFB8/s1600/no+image.jpg'/></a></b:if><div class='post-snippet'><data:post.snippet/></div><div class='rm-button-wrap'><a class='button' expr:href='data:post.url'>Baca Selengkapnya »</a></div></b:if></b:if><b:if cond='data:blog.pageType == "item"'><data:post.body/>
</b:if>
Warna Merah adalah gambar pengganti jika dalam artikel tidak ada gambar dan bisa diganti dengan url gambar sesuai keinginan.
9. Untuk Merubah Ketinggian deskripsi artikel text, Cari Kode .post-body { atau .post {
Masukan atau Ganti { line-height: 1.8; ...
bisa juga ditulis line-height: 23px; atau disesuaikan ketinggiannya.
10.Save Template, dan lihat hasilnya.
Demikian Tutorial Cara Membuat Read More Pada Artikel Di Homepage, mudah-mudahan bisa bermanfaat.
Catatan : Terima Kasih Sudah Berkunjung. Silahkan Komentar......
Ditulis Oleh : Adinda Dara ~ Daudpinter™.blogspot.com ~
Sobat sedang membaca artikel tentang Cara Membuat Read More Pada Artikel Di Homepage.. Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. Saling menghargai kreatifitas sobat Blogger.
Tidak ada komentar:
Posting Komentar