Cara Membuat Readmore Automatis di Blogspot - Hallo sahabat Situs Pendidikan Masa Kini - Patih Akbar, Pada Artikel yang anda baca kali ini dengan judul Cara Membuat Readmore Automatis di Blogspot, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Internet, Tutorial Blog Untuk Pemula, yang kami tulis ini dapat anda pahami. dengan mudah, selamat membaca.

Judul : Cara Membuat Readmore Automatis di Blogspot
link : Cara Membuat Readmore Automatis di Blogspot

Cara Membuat Readmore Automatis di Blogspot

Masuk dan Login ke Blog Anda
Pilih Template > Edit Template
Cari Kode </head>
Setelah ketemu Copy-paste kode dibawah ini, DIATAS kode </head>

<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>

Kemudian cari kode <data:post.body/> biasanya kode ini lebih dari satu, pilih yang kedua.Ganti kode tersebut dengan 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>

SAVE TEMPLATE dan lihat hasilnya

Demikianlah Artikel Tentang Cara Membuat Readmore Automatis di Blogspot

Semoga dengan membaca artikel Cara Membuat Readmore Automatis di Blogspot ini, bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel kami yang lainnya. Dan jangan lupa di share yaa

Anda sekarang membaca artikel Cara Membuat Readmore Automatis di Blogspot dengan alamat link https://patihakbar.blogspot.com/2016/03/cara-membuat-readmore-automatis-di.html