Cara mudah membuat read more di blog

Cara mudah membuat read more di blog

  07:38:00    Seoke.com

---

Assalamualaikum wr.wb.
Jumpa lagi di blognya Seoke.com kali ini saya pengen berbagi tips n tric tentang Cara mudah membuat read more di blog.,sebenernya untung banget kalu para blogger yang menggunakan read more pada blognya di karenakan bisa mempercepat saat masuk ke blognya.dan bisa pula blog kalian jadi lebih seo frendly.
kita ketahap penyimpanan kode kode untuk bikin read more di blog

photo By kiosederhana.blogspot.co.id

setelah ketemu kalian masukan kode di bawah ini tepat di atas kode </head>

<!--ReadMore star--> <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> <!--Auto Read More -->

setealah itu kalian cari kode sperti ini <data:post.body/> biasanya kode tersebut lebih dari satu 

hapus salah satu kode tersebut dan ganti kode tersebut yang telah di hapus dengan kode di bawah ini :

<!-- Auto read more Mulai --> <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> <!-- Auto read more Akhir -->

jangan di SAVE dulu coba di PRATINJAU dulu kalau berhasil tinggal di save apabila masih belum berhasil coba cari kode <data:post.body/> yang lainya dan coba kembali Di pratinjau lagi.

terima kasih kalian sudah berkenan berkunjung di blognya SEOke.com.apabila kalian punya kritik dan saran kalian bisa tinggalkan di komentar 

terima kasih

Share

Like

G+

Tweet

Tweet

Ditulis Oleh : Seoke.com Blogger

Terima kasih telah berkunjung di Cara mudah membuat read more di blog.Silahkan kalian masukan mail kalian untuk berlangganan lewat mail tentang artikel terbaru dari SEOKE.COM.

Subscribe To Email!