Hai sobat blogger ! lama nih gak update postingan, habis try out sih, jadi super sibuk bulan ini, tapi saya sempatkan update artikel dulu deh, okelah kenapa jadi curhat ya? oke, kali ini rizaldi priantama akan membahas tentang cara membuat read more otomatis di blog, mungkin cara ini sudah diterapkan pada template-template sobat , namun jika template dasarnya adalah dari blogger sendiri, mungkin sobat hanya bisa menambahkan secara manual, jika ingin menambahkannya secara otomatis, yuk kita bahas bersama disini :
1.) Baca Basmallah
2.) Login ke akun blogger sobat
3.) Masuk ke Rancangan > Edit Html
4.) Backup dulu template sobat, klik download template lengkap
5.) Centang tanda Expand Widget Template
6.) Tekan Ctrl + F, lalu cari kode </head>
7.) Setelah ketemu, masukkan kode dibawah ini tepat dibawah kode </head>
11.) Ganti https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjW1XsQsnyKHY8L953RDQvduM5T8BBXzJ8rPPtDrxV9_w1JgoPKtPEzabGqz6nEvLqDCYJlRegXjchWOfJaekg71Dn6O74qKOdz-8Ggzr1rDbEkkROScxWp1eO200sHfAdpGSmdOQsoko/s1600/ReadMore.jpg dengan url gambar read more sesuai selera sobat
SEKIAN
Semoga Berhasil dan Bermanfaat
1.) Baca Basmallah
2.) Login ke akun blogger sobat
3.) Masuk ke Rancangan > Edit Html
4.) Backup dulu template sobat, klik download template lengkap
5.) Centang tanda Expand Widget Template
6.) Tekan Ctrl + F, lalu cari kode </head>
7.) Setelah ketemu, masukkan kode dibawah ini tepat dibawah kode </head>
<script type='text/javascript'> var thumbnail_mode = "no-float" ;summary_noimg = 450; summary_img = 360; img_thumb_height = 110; img_thumb_width = 130; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>8.) Jika sudah selesai dengan langkah 7, cari lagi kode <data:post.body/>
9.) Jika menemukan 2, pilih yang pertama saja
10.) Lalu ganti kode <data:post.body/> dengan kode dibawah ini
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'><img alt="Baca Selengkapnya" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjW1XsQsnyKHY8L953RDQvduM5T8BBXzJ8rPPtDrxV9_w1JgoPKtPEzabGqz6nEvLqDCYJlRegXjchWOfJaekg71Dn6O74qKOdz-8Ggzr1rDbEkkROScxWp1eO200sHfAdpGSmdOQsoko/s1600/ReadMore.jpg"/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
12.) Simpan Template dan lihat hasilnya
Jika artikel diatas sudah tidak layak dan mengalami kerusakan link, script, kode, dll. Harap segera laporkan dengan cara berkomentar di bawah posting ini, Kami akan segera berusaha untuk memperbaikinya. Namun Jika artikel diatas bermanfaat bagi anda , mohon kesediaannya untuk menjadi Donatur di blog kami. Mengapa? »
SEKIAN
Semoga Berhasil dan Bermanfaat
0 komentar:
Posting Komentar