Beranda  ›  Tips Trik Blogger

Cara Buat Read More di blogspot


Lihat dan hitung, seberapa banyak aplikasi Android yang Anda instal di smartphone Anda? 

Pernahkah terbersit di benak Anda bagaimana cara membuat aplikasi-aplikasi tersebut?

Apakah Anda Saat Ini Ingin Sekali Bisa Bikin Aplikasi Android Sendiri? Seperti aplikasi game edukasi, media pembelajaran, aplikasi berbasis sensor, aplikasi multimedia, dan lain sebagainya?

Tetapi

1. Tidak Ngerti Coding
2. Tidak Tahu Computer Programming
3. Tidak Paham Bahasa Pemrograman Android
4. Dan Sama Sekali Bukan Lulusan IT?

Jangan Khawatir ...
Ternyata, bikin aplikasi Android itu SANGAT MUDAH, bahkan bagi Pemula sekalipun.

Sekarang Anda bisa bikin aplikasi Android dengan Cepat, bahkan TANPA HARUS CODING.

Tak peduli apapun latar belakang Anda, bikin aplikasi Android itu MUDAH, semudah bermain Puzzle.

Anda Hanya Perlu 4 Langkah berikut ini :

1. Drag & drop komponen-komponen yang dibutuhkan
2. Percantik tampilan aplikasi dengan mengatur layout dan desain tampilan
3. Susun blok-blok kode programnya, dan
4. Build aplikasi Anda jadi file instalasi *.APK

Lantas, Bagimana Cara Memulainya?
Mudah kok, karena sudah hadir untuk Anda Di Sini :


Video tutorial yang membahas cara membuat aplikasi Android dengan sangat MUDAH, CEPAT, & TANPA CODING menggunakan tools App Inventor 2. 

read more,baca selengkapnya,cara buat read more,cara buat baca selengkapnya,auto read more, read more otomatis, cara buat read more otomatis
Expandable post atau yang umum di kenal dengan istilah "Read More" adalah sebuah fitur yang membuat postingan sobat blogger terpenggal di halaman index Beranda atau Home Page. Di setiap akhir preview, terdapat sebuah link yang menuju ke halaman posting, yang biasanya menempel pada kata "Read More" atau "Baca Selengkapnya".

Perbedaan antara Read More konvensional dengan Read More Otomatis dengan thumbnail adalah :


Read More Konvensional :
  1. Menggunakan HTML
  2. Harus memasukkan kode di dalam postingan
  3. Panjang potongan atau penggelan dapat disesuaikan.
  4. Fungsi Read More hanya akan terlihat kalau kode sudah ditambahkan di dalam postingan.
  5. Tanpa Thumbnail. Untuk menampilkan thumbnail atau gambar, maka gambar harus diletakkan dibagian paling atas postingan.

Read More Otomatis dengan thumbnail :
  1. Menggunakan Javascript.
  2. Tidak perlu memasukkan kode di dalam postingan.
  3. Panjang potongan dapat di ubah, tetapi akan berpengaruh di semua postingan.
  4. Read More diterapkan untuk semua posting, tanpa terkecuali.
  5. Secara otomatis menampilkan thumbnail atau gamabar yang ada di dalam postingan tersebut.

Itu adalah sekilas gambaran tentang perbedaan antara Read More Konvensional dengan Read More Otomatis dengan thumbnail. Untuk membuat Read More otomatis atau untuk membuat fitur baca selengkapnya, silahkan ikuti langkah di bawah ini!

Cara Buat Auto Read More :

  • Login dulu di akun blogger sobat
  • Dari Design, klik Edit HTML dan tandai Expand Widget Template
  • Back Up terlebih dahulu template sobat.
  • Cari kode </head>
  • Tambahkan kode berikut Setelah atau di bawah kode </head>
<!-- Auto read more script Start -->
<script type='text/javascript'>
var thumbnail_mode = "yes"; //yes -with thumbnail, no -no thumbnail
summary_noimg = 430; //summary length when no image
summary_img = 340; //summary length when with image
img_thumb_height = 200;
img_thumb_width = 200;
</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 = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
<!-- Auto read more script End -->
  • Setelah itu, cari kode <data:post.body/>
  • Ganti kode <data:post.body/> dengan kode berikut :
<!-- Auto read more Start -->
<!-- http:lenterablogger.blogspot.com -->
<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>
<a class='more' expr:href='data:post.url'>Read more ...</a>
</b:if>
</b:if>
<!-- Auto read more End -->
  • Klik Preview, kalau sudah berhasil klik Save

Tambahan :
  1. summary_img adalah jumlah karakter yang akan ditampilkan dalam penggalan dengan thumbnail.
  2. summary_noimg adalah jumlah karakter yang akan ditampilkan dalam penggalan tanpa thumbnail
  3. img_thumb_height dan img_thumb_width adalah ukuran tinggi dan lebar gambar, Sobat blogger bisa menyesuaikan angka tersebut.
  4. Kata "Read more" bisa di ganti dengan kata yang sobat blogger inginkan misalnya : Baca Selengkapnya, Lebih Lengkap, Baca Lagi, Selengkapnya, dll.
 
 
Semoga Bermanfaat

Pengelola Blog : ABDUL WAHAB

Judul : Cara Buat Read More di blogspot
Ditulis oleh : Kejutan Internet pada hari
Rating Blog : 5 dari 5
Terima kasih Anda telah membaca artikel tentang Cara Buat Read More di blogspot
Anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel ini sangat bermanfaat bagi Blog dan teman-teman anda.
Namun jangan lupa harap memberikan link aktif dofollow yang mengarah ke URL ini ya
https://kejutaninternet.blogspot.com/2012/05/cara-buat-read-more-di-blogspot.html

Dan Terima kasih sekali lagi atas kunjungan Anda.

Kritik dan saran atau apapun bisa anda sampaikan melalui kotak komentar.
Dan mohon maaf jika komentar atau pertanyaan tidak bisa cepat saya respon,
karena Saya tidak bisa selalu online selama 24 Jam.


Mau Di Buatkan Blog Siap Pakai Seperti Ini ?.

Artikel Terkait

Next
« Prev Post
Previous
Next Post »