Akhirnya saya menemukan di internet cara membuat Read More Otomatis di postingan artikel Blogspot. Fitur Read More ini biasanya difungsikan untuk menjadikan Blog kita lebih ringan pada saat di-load pertama kali oleh pengunjung, terutama untuk Blog yang mempunyai tampilan yang penuh dengan gambar,dengan fitur Read More ini yang ditampilkan hanya sebagian kecil dari paragraf pertama artikel postingan anda, dan disertai dengan satu buah gambar yang berupa thumbnail sehingga louding dari Blog anda pada saat pertama kali dibuka oleh pengunjung menjadi lebih cepat, itu menurut pemikiran saya, mungkin saja ada fungsi-fungsi yang lain.
Dimana untuk membuat Read More pada Blogspot hanya memerlukan 2 langkah mudah dengan cara memasang 2 buah script saja di templete HTML Blogspot anda dan secara otomatis semua artikel postingan blog anda dari yang paling lama sampai yang terbaru akan di tampilkan sebagian saja sesuai dengan settingan pada script Read More yang anda lakukan seperti contoh pada Blog saya ini. Pada cara ini anda dapat mengatur berapa karakter huruf yang akan ditampilkan pada postingan di halaman depan Blog anda, dan juga anda dapat menentukan besar kecilnya thumbnail gambar yang akan ditampilkan hanya dengan merubah sedikit nilai angka yang terdapat di dalam script Read More.
Namanya juga Script Read More otomatis, yang setelah anda pasang di templete Blog anda pastinya secara otomatis pula tampilan artikel Blog anda menjadi berubah memiliki fitur Read More tsb.
Begini caranya memasang script Read More Otomatis di Blogspot :
1.Buka Dasbord Blog anda, kemudian pilih Tata letak, lalu pilih Edit HTML
Centang pada pilihan Expand Template Widget untuk membuka semua code-code tersembunyi di dalam templete Blog anda.
Cari dan dapatkan code ini:
</HEAD>
Kemudian tandai dan langsung ganti dengan code ini :
Tulisan Read More pada Script di atas bisa anda ganti dengan kata-kata yang lain, Sudah Selesai lalu simpan perubahannya! Dan sekarang coba anda lihat hasilnya
Sumber : http://www.dunia-galang.co.cc/
Kamis, 10 Februari 2011
Akhirnya saya menemukan di internet cara membuat Read More Otomatis di postingan artikel Blogspot. Fitur Read More ini biasanya difungsikan untuk menjadikan Blog kita lebih ringan pada saat di-load pertama kali oleh pengunjung, terutama untuk Blog yang mempunyai tampilan yang penuh dengan gambar,dengan fitur Read More ini yang ditampilkan hanya sebagian kecil dari paragraf pertama artikel postingan anda dan disertai dengan satu buah gambar yang berupa thumbnail sehingga louding dari Blog anda pada saat pertama kali dibuka oleh pengunjung menjadi lebih cepat, itu menurut pemikiran saya, mungkin saja ada fungsi-fungsi yang lain.
Dimana untuk membuat Read More pada Blogspot hanya memerlukan 2 langkah mudah dengan cara memasang 2 buah script saja di templete HTML Blogspot anda dan secara otomatis semua artikel postingan blog anda dari yang paling lama sampai yang terbaru akan di tampilkan sebagian saja sesuai dengan settingan pada script Read More yang anda lakukan seperti contoh pada Blog saya ini. Pada cara ini anda dapat mengatur berapa karakter huruf yang akan ditampilkan pada postingan di halaman depan Blog anda, dan juga anda dapat menentukan besar kecilnya thumbnail gambar yang akan ditampilkan hanya dengan merubah sedikit nilai angka yang terdapat di dalam script Read More.
Namanya juga Script Read More otomatis, yang setelah anda pasang di templete Blog anda pastinya secara otomatis pula tampilan artikel Blog anda menjadi berubah memiliki fitur Read More tsb.
Begini caranya memasang script Read More Otomatis di Blogspot :
1.Buka Dasbord Blog anda, kemudian pilih Tata letak, lalu pilih Edit HTML
Centang pada pilihan Expand Template Widget untuk membuka semua code-code tersembunyi di dalam templete Blog anda.
Cari dan dapatkan code ini:
</head>Dimana untuk membuat Read More pada Blogspot hanya memerlukan 2 langkah mudah dengan cara memasang 2 buah script saja di templete HTML Blogspot anda dan secara otomatis semua artikel postingan blog anda dari yang paling lama sampai yang terbaru akan di tampilkan sebagian saja sesuai dengan settingan pada script Read More yang anda lakukan seperti contoh pada Blog saya ini. Pada cara ini anda dapat mengatur berapa karakter huruf yang akan ditampilkan pada postingan di halaman depan Blog anda, dan juga anda dapat menentukan besar kecilnya thumbnail gambar yang akan ditampilkan hanya dengan merubah sedikit nilai angka yang terdapat di dalam script Read More.
Namanya juga Script Read More otomatis, yang setelah anda pasang di templete Blog anda pastinya secara otomatis pula tampilan artikel Blog anda menjadi berubah memiliki fitur Read More tsb.
Begini caranya memasang script Read More Otomatis di Blogspot :
1.Buka Dasbord Blog anda, kemudian pilih Tata letak, lalu pilih Edit HTML
Centang pada pilihan Expand Template Widget untuk membuka semua code-code tersembunyi di dalam templete Blog anda.
Cari dan dapatkan code ini:
Kemudian tandai dan langsung ganti dengan code ini :
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://blogergadgets.googlecode.com/files/excerpt.js' type='text/javascript'/>
</head>
Angka-angka di atas bisa anda modifikasi sesuai dengan keinginan anda,2.Setelah yang tadi beres, sekarang cari dan dapatkan Code ini :
<data:post.body/>Kemudian tandai dan langsung ganti dengan Code ini :
<b:if cond='data:blog.pageType == "item"'>
<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>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span>
</b:if>Tulisan Read More pada Script di atas bisa anda ganti dengan kata-kata yang lain, Sudah Selesai lalu simpan perubahannya! Dan sekarang coba anda lihat hasilnya
Sumber : http://www.dunia-galang.co.cc/
READ MORE LEBIH RINGAN
Bagi para sobat yang gemar menyingkat artikel dengan fasilitas Read more atau Baca selengkapnya seperti yang telah saya terangkan pada artikel terdahulu, Sekarang ada cara membuat menu Read more yang saya sebut dengan Read more versi baru. Kenapa demikian? karena menu Read more kali ini sedikit berbeda dengan yang saya terangkan pada artikel yang telah lalu.
Fasilitas Read more kali ini di buat oleh Ramani dan Hans. Kelebihannya yaitu ketika pembaca mengklik link Read more, maka keseluruhan artikel bisa terbuka tanpa harus me-loading ulang yang terkadang membuat BT pembaca yang koneksi internetnya rada lelet ( jadi malu, padahal blog saya berat banget untuk di loading), selain itu untuk artikel yang pendek, tulisan readmore nya bisa di hapus sehingga tidak mengganggu pemandangan seperti yang di keluhkan sobat yuki beberapa waktu lalu yang merasa terganggu karena tulisan readmore selalu muncul walaupun pada artikel yang pendek.
Tapi sayang kode-kode berikut ini hanya berlaku bagi sobat yang memakai template baru saja dan untuk yang memakai template klasik saya ucapkan Kaciaaaaaan deeeeehhh (padahal blog ini pun pake template klasik jadi ga bisa pake ini).
Untuk menyingkat tulisan agar tidak terlalu dipenuhi dengan intermezo yang sedikit membuat bete and ngeselin, langsung saja untuk membuat read more versi baru ini silahkan ikuti langkah-langkah berikut ini :
Fasilitas Read more kali ini di buat oleh Ramani dan Hans. Kelebihannya yaitu ketika pembaca mengklik link Read more, maka keseluruhan artikel bisa terbuka tanpa harus me-loading ulang yang terkadang membuat BT pembaca yang koneksi internetnya rada lelet ( jadi malu, padahal blog saya berat banget untuk di loading), selain itu untuk artikel yang pendek, tulisan readmore nya bisa di hapus sehingga tidak mengganggu pemandangan seperti yang di keluhkan sobat yuki beberapa waktu lalu yang merasa terganggu karena tulisan readmore selalu muncul walaupun pada artikel yang pendek.
Tapi sayang kode-kode berikut ini hanya berlaku bagi sobat yang memakai template baru saja dan untuk yang memakai template klasik saya ucapkan Kaciaaaaaan deeeeehhh (padahal blog ini pun pake template klasik jadi ga bisa pake ini).
Untuk menyingkat tulisan agar tidak terlalu dipenuhi dengan intermezo yang sedikit membuat bete and ngeselin, langsung saja untuk membuat read more versi baru ini silahkan ikuti langkah-langkah berikut ini :
- Sig in di blogger dengan id sobat
- Klik menu layout
- Klik menu Edit HTML
- Klik tulisan Download Template lengkap, silahkan save dulu template sobat, ini untuk mencegah resiko apabila terjadi kesalahan dalam melakukan kesalahan dalam proses editing template
- Klik kotak kecil di samping tulisan Expand Template Widget, sekali lagi jangan lupa untuk memberi tanda centang dulu yah
- Tunggu beberapa saat sampai proses selesai
- Copy kode berikut, lalu paste tepat di atas kode
</head> - Tambahkan kode berikut pada kode template sobat, yang berwarna hitam adalah kode asli dari kode template dan yang berwarna merah adalah kode yang harus di tambahkan :
- Klik tombol SIMPAN TEMPLATE
<script type='text/javascript' src='http://amen24.googlepages.com/Readmore.js' />
<h3 class='post-title'> <b:if cond='data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </h3> </b:if> <div class='post-header-line-1'/> <div class='post-body' expr:id='"post-" + data:post.id'> <b:if cond='data:blog.pageType == "item"'> <p><data:post.body/></p> <b:else/> <style>#fullpost {display:none;}</style> <p><data:post.body/></p> <span id='showlink'> <p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p> </span> <span id='hidelink' style='display:none'> <p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan saja...</a></p> </span> <script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script> </b:if> <div style='clear: both;'/> <!-- clear for photos floats --> </div> </div> .... rest of template code ....
- Klik menu Pengaturan
- Klik menu Format
- Copy kode berikut lalu paste pada kotak kosong yang berada di samping tulisan Template posting
- Klik tombol Simpan Setting
- Selesai.
<span id="fullpost"> </span>
Cara posting artikel :
Pada saat berada pada menu posting, pilih tombol yang Edit HTML jangan pilih yang tombol Compose, maka akan secara otomatis terlihat kode tadi di atas yaitu :
<span id="fullpost"></span>
Simpan artikel yang mau di tampilkan di muka (ringkasannya) di atas kode
<span id="fullpost">, dan sisa keseluruhan artikel di simpan sesudah kode <span id="fullpost"> dan sebelum kode </span>.Untuk artikel yang pendek, sobat tinggal menghapus kode tadi dan nanti artikel muncul tanpa ada kode [+/-] Selengkapnya… dan [+/-] Ringkasan saja….
Untuk contoh nyata saya sudah membuat blog yang sudah memakai sistem ini, silahkan sobat klik tulisan [+/-] Readmore… untuk membuka keseluruhan artikel, dan klik tulisan [+/-] Summary only… Untuk melihat ringkasan artikel. Silahkan sobat klik di sini !.
Selamat mencoba !
Sumber : Kang Rohman
Rabu, 09 Februari 2011
BUAT READMORE OTOMATIS PADA BLOGSPOT
Akhirnya saya menemukan di internet cara membuat Read More Otomatis di postingan artikel Blogspot. Fitur Read More ini biasanya difungsikan untuk menjadikan Blog kita lebih ringan pada saat di-load pertama kali oleh pengunjung, terutama untuk Blog yang mempunyai tampilan yang penuh dengan gambar,dengan fitur Read More ini yang ditampilkan hanya sebagian kecil dari paragraf pertama artikel postingan anda, dan disertai dengan satu buah gambar yang berupa thumbnail sehingga louding dari Blog anda pada saat pertama kali dibuka oleh pengunjung menjadi lebih cepat, itu menurut pemikiran saya, mungkin saja ada fungsi-fungsi yang lain.
Dimana untuk membuat Read More pada Blogspot hanya memerlukan 2 langkah mudah dengan cara memasang 2 buah script saja di templete HTML Blogspot anda dan secara otomatis semua artikel postingan blog anda dari yang paling lama sampai yang terbaru akan di tampilkan sebagian saja sesuai dengan settingan pada script Read More yang anda lakukan seperti contoh pada Blog saya ini. Pada cara ini anda dapat mengatur berapa karakter huruf yang akan ditampilkan pada postingan di halaman depan Blog anda, dan juga anda dapat menentukan besar kecilnya thumbnail gambar yang akan ditampilkan hanya dengan merubah sedikit nilai angka yang terdapat di dalam script Read More.
Namanya juga Script Read More otomatis, yang setelah anda pasang di templete Blog anda pastinya secara otomatis pula tampilan artikel Blog anda menjadi berubah memiliki fitur Read More tsb.
Begini caranya memasang script Read More Otomatis di Blogspot :
1.Buka Dasbord Blog anda, kemudian pilih Tata letak, lalu pilih Edit HTML
Centang pada pilihan Expand Template Widget untuk membuka semua code-code tersembunyi di dalam templete Blog anda.
Cari dan dapatkan code ini:
</head>Dimana untuk membuat Read More pada Blogspot hanya memerlukan 2 langkah mudah dengan cara memasang 2 buah script saja di templete HTML Blogspot anda dan secara otomatis semua artikel postingan blog anda dari yang paling lama sampai yang terbaru akan di tampilkan sebagian saja sesuai dengan settingan pada script Read More yang anda lakukan seperti contoh pada Blog saya ini. Pada cara ini anda dapat mengatur berapa karakter huruf yang akan ditampilkan pada postingan di halaman depan Blog anda, dan juga anda dapat menentukan besar kecilnya thumbnail gambar yang akan ditampilkan hanya dengan merubah sedikit nilai angka yang terdapat di dalam script Read More.
Namanya juga Script Read More otomatis, yang setelah anda pasang di templete Blog anda pastinya secara otomatis pula tampilan artikel Blog anda menjadi berubah memiliki fitur Read More tsb.
Begini caranya memasang script Read More Otomatis di Blogspot :
1.Buka Dasbord Blog anda, kemudian pilih Tata letak, lalu pilih Edit HTML
Centang pada pilihan Expand Template Widget untuk membuka semua code-code tersembunyi di dalam templete Blog anda.
Cari dan dapatkan code ini:
Kemudian tandai dan langsung ganti dengan code ini :
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://blogergadgets.googlecode.com/files/excerpt.js' type='text/javascript'/>
</head>
Angka-angka di atas bisa anda modifikasi sesuai dengan keinginan anda,2.Setelah yang tadi beres, sekarang cari dan dapatkan Code ini :
<data:post.body/>
Kemudian tandai dan langsung ganti dengan Code ini :
<b:if cond='data:blog.pageType == "item"'>
<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>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span>
</b:if>
Tulisan Read More pada Script di atas bisa anda ganti dengan kata-kata yang lain, Sudah Selesai lalu simpan perubahannya! Dan sekarang coba anda lihat hasilnya
Sumber : http://www.dunia-galang.co.cc/
Langganan:
Postingan (Atom)