Cara Membuat Readmore Otomatis Pada Blog dengan Mudah

Tutorial Blog kali ini akan berbagi mengenai Cara Membuat Readmore Otomatis Pada Blog dengan Mudah setelah kemarin saya juga telah membahas mengenai bagaimana cara menghapus readmore otomatis pada blog dengan mudah. Setelah postingan mengenai cara menghilangkan readmore kemarin saya Publish, banyak yang bertanya kepada saya bahwa mengapa Readmorenya di hapus. Saya menghapus Readmore pada salah satu blog yang saya kelola di distributor pulsa termurah all operator karena saya menginginkan saat home page atau halaman utama blog saya di akses maka langsung halaman Full yang kelihatan sehingga halaman sales letter yang saya buat bisa langsung dibaca oleh pengunjung.

Sekarang kita kembali ke masalah bagaimana Cara Membuat Readmore Otomatis Pada Blog dengan Mudah. Jika Anda sudah terbiasa mengedit Template Blog maka tutorial blog kali ini akan sangat mudah Anda pahami karena kita hanya akan bermain main di dalam Template. Bagi Anda yang baru berjabat tangan dengan dunia blogging, semoga lewat tutorial sederhana tentang Cara Membuat Readmore Otomatis Pada Blog bisa menjadi titik Awal Anda untuk lebih memahami lagi mengenai Template blog

Template Blog sekarang sudah rata rata Support dengan Readmore Otomatis, Apalagi kalau Anda mendownload Template di Blognya Kang O-om, Rata rata template blog disana support Readmore Otomatis, Tapi bagaimana dengan Template blog yang tidak support dengan Readmore Otomatis seperti pada template default Blogger ? tentunya Tutorial ini akan menjawabnya nanti...

Di bawah ini beberapa langkah yang bisa Anda Ikuti mengenai Cara Membuat Readmore Otomatis Pada Blog dengan Mudah

1. Seperti biasa silahkan Anda kunjungi blogger.com dan segera Login agar Anda bisa mengakses akun blogger Anda
2. Setelah berhasil Login, Silahkan Anda Pilih Template seperti Screenshoot di bawah ini
   
   
   
3. Setelah memilih template silahkan Pilih Edit HTML kemudian berikan Tanda Ceklist pada Expand Template Widget
4. Selanjutnya silahkan Anda cari Kode</head>
5. Gunakan CTRL+F untuk memudahkan pencarian atau membaca Tutorial blognya mengenai Cara tercepat dan mudah mencari Kode HTML pada template blog
6. Jika Kodenya sudah ketemu, Copy Kode di bawah ini dan letakkan tepat di atas kode  </head>
7. <script type='text/javascript'>var thumbnail_mode = "float" ; summary_noimg = 175; summary_img = 150; img_thumb_height = 100; img_thumb_width = 100; </script><script type='text/javascript'>//<![CDATA[ function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+" [...]"}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div> "+removeHtmlTag(f.innerHTML,e)+"</div> ";f.innerHTML=c}; //]]></script>
   Keterangan
   

   Summary_noimg=175;

   
   

   Kode ini maksudnya adalah Jika Postingan yang kita Publish tanpa menggunakan Foto maka Jumlah karakter huruf yang di tampilkan pada kotak readmore nantinya adalah sejumlah 175, Silahkan Anda ubah Angka 175 sesuai dengan yang Anda inginkan.

   
   

   summary_img = 150;

   
   

   Kode ini maksudnya adalah Jika Postingan yang kita Publish menggunakan Foto maka Jumlah karakter huruf yang di tampilkan pada kotak readmore nantinya adalah sejumlah 150. Silahkan juga Anda ubah Angka 150 sesuai dengan yang Anda inginkan.

   
   

   img_thumb_height = 100;

   
   

   Kode ini merupakan Kode untuk mengatur tinggi Thumbnail atau gambar kecil pada kotak Readmore nantinya, Jadi Anda bisa ubah sesuai dengan selera Anda

   
   

   img_thumb_width = 100;

   
   

   Kode ini merupakan Kode untuk mengatur lebar Thumbnail atau gambar kecil pada kotak Readmore nantinya, Jadi Anda juga bisa ubah sesuai dengan selera Anda

8. Bagaimana, Sudah ? Jika sudah selanjutnya silahkan Anda cari lagi kode<data:post.body>
9. Jika kodenya sudah ketemu, silahkan Anda ganti kode <data:post.body/> dengan kode di bawah ini

<b:if cond='data:blog.pageType != "item"'><b:if cond='data:blog.pageType != "static_page"'><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'><a expr:href='data:post.url'>Continue...</a></span></b:if></b:if><b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if> <b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>

Bagaimana, Apakah Anda sudah mendapat sedikit gambaran mengenai bagaimana Cara Membuat Readmore Otomatis Pada Blog dengan Mudah. Jika Iyaa, Alhamdulillah, Kini saatnya saya untuk Pamit Undur diri sambil menikmati segelas Kopi Panas...

Terus ciptakan karya terindah lewat jemari Anda melalui postingan demi postingan yang berkualitas untuk memajukan dunia blogging di Indonesia. Saya tunggu karya terindah Anda !

Happy blogging dan salam SUKSES !

Silahkan masukkan email Anda di bawah ini Untuk mendapatkan update artikel GRATIS dari HAYARDIN.COM yang akan langsung masuk ke Inbox E-mail Anda

Enter your email address:

Lokasi:

Berbagi :