1. Login ke blogger sobat
2. Pilih Template --> Edit HTML
3. Lalu cari kode </head> (tekan CTRL+F biar lebih mudah mencarinya)
4. Masukan kode dibawah ini dan simpan DIATAS kode </head>
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1) { var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } strx = s.join(""); } chop = (chop < strx.length-1) ? chop : strx.length-2; while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; strx = strx.substring(0,chop-1); return strx+'...'; } function createSummaryAndThumb(pID){ var div = document.getElementById(pID); var imgtag = ""; var img = div.getElementsByTagName("img"); var summ = summary_noimg; if(img.length>=1) { imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>'; summ = summary_img; } var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>'; div.innerHTML = summary; } //]]> </script>
5. Kemudian sobat cari lagi kode <data:post.body/>, lagu di ganti dengan 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'> <b> Readmore</b> »»   <data:post.title/></a> </span> </b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/> </b:if>
Perhatian:
- Untuk tulisan: span style="float:left; Berarti posisi gambar ada dikiri, ubah menjadi "right" jika ingin disebelah kanan
- Untuk tulisan: style=float:right; Berarti letak tulisan "Read more" berarda di posisi "kanan" ubah menjadi "left" jika ingin berada di kiri
Untuk tulisan: Readmore: Tulisan Read more bisa diganti misal menjadi “Baca Selengkapnya” “Selanjutnya” dsb. - Untuk kode <data:post.body/> biasanya kode ini ada 2 atau 3, saran saya sobat pilih kode yang ke 2.
7. Jika sudah yakin sobat tekan tombol: Save
Itulah postingan tentang Membuat Read More Pada Blog yang bisa saya berikan untuk sobat Semoga berhasil dan paham.
Sobat baru saja membaca artikel tentang Membuat Read More Pada Blog. Sobat boleh menyebar luaskan atau mengcopy - paste artikel Membuat Read More Pada Blog jika memang sangat bermanfaat untuk sobat, tapi dengan syarat sobat harus meletakkan link di bawah ini sebagai sumbernya. Jika tidak, maka akan diproses secara DMCA Takedown yang tentu saja tidak baik bagi blog sobat maupun sobat sendiri. Terima kasih atas perhatiannya.
Artikel Terkait:
Memperindah Blog
- Artikel Terakhir dari Blog Ridho Tawaka
- Cara Mudah Memasang Widget Lagu Di Blog
- Widget Komentar Blog Ada Di Blog
- Tanda - Tangan Sobat Di Akhir Postingan (Otomatis)
- Membuat Bingkai Pada Postingan Blog
- Widget Popular Post (Pos Terpopuler) Diberi Scroll
- Tanda Tangan Sobat Berada Di Akhir Postingan
- Beginilah Cara Mengganti / Menambah Emoticon Cbox
- Widget Yang Sebaiknya Tidak Ada Di Blog
- Widget Yang Sebaiknya Ada Di Blog Sobat
Tidak ada komentar:
Posting Komentar
--> Berkomentarlah, tapi menggunakan kata yang sopan
--> Mohon jangan ada link aktif
--> Mohon jangan spam atau malware
--> Usahakan berkomentar sesuai dengan topik artikel
Terimakasih Atas Kunjungannya.