Tampilkan postingan dengan label blogger. Tampilkan semua postingan
Tampilkan postingan dengan label blogger. Tampilkan semua postingan

Sebuah trik mensiasati blogger agar mau memenggal artikel yg terlalu panjang. dan tidak menampilkan semua di halaman utama.
aseli bikinan agusmade

Kayaknya ini sangat penting dan banyak sekali para blogger mengharapkan fitur ini difasilitasi oleh blogger, tapi entah mengapa blogger belum memfasilitasinya. Kalo pada wordpress kita cukup memberi tag html sederhana seperti ini :

 <!--more-->

sedangkan diblogger gak ada.
Tapi jangan kecewa dulu, artikel ini saya post untuk menangani masalah ini. Setelah saya telusuri helpnya blogger, akhirnya saya ketemu cara (baca: akal-akalan) yang disarankan untuk melakukannya.

Kita mulai, Pada dasarnya metode ini hanyalah akal-akalan penampilan saja, artinya tulisan lengkap hanya tidak di tampilkan, bukan tidak ada. Namun setidaknya dapat mengatasi masalah capek-nya pengguna hanya untuk menggulung layar di halaman utama blog anda hanya untuk melihat 5 sampai 10 blog yang tampil, dihalaman utama.
Pengguna hanya akan melihat summary pada setiap post yg ada dihalaman utama dan dapat membaca selengkapnya tulisan tersebut pada halaman terpisah, hanya dengan mengklik tulisan "Baca Selengkapnya!",
Bagaimana cara membuatnya?

Berikut adalah langkah demi langkah melakukan hal ini :

Edit CSS template blog anda
Setelah anda login diblogger Pilih seting TataLetak | trus Edit HTML (ini kalo blogger anda disetting Bahasa Indonesia, kalo nggak cari aja link yang maksudnya sama), setelah itu, untuk jaga-jaga jangan lupa backup dulu template anda dengan mengklik tulisan Download Template Lengkap lalu simpan. seandainya ada kesalahan dalam utak-atik, anda dapat menguploadnya kembali.

beri tanda Cek pada CheckBox "Expand Template Widget" biar semuanya kelihatan.
terus cari tulisan
</head>
lalu ketikkan kode beriku ini diatasnya:

 <style>
  <b:if cond='data:blog.pageType == "item"'>
   span.fullpost {display:inline;}
  <b:else/>
   span.fullpost {display:none;}
  </b:if>
 </style>

tujuannya adalah mengatur kondisi penampilan pada keadaan : jika hanya artikel tersebut yang ditampilkan maka bagian yang ada didalam "span" dengan "class=fullpost" akan ditampilkan, selain itu tidak.

Tambahkan Link pada Tiap Akhir Artikel di halaman Utama
selanjutnya cari tulisan :
<data:post.body/>
ketikan kode berikut dibawahnya :

 <b:if cond='data:blog.pageType != "item"'>
  <a expr:href='data:post.url' target='_blank'>Baca Selengkapnya !</a>
 </b:if>

tujuannya adalah tulisan "Baca Selengkapnya !" -- yang bisa di klik untuk membaca artikel selengkapnya --, pada setiap akhir artikel dihalaman utama.
Selanjutnya simpan template anda dengan mengkli tombol "SIMPAN TEMPLATE".

Edit Semua Post yang ingin dipenggal
Nah, ini adalah bagian yang paling menyebalkan.
kita harus mengedit setiap Artikel yang sudah kita kirim untuk menentukan sampai dimana summary artikel kita.
Lakukan pengeditan berikut dalam mode HTML.

Tentukan bagian pemenggalan artile anda, dan beri tag berikut :

 Ini adalah contoh bagian summary artikel 
 dan akan tampil di halaman utama.
 <span class=fullpost>
  Dan ini adalah kelanjutan-nya, 
  dan bagian ini tidak akan tampil di halaman utama
 </span>

Perhatikan kode di atas, bagian yang ada dibuka dengan "<span class=fullpost>" dan ditutup dengan "</span>" tidak akan tampil pada halaman utama.

Saat pengguna meng-klik tulisan Baca Selengkapnya! maka web akan membuka window baru dan menampilkan seluruh artikel.
Sudah selesai, ohya, Anda dapat memodifikasinya, misalnya hilangkan tulisan target='_blank' biar tidak selalu membuka window baru, atau ganti tulisan "Baca Selengkapnya!" dengan kata2 lain sesuai selera.

Artikel ini sudah saya coba di sini dan berhasil. selamat mencoba.

Terima kasih
Agus Made K http://agusmade.blogspot.com

 

More

Label

3D (1) blogger (1) Canvas (2) cerita pribadi (4) cms (1) coreldraw (1) delphi (6) freeware (1) GLScene (1) gps (1) HTML5 (2) humor (1) library (1) mysql (4) OLE/DDE (1) online tools (2) oop (2) OpenGL (1) photoshop (2) php (1) PJU (2) project (4) referensi (1) software (9) tamzbackup (1) tutorial dasar (8) zeos (3)