Cara membuat Read More Otomatis di Blog


read more otomatis
Cara Mudah Membuat Read More Otomatis di Blog – banyak para blogger yang masih kebingungan untuk membuat readmore secara otomatis di blog mereka, walaupun banyak sekali artikel-artikel yang mebahas bagaimana cara membuat readmore otomatis. Hal ini disebabkan karena banyaknya artikel yang copas padahal si pemilik blog sendiri tidak faham dengan caranya. Disini saya akan menjelaskan cara membuat readmore otomatis secara detail sehingga blogger pemula sekalipun bisa membuatnya.

Ngomong-ngomong mungkin blogger pemula atau newbie masih bingung apa itu readmore?. Read more adalah penggalan dalam sebuah artikel, biasanya hanya menampilkan beberapa kalimat saja dan biasanya di tandai dengan kata “READ MORE”, “BACA SELENGKAPNYA”, ” LANJUTKAN MEMBACA”, dll.

Manfaat readmore juga untuk mempersingkat atau merapihkan artikel yang panjang, jadi postingan artikel anda akan tersusun rapi dengan hanya menampilkan gambar dan beberapa kalimat saja.

Untuk demonya silahkan klik link dibawah ini.

Cara membuat readmore otomatis dengan gambar

  • Silahkan buka template anda. Pilih: TEMPLATE >> EDIT.
  • Cari Kode </head>.
  • Copy paste kode dibawah ini tepat di atas kode </head>
<!--ReadMore http://trikseosimple.blogspot.com-->

<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-->
  • Save Template anda.
  • Kemudian scroll template anda kebawah cari kode seperti berikut:

Ket: Kata kuncinya adalah didalam kotak hitam "BLOG POSTS / POSTINGAN BLOG" jika anda menggunakan bahasa indonesia.
  • Jika suda menemukan kode seperti gambar di atas silahkan klik anda panah kecil warna hitam sebelah kiri.
  • Setelah tanda panah kecil di klik maka akan ada tampilan seprti gambar berikut


  • Cari kode yang di tandai dengan kotak hitam. "POST' VAR='POST'".
  • Setelah ketemu klik tanda panah yang lurus dengan kode tersebut.
  • selanjutnya akan terbuka kode kode yang lain.
  • geser atau scrol ke bawah dan cari kode 
 <data:post.body/>
  •  Setelah ketemu hapus kode diatas dan ganti dengan kode dibawah ini:
<!-- Auto read more Mulai -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<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 -->
  • Klik SAVE / SIMPAN dan lihat hasilnya.
Terlihat seperti sulit tetapi jika sambil di praktekan pasti bisa karena ini sudah sangat detail, jika saya menjelaskan dengan singkat mungkin para blogger pemula tidak akan mengerti atau kesusahan membuatnya.

sekian dulu sari saya untuk cara membuat readmore semoga bermanfaat dan jika masih ada yang tidak dimengerti anda dipersilahkan untuk bertanya langsung.
http://trikseosimple.blogspot.com/2013/06/cara-mudah-membuat-read-more-otomatis-diblog.html

Cara Membuat Pesan Saat Meninggalkan Blog Anda

Bagaimana cara membuat text skrip muncul di akhir blog. singkatnya saat orang meninggalkan blog kita maka akan muncul pesan di blog kita.
Kata penutup di Blog merupakan salah satu trik dari pemilik blog atau admin untuk menyampaikan suatu pesan terima kasih kepada para pengunjungnya karena telah membuka blognya. Anda pasti sudah pahamkan maksud saya mengenai penutup blog itu. Script ini saya coba di Blogspot.

Objek besar diduga pecahan MH370 kemungkinan ekor pesawat

Tips - tips yang berguna di kehidupan Anda

Mungkin Anda sudah tau , tetapi terkadang lupa, heehhehehehe. Yuk kita simak langsung tips2 berguna dan unik dibawah ini:

1. Memutar lepas bola lampu yang pecah dari socketnya
Tancapkan potongan sabun ke sisi pecahan yang tajam dan gunakan sabun itu sebagai pegangan untuk memutar sisa bola lampu itu.

2. Mengeluarkan anak kunci patah dari dalam lubang kunci
Oleskan super glue pada ujung patahan kunci yang di luar, masukkan dan tekan selama beberapa saat, lalu pelan-pelan tarik keluar

Cara Membuat Semua Link di Blog Otomatis Terbuka di New Tab

Hey sobat blogger, kali ini saya akan membagikan tips trik tentang blogging lagi. Kali ini bukan widget widget atau tips seo yang saya akan bagikan. melainkan kali ini saya akan berbagi tentang cara bagaiman semua link yang ada di blog sobat jika di klik link tersebut akan terbuka otomatis di new tab browser sobat. ga ngerti ya? jadi gini maksudnya, biasanya kan saat kita mengklik link yang ada di blog atau website nanti kita akan langsung dibawa ke halaman link tersebut tanpa pindah tab baru kan? nah tips yang saya berikan ini akan merubah hal itu, jadi link di blog kita akan otomatis terbuka di new tab atau tab baru bila di klik oleh sobat atau para pembaca blog sobat lainnya. sudah ngerti kan apa maksudnya? kalau belum ya baca dari awal lagi aja deh dengan saksama dan teliti hehehe. oke ngga usah lama lama ngomong lagi deh, nanti malah jadinya curhat saya nya hehe, langsung aja ke topiknya. step step untuk melakukan hal itu yakni:

sejara h letusan gunung kelud


Sejak abad ke-15, Gunung Kelud telah memakan korban lebih dari 15.000 jiwa. Letusan gunung ini pada 1586 merenggut korban lebih dari 10.000 jiwa. Sebuah sistem untuk mengalihkan aliran lahar telah dibuat secara ekstensif pada tahun 1926 dan masih berfungsi hingga kini setelah letusan pada tahun 1919 memakan korban hingga ribuan jiwa akibat banjir lahar dingin menyapu pemukiman penduduk.
tahun
Selamat datang di blog Saya ;)
 

Selamat datang di blog Saya ;)
[get this widget]> [Tutup]