-->







Iklan

Cara Membuat Read More Terbaru

14 September 2015, September 14, 2015 WIB Last Updated 2015-09-15T14:58:55Z
Cara Membuat Read More atau Cara Membuat Tombol Baca selanjutnya , Read More adalah bahasa inggis jadi kalau dalam bahasa indonesia adalah Baca Selanjutnya.
Read More adalah sebagai salah satu dari tombol Navigasi yang ada dalam blog / website, dan tombol navigasi ini sangatlah penting sehingga jika website akan di daftarkan ke program periklanan milik google yaitu Google Adsense pun maka website tersebut harus disertai dengan berbagai tombol navigasi termasuk tombol Read More (Baca Selanjutnya)

Baca Bagaimana Cara Supaya Cepat diterima Google Adsense

Tombol Read More selain fungsi nya yang sudah saya utarakan diatas Read more memang sangat berguna bagi pengguna/pengunjung website karena dengan menambahkan menu read more maka pengunjung akan lebih mudah memahami dari artikel tersebut.
Read more biasanya akan otomatis terlihat jika kita membuka halaman Home dan juga membuka halaman Label , sebagai contohnya bisa dilihat gambarnya yang di bawah ini

cara membuat atau memasang read more
Jika masih kurang paham dengan keterangan fungsi read more diatas anda bisa bertanya lewat kolom komentar di bawah artikel ini.
Panduan yang saya buat ini sebenarnya sudah saya desain untuk supaya setelah anda mengikuti panduanya langsung akan jadi/bisa muncul tombol read more nya tanpa mengalami eror, karena biasanya orang memberikan panduan masih mentah jadi dalam panduan Cara memasang read more ini saya sudah buatkan skali pasang langsung jadi.

Dan untuk Cara pembuatan atau pemasangan Read More selengkapnya silahkan di simak panduanya di bawah ini :

Cara Membuat Read More

1.pertama buka blog anda lalu login dan selanjutnya pergi kedashboard blogger.
2.pada menu dahbord blogger pilih Template , lalu klik lagi Edit Html
3.selanjutnya cari kode </head>
4.kemudian kopi kode yang ada di bawah ini dan pastekan di atas kode </head>

<!-- awal ReadMore www.jasa-website.web.id-->
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<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 = &quot;yes&quot;; //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 Akhir www.jasa-website.web.id-->


5.selanjutnya kopi lagi kode yang di bawah ini dan pastekan di bawah kode  <data:post.body/> atau pastekan di atas kode  <div style='clear: both;'/> <!-- clear for photos floats -->

<!-- Auto read more Mulai -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
      <div class='read-more'>
      <a expr:href='data:post.url'>Baca Selengkapnya &#187;</a>
      </div>
</b:if>
</b:if>
<!-- Auto read more Akhir -->

Keterangan :
Tulisan Baca Selengkapnya bisa anda rubah dengan kata tulisan Read More (itu terserah selera anda masing-masing)

6.jika masih belum sempurna / artikelnya jadi 2 , silahkan hapus salah satu kode ini <data:post.body/> , karena kode <data:post.body/> dalam masing-masing susunan html ada yang hanya 3 macam ada juga yang sampai 5 bahkan 6 , hal ini yang membuat tidak singkron.
7.Selesai.

Baca juga Cara Membuat Tombol Navigasi Nomor Posting

Demikian panduan blogger Cara membuat Read More , semoga berhasil , selamat mencoba..
Komentar

Tampilkan

No comments:

Post a Comment

Terimakasih sudah mengunjungi jasa setting Website / Jasa Pembuatan Website , jasa setting website www.jasa-website.web.id - dan mau berkontribusi , semoga bermanfaat , kontak TLP / WA 081399167240

Komputer

+