Cara Mudah Membuat Read More Otomatis di Blogspot

Assalamu'alaikum,Post kali ini admin posting artikel khusus untuk para temen-temen blogger yang masih pemula,bagi para master blogger tentunya ini sudah menjadi hal yang biasa,judul post kali ini adalah Cara Mudah Membuat Read More Otomatis di Blogger atau Blogspot.Mungkin Templat pada Blog sobat belum pakai Readmore atau mungkin sobat pernah Membuat tapi gagal.seperti yang pernah saya alami?jika benar jangan putus asa sobat saya pun pernah juga mengalaminya.jadi sobat tidak sendiri dalam hal ini.Sekarang admin sudah berhasil membuat Readmore  Otomatis yang berguna memotong tampilan postingan kita supaya Terlihat Rapi Pada saat ada di halaman Home Page dan ditambah lagi kita bisa menyisipkan Judul Postingan Blog yang secara tidak langsung itu bisa menambah power Seo Kita.

Membuat Read More Otomatis di Blog – banyak para blogger yang masih kebingungan untuk membuat readmore secara otomatis di blog mereka, walaupun banyak sekali artikel-artikel yang mebahas bagaimana cara membuat readmore otomatis. Hal ini disebabkan karena banyaknya artikel yang copas padahal si pemilik blog sendiri tidak faham dengan caranya. Disini saya akan menjelaskan cara membuat readmore otomatis secara detail sehingga blogger pemula sekalipun bisa membuatnya.

Seringkali kita melihat kata Readmore / Baca Selengkapnya pada setiap artikel di halaman home blog seseorang.Ngomong-ngomong mungkin blogger pemula atau newbie masih bingung apa itu readmore?. Read more adalah penggalan dalam sebuah artikel, biasanya hanya menampilkan beberapa kalimat saja dan biasanya sering kali kita jumpai dengan adanya kata “READ MORE”, “BACA SELENGKAPNYA”, ” LANJUTKAN MEMBACA”, dll.

Dengan kata lain atau lebih singkatnya Kegunaan Readmore adalah untuk memenggal kalimat yang ditampilkan pada halaman utama situs kita dan Letak Readmore ini ditempatkan di sebuah artikel atau posting.

Manfaat readmore juga untuk mempersingkat atau merapihkan artikel yang panjang, jadi postingan artikel sobat akan tersusun rapi dengan hanya menampilkan gambar dan beberapa kalimat saja.

Fungsi dari pemasangan Readmore Otomatis di Blog :

1. Menghemat Ruang pada tampilan halaman utama sebuah website.
2. Menjadi Lebih Elegant dan Interaktif.
3. Membuat pengunjung membaca artikel tersebut hingga selesai.
4. Menambah pageviews artikel yang dibaca oleh pengunjung.
5. Menambah Link Anchor terhadap keyword judul.

Hingga saat ini sudah banyak tersedia berbagai macam template dengan fitur auto readmore dan lainnya. Tetapi sobat harus cermat dalam pemilihan readmore. Apabila sobat menggunakan readmore dengan hanya menggunakan kata saja, sobat tidak boleh memakai kata tersebut melainkan dengan menggunakan gambar.

Karena apabila pada setiap artikel yang sobat potong menggunakan readmore dengan anchor yang sama, maka Google kurang menyukai halaman yang sobat buat. Contohnya pada blog blog tertentu saja dimana mereka menggunakan kata read more tetapi kata tersebut adalah gambar. Jadi, secara otomatis tidak ada kata readmore di halaman blog tersebut.

Cara Membuat Readmore Otomatis di Blogger yang lebih berkualitas terhadap SEO :

1. Login ke Blogger > Template > Edit HTML.
   Sebaiknya Back-up dulu templat sobat jadi jika nanti gagal tinggal Upluad lagi.Kemudian tempatkan kursor dibagian pengeditan template dan klik salah satu script, lalu tekan CTRL+F untuk melakukan pencarian.
2. Cari kode </head>
   dan letakkan kode ini diatasnya :
<script type='text/javascript'> var thumbnail_mode = "float" ; summary_noimg = 250; summary_img = 220; img_thumb_height = 120; img_thumb_width = 220; </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>
3. Ganti kode <data:post.body/> ( yang pertama ) pada template sobat, dengan kode berikut :
   
   
   <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:left'><b>Baca Selengkapnya</b> → <a expr:href='data:post.url'><data:post.title/></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>
4. Klik Pratinjau untuk melihat hasilnya. Jika sudah sesuai dan terpasang dengan benar klik Save Template.

Untuk keterangan Readmore Di atas Sebagai Berikut :

*var thumbnail_mode = "float"; : Letak gambar / thumbnail berada di “float” kiri atau jika tidak suka silahkan ganti dengan “no-float”;

*summary_noimg = 250; : Jumlah karakter yang akan ditampilkan di posting tanpa adanya gambar / thumbnail;

*summary_img = 250;: Jumlah karakter yang akan ditampilkan di posting dengan gambar / thumbnail; img_thumb_height = 120; : Tinggi thumbnail dalam ukuran pixel; img_thumb_width = 120;: Lebar thumbnail dalam ukuran pixel;

*READMORE-: Tulisan READMORE bisa diganti misalnya dengan “Baca Selengkapnya” “Selanjutnya” terserah sobat. dan apabila sobat tidak ingin menampilkan judul dibelakang Readmore, sobat bisa menghapus code script ini <data:post.title/> yang ada di belakang tulisan Readmore.

Dengan memanfaatkan judul artikel, maka readmore tersebut dapat lebih terjaga kualitas kalimatnya di bandingkan hanya dengan memberikan 2 kata tersebut. Apabila sobat ingin menggunakan readmore dengan gambar dapat mengikuti panduannya yang admin yakin banyak sekali tutorial di search google hasil postingan para master blogger yang ter-ubdate saat ini.

Cukup Mudah Bukan.saya harap dan yakin sobat bisa.Seperti itulah Cara Mudah Membuat Read More Otomatis di Blogspot yang walaupun nanti mungkin aja tidak begitu berpengaruh dalam Seo sobat tapi setidaknya tampilan pada templat sobat menjadi rapi dengan adanya Readmore.Semoga dapat bermanfaat.

Wassalamu'alaikum.