Hai Sobat, kali ini saya akan memberikan Tutorial cara mengganti tulisan read more. contohnya bisa dilihat pada gambar di samping. Mungkin sobat bosan dengan tulisan Read More atau mungkin ada yang ingin ganti sansasi biar keren. Biar beda dari yang lain. nah..bagi yang mau coba silahkan baca tutorialnya |
1. Buka Editor HTML / CSS
Klik "Theme" di bagian atas, lalu klik "Edit HTML / CSS" di kiri bawah.
2. Pilih Layout Halaman Blog
Di sebelah kiri, Sobat harus memilih tata letak halaman yang digunakan blog Sobat.
3. Tambahkan JQuery Coding
Setelah memilih tata letak halaman Sobat disebelah kiri, di sebelah kanan gulir ke bawah sampai Sobat menemukan </body>. Letak kan kode jQuery berikut di atas </body>.
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".blog-read-more a").text("Read More !");
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$(".blog-read-more a").text("Read More !");
});
</script>
Rubah teks "Read More !" sesuai keinginan. Klik simpan.
4. Selesai !
Publikasi Situs Sobat Untuk Melihat Teks "Read More" Blog Sobat!
catatan :
Perubahan "Read More" tidak akan terlihat di editor Weebly. Perubahan "Read More" hanya akan terlihat di situs yang dipublikasikan.
Perubahan "Read More" tidak akan terlihat di editor Weebly. Perubahan "Read More" hanya akan terlihat di situs yang dipublikasikan.