Pentingnya Readmore Untuk SEO Blogspot Note 1337

Selamat malam sobat kali ini saya akan membawakan tutorial SEO lagi yaitu step yang ke 6 masih pada topik Merubah Template Blogger Menjadi SEO Friendly Untuk SEO yang mana menjelaskan tentang optimasi agar blogspot kesayangan kita bisa eksis di SERP Google. Anda mungkin pernah lihat halaman homepage blog saya ini tampilannya itulah readmore hanya saya modifikasi katanya jadi bukan readmore lagi.

Yah semua master SEO, pakar SEO, Ahli SEO atau Jasa SEO semua sudah pada tahu apa itu readmore, readmore berfungsi memotong artikel kita, menyingkat  artikel postingan - postingan kita menjadi sepotong - sepotong, lalu ada tulisan readmore jadi orang2 nanti akan ngeklik ntu readmore biar trafik pengunjung naik, yang tadinya nongkrong di homepage aja kini langsung kehalaman postingan kita, selain itu readmore bisa mempercepat loading blog sehingga jadi ringan, seperti blog sederhana milik saya ini. langsung saja ya cara membuat auto readmore hehe..

Anda  cari </head> dan letakan kode dibawah ini tepat diatasnya.
<script type='text/javascript'> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <style> .post-body{text-align:justify;} .post-body img{max-width:none;width:auto;} .read-more{float:left; padding-top: 10px;} .read-more a{ color: #fff!important;text-shadow:0 1px 0 rgba(0,0,0,0.5);background:#0457A9; text-decoration:none;font:bold 13px Arial;padding:5px;} .read-more a:hover{text-decoration:none;background:#666;} .pic{border: 10px solid #fff;float:left;height:165px;width:250px;margin-right: 20px;margin-bottom:10px;overflow:hidden;box-shadow: 5px 5px 5px #111;} .grow img{height:165px;width:250px;transition: all 2s ease;} .grow img:hover{width:400px;height:250px;} </style> <script type='text/javascript'> var thumbnail_mode = "yes"; //yes -dengan gambar, no -tanpa gambar summary_noimg = 300; //banyaknya huruf jika tidak ada gambar summary_img = 250; //banyaknya huruf jika ada gambar img_thumb_height = 165; img_thumb_width = 250; </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(thumbnail_mode == "yes"){if(img.length>=1){imgtag = '<div class="grow pic"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></div>';summ = summary_img;}}var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';div.innerHTML = summary;} //]]></script> </b:if> </b:if>
Lalu anda cari <data:post.body/> setelah itu ganti pake kode dibawah ini. <b:if cond='data:blog.pageType == "item"'> <data:post.body/> <b:else/> <b:if cond='data:blog.pageType == "static_page"'> <data:post.body/> <b:else/> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'> createSummaryAndThumb("summary<data:post.id/>"); </script> <div class='read-more'> <a expr:href='data:post.url'>Baca Selengkapnya »</a> </div> </b:if> </b:if>

Tadaaa anda sudah beres buat readmore, cukup mudah bukan ? yah begitulah, eh iya itu <data:post.body/> yang kedua bukan yang pertama yah,, jangan lupa. Terimakasih anda telah membaca artikel tutorial SEO yang berjudul Pentingnya Readmore Untuk SEO Blogspot. Ok saya cukupkan sekian artikel tutorial SEO dari saya. Dan tunggu tutorial - tutorial saya di postingan saya yang berikutnya .. Chaiiiyooo... ;)