Cara Membuat Read More Otomatis di blog

Kadang Para blogger mengeposkan postingan banyak  kata kata dan artikelnya menjadi panjang  namun jika di Home Page Terdapat banyak Postingan Maka di  Halam depan menjadi sangat panjang oleh karena itu kita butuh agar Postingan kita muncul ringkasan saja jika pengen membaca bisa klik  situsnya makanya kita buat Read more di blog<br /> bagaimana cara membuatnya ikuti langkah berikut sob!.<br /> <br /> <h3> Cara membuat readmore otomatis dengan gambar</h3> <ul> <li>Silahkan buka template anda. Pilih: <span style="color: blue;">TEMPLATE </span>>><span style="color: blue;"> EDIT</span>.</li> <li>Cari Kode <span style="color: red;"></head></span>. lebih mudah gunakan tombol " control + F" untuk membatu pencarian</li> <li>Copy paste kode dibawah ini tepat di atas kode <span style="color: red;"></head></span></li> </ul> <div style="margin-bottom: 2px;"> <span style="color: rgb(102 , 102 , 204);"> </span> <br /> <div style="margin-top: 5px; text-align: left;"> <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'BUKA'; }" style="font-size: 10px; margin-top: 5px; width: 60px;" type="button" value="BUKA" /> </div> <div style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <blockquote class="tr_bq"> <span style="color: red;"><span style="font-family: "times" , "times new roman" , serif;"><!--ReadMore http://dagujang.blogspot.com--><br /><br /><b:if cond='data:blog.pageType != &quot;static_page&quot;'><br /><b:if cond='data:blog.pageType != &quot;item&quot;'><br /><style><br />.post-body{text-align:justify;}<br />.post-body img{max-width:none;width:auto;}<br />.read-more{float:left; padding-top: 10px;}<br />.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;}<br />.read-more a:hover{text-decoration:none;background:#666;}<br />.pic{border: 10px solid #fff;float:left;<span style="color: blue;">height:165px;width:250px</span>;margin-right: 20px;margin-bottom:10px;overflow:hidden;box-shadow: 5px 5px 5px #111;}<br />.grow img{<span style="color: blue;">height:165px;width:250px</span>;transition: all 2s ease;}<br />.grow img:hover<span style="color: purple;">{width:400px;height:250px;}</span><br /></style><br /><script type='text/javascript'><br />var thumbnail_mode = &quot;yes&quot;; //yes -dengan gambar, no -tanpa gambar<br />summary_noimg = 300; //banyaknya huruf jika tidak ada gambar<br />summary_img = 250; //banyaknya huruf jika ada gambar<br />img_thumb_height = 165;<br />img_thumb_width = 250;<br /></script><br /><script type='text/javascript'>//<![CDATA[<br />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;}<br />//]]></script><br /></b:if><br /></b:if><br /><br /><!--Auto Read More Akhir--><span style="font-family: "times" , "times new roman" , serif;"></span></span></span></blockquote> </div> </div> </div> <ul> <li>geser atau scrol ke bawah dan cari kode </li> </ul> <blockquote class="tr_bq"> <span style="font-size: medium;"><span style="font-family: "times" , "times new roman" , serif;"><span style="color: red;"> <data:post.body/></span></span></span></blockquote> <ul> <li> biasanya terdapat 2 atau lebih kode tersebut silahkan gunakan yang ke-2 atau bisa di coba 1 per 1 untuk mencoba sampai berhasil</li> <li>Setelah ketemu hapus kode diatas dan ganti dengan kode dibawah ini:</li> </ul> <div style="margin-bottom: 2px;"> <span style="color: rgb(102 , 102 , 204);"> </span> <br /> <div style="margin-top: 5px; text-align: left;"> <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'BUKA'; }" style="font-size: 10px; margin-top: 5px; width: 60px;" type="button" value="BUKA" /> </div> <div style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> <blockquote class="tr_bq"> <span style="color: red;"><span style="font-family: "times" , "times new roman" , serif;"><!-- Auto read more Mulai --><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><data:post.body/><br /><b:else/><br /><b:if cond='data:blog.pageType == &quot;static_page&quot;'><br /><data:post.body/><br /><b:else/><br /><div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div><br /><script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);<br /></script><br />      <div class='read-more'><br />      <a expr:href='data:post.url'>Baca Selengkapnya &#187;</a><br />      </div><br /></b:if><br /></b:if><br /><!-- Auto read more Akhir --></span></span></blockquote> </div> </div> </div> <ul> <li>Klik <span style="color: blue;">SAVE / SIMPAN</span> dan lihat hasilnya. </li> </ul> dan untuk <span style="color: red;"><span style="font-family: "times" , "times new roman" , serif;"><span style="color: blue;">height:165px;width:250px<span style="font-family: "times" , "times new roman" , serif;"> <span style="color: black;">adalah ukuran gambar pada <span style="font-family: "times" , "times new roman" , serif;">Home</span></span></span></span></span></span><br /> <span style="color: red;"><span style="font-family: "times" , "times new roman" , serif;"><span style="color: blue;"><span style="font-family: "times" , "times new roman" , serif;"><span style="color: black;"><span style="font-family: "times" , "times new roman" , serif;">dan </span></span></span></span></span></span><span style="color: red;"><span style="font-family: "times" , "times new roman" , serif;"><span style="color: blue;"><span style="font-family: "times" , "times new roman" , serif;"><span style="color: black;"><span style="font-family: "times" , "times new roman" , serif;"><span style="color: red;"><span style="font-family: "times" , "times new roman" , serif;"><span style="color: purple;">{width:400px;height:250px;} <span style="color: black;">adalah ukuran gam<span style="font-family: "times" , "times new roman" , serif;">bar untuk efek hover jika tidak ada efek hover bisa di ganti <span style="font-family: "times" , "times new roman" , serif;">ukurannya <span style="font-family: "times" , "times new roman" , serif;">sama dengan  ukuran gambar </span></span></span></span></span></span></span></span></span></span></span></span></span><span style="color: red;"><span style="font-family: "times" , "times new roman" , serif;"><span style="color: blue;"><span style="font-family: "times" , "times new roman" , serif;"><span style="color: black;"><span style="font-family: "times" , "times new roman" , serif;"><span style="color: red;"><span style="font-family: "times" , "times new roman" , serif;"><span style="color: purple;"><span style="color: black;"><span style="font-family: "times" , "times new roman" , serif;"><span style="font-family: "times" , "times new roman" , serif;"><span style="font-family: "times" , "times new roman" , serif;">yang di atasnya</span></span></span></span></span></span></span></span></span></span></span></span></span><br /> <br /> <span style="color: red;"><span style="font-family: "times" , "times new roman" , serif;"><span style="color: blue;"><span style="font-family: "times" , "times new roman" , serif;"><span style="color: black;"><span style="font-family: "times" , "times new roman" , serif;"><span style="color: red;"><span style="font-family: "times" , "times new roman" , serif;"><span style="color: purple;"><span style="color: black;"><span style="font-family: "times" , "times new roman" , serif;"><span style="font-family: "times" , "times new roman" , serif;"><span style="font-family: "times" , "times new roman" , serif;"><span style="font-family: "times" , "times new roman" , serif;">selamat mencoba dan <span style="font-family: "times" , "times new roman" , serif;">semoga berhasil</span></span> </span></span></span></span></span></span></span></span></span></span></span></span></span><br /> <ul> </ul>

Cara Membuat Read More Otomatis di blog

maryono 0 February 03, 2016

Kadang Para blogger mengeposkan postingan banyak  kata kata dan artikelnya menjadi panjang  namun jika di Home Page Terdapat banyak Postingan Maka di  Halam depan menjadi sangat panjang oleh karena itu kita butuh agar Postingan kita muncul ringkasan … baca selengkapnya

baca selengkapnya