pada kesempatan kali ini mari kita bahas tentang membuat redmore pada blog alias blogspot,kenapa saya katakan pada blogspot,ko,dan kenapa engga'pada wordpress juga?
wah kalao read more di wordpress tidak bisa dibuat secara otomatis, tapi dengan cara manual setiap postingan.
so..yg kita bahas kali ini cara membuat redmore otomatis getolo...
jadi kenapa di wordpress kita bahas kalau emang tidak bisa,ya mungkin ada yg bs barang kali yg sudah di juluki master blig kali ya,kalau saya kan msh gaptek,,,,,
Ok kita mulai bahasan mengenai cara membuat read more otomatis di blogspot.
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
5.Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p> seperti biasan gunakan CTRL + F untuk mempermudah pencarian. biasa nya ada 1 2 atau 3 tergantung dari template yg sobat gunakan Jika ditemukan 1 2 atau 3 dengan kode yang sama, gunakan atau ganti yang pertama.
6. selanjut nya yang anda lakukan Jika sudah ketemu silahkan anda ganti kode tersebut dengan kode dibawah ini
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
7.Finish simpan template dan lihat hasilnya
:
1. summary_noimg = 430; apabila artikel anda tanpa gambar satupun maka yang akan tampil pada halaman depan adalah 430 huruf
2. summary_img = 340; apabila artikel anda berisi gambar maka yang akan tampil pada halaman depan adalah 340 huruf dan gambar
3.img_thumb_height = 100; ini adalah ukuran tinggi gambar / thumbnail yang akan muncul di halaman depa 4.img_thumb_width = 120; sedangkan yang ini adalah lebar gambar / thumbnail di halaman depan.
5.Anda juga bisa mengubah Icon read more http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif silahkan diganti URL icon yang anda inginkan. Atau anda ingin mengubah Icon Read more tersebut menjadi tulisan saja misalnya " >> Read more ", maka anda tinggal menghapus / mengganti kode <img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img> menjadi tulisan >> Read More atau Baca selengkapnya dll.
Semoga Artikel ini bermanfaat dan membantu sobat selamat mencoba semoga berhasil
terimakasih telah berkunjung..
tunggu jangan beranjak meninggalkan laman ini,tinggalkan komentar sobat sebagai peninggalan jejak sobat,taukah sobat,berkomentar ke blog2 yg kita kunjungi dapat meningkatkan rangking pada blog kita lo...
ga'percaya buktikan aja...


wah kalao read more di wordpress tidak bisa dibuat secara otomatis, tapi dengan cara manual setiap postingan.
so..yg kita bahas kali ini cara membuat redmore otomatis getolo...
jadi kenapa di wordpress kita bahas kalau emang tidak bisa,ya mungkin ada yg bs barang kali yg sudah di juluki master blig kali ya,kalau saya kan msh gaptek,,,,,
Ok kita mulai bahasan mengenai cara membuat read more otomatis di blogspot.
Bagaimana Cara membuat Read More otomatis di blogspot?
Cara membuat read more otomatis di blogspot sangat mudah. Sebelum melangkah ke cara membuat read more otomatis di blogspot lebih baik kita tahu apa itu read more? dan apa fungsi read more? Read more dalam bahasa indonesia yaitu " Baca Selengkapnya " dan fungsi read more itu sendiri adalah meminimalis penggunaan halaman blog agar terlihat lebih rapi dan menarik. Read more otomatis ini akan memotong tampilan depan artikel yang panjang dan anda bisa menentukan berapa banyak huruf yang akan ditampilkan di halaman depan, begitu pengunjung membuka Read more atau baca selengkapnya barulah pengunjung bisa membaca artikel penuh blog anda. Sekarang lanjut ke langkah cara membuat read more otomatis di blogspot.Langkah-langkah cara membuat Read More Otomatis di Blogspot
1.Login ke blogger dengan akun blogger sobat,ingat jangat menggunakan akun twitter,atau facebook.....
2.Setelah sobat masuk ke laman dasbor Buka halaman design > Edit HTML > centang Expand template widget,klik download templatelengkap terlebihdahulu ya untuk anti sifatsi terjadi erorr,kita bisa mengembalikan template awal
3.Cari kode </head> gunakan CTRL + F untuk mempermudah pencarian
4.Paste kode berikut tepat dibawah </head>
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
5.Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p> seperti biasan gunakan CTRL + F untuk mempermudah pencarian. biasa nya ada 1 2 atau 3 tergantung dari template yg sobat gunakan Jika ditemukan 1 2 atau 3 dengan kode yang sama, gunakan atau ganti yang pertama.
6. selanjut nya yang anda lakukan Jika sudah ketemu silahkan anda ganti kode tersebut dengan kode dibawah ini
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
7.Finish simpan template dan lihat hasilnya
:
1. summary_noimg = 430; apabila artikel anda tanpa gambar satupun maka yang akan tampil pada halaman depan adalah 430 huruf
2. summary_img = 340; apabila artikel anda berisi gambar maka yang akan tampil pada halaman depan adalah 340 huruf dan gambar
3.img_thumb_height = 100; ini adalah ukuran tinggi gambar / thumbnail yang akan muncul di halaman depa 4.img_thumb_width = 120; sedangkan yang ini adalah lebar gambar / thumbnail di halaman depan.
5.Anda juga bisa mengubah Icon read more http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif silahkan diganti URL icon yang anda inginkan. Atau anda ingin mengubah Icon Read more tersebut menjadi tulisan saja misalnya " >> Read more ", maka anda tinggal menghapus / mengganti kode <img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img> menjadi tulisan >> Read More atau Baca selengkapnya dll.
Semoga Artikel ini bermanfaat dan membantu sobat selamat mencoba semoga berhasil
terimakasih telah berkunjung..
tunggu jangan beranjak meninggalkan laman ini,tinggalkan komentar sobat sebagai peninggalan jejak sobat,taukah sobat,berkomentar ke blog2 yg kita kunjungi dapat meningkatkan rangking pada blog kita lo...
ga'percaya buktikan aja...


0 komentar:
Posting Komentar
Tinggalkan jejak sobat dengan berkomentar dikolom komentar,saling menjalin persahabatan saling berbagi ilmu dan pengetahuan blogger sukses
[para blogger yg bersedia berkomentar di Media Online URL sobat akan Admin masukan ke daftar Blogger Link]