donyseptyono.com

Bikin Expandable bagi Blogger Pemula

Posting ini aku buat sebagai tutor aja bagi para blogger pemula yang ada di seluruh Indonesia. Bukannya sombong ataupun besar kepala tetapi hanya sebagai penyaluran ilmu. sebelum dapat menulis posting ini aku aja tanya-tanya ma om fandi dia aku anggap sebagai guru blogku karena sejak aku diperkenalkan dalam dunia blog dialah yang sering mengajari aku tentang seluk beluk dalam dunia blogger. yah…. kok malah curhat. kembali ke topik semula yaitu cara membuat expandable post. Cara membuat Expandable ga sulit- sulit amat kok yang penting kita mau berusaha dan juga mau mempraktekannya. ini dia cara-caranya

Biar postingan di blogspot ditampilin sebagian, pertama yang dilakukan adalah mengedit html dari layout, kemudian menambah tag pada setiap kali posting.

1. Login ke blogger.com, pilih blog yang akan di edit, klik link Layout kemudian klik tab Edit HTML.
2. Tandai/aktifkan/centang Expand Widget Templates, biar template bisa diedit secara keseluruhan.
3. Masukkan kode berikut sebelum tag </head> atau tepat sesudah kode } ]]></b:skin> (perhatian: pada beberapa template, kode yang persis seperti } ]]></b:skin> ini mungkin tidak ada, anda bisa mencari kode ]]></b:skin> atau </b:skin> saja):
   <style>
   <b:if cond=’data:blog.pageType == “item”‘>
   span.fullpost {display:inline;}
   <b:else/>
   span.fullpost {display:none;}
   </b:if>
   </style>
4. Selanjutnya, supaya postingan terpotong, tambahkan kode di bawah ini tepat setelah kode <p><data:post.body/></p> (atau <data:post.body/>) (kalo males carinya gunakan fungsi find dengan cara menekan ctrl+f pada keyboard) dalam template kamu:
   <b:if cond=’data:blog.pageType != “item”‘>
   <a expr:href=’data:post.url’> Read More..</a>
   </b:if>
   Kamu bisa mengganti tulisan Read More.. pada kode di atas dengan baca selengkapnya, selengkapnya, atau terserah kamu.
5. Nah supaya terpotong, setiap kali kamu posting, tambahkan kode <span class=”fullpost”> di bawah sebagian tulisan postingan yang ingin ditampilkan, kemudian tambahkan kode </span> di bawah sisa postingan sampai selesai. Untuk menambahkan kode ini, ketika posting kamu harus dalam mode Edit HTML bukan Compose
6. Contoh cara penulisan posting dengan Read More:
   Tidak ketinggalan Berita dengan RSS Aggregator
   Ada program yang dikenal dengan sebutan RSS Aggregator. Program RSS aggregator merupakan sebuah aplikasi yang memungkinkan kita untuk melihat headline beserta link ke isi berita dari sebuah situs penyedia berita. Caranya cukup mudah. <span class=”fullpost”>
   * Gunakan RSS Aggregator. Misalnya, program i-System yang bisa diperoleh di www.feedreader.com
   * Tentukan sumber berita yang Anda inginkan. Misalnya dari Yahoo News atau Detik.Com. Namun, beberapa situs lokal cenderung memproteksi isi headline-nya. Secara default, i-System sudah menyediakan banyak link ke situs-situs yang menyediakan fasilitas RSS atau biasa disebut RSS feed. Klik icon New di toolbar. Setelah muncul sebuah kotak dialog alamat RSS, isilah dengan alamat situs sumber RSS pilihan Anda. Klik Next dan ikuti langkah-langkahnya.
   * Feedreader secara otomatis akan memeriksa headline terbaru dan menampilkannya di desktop Anda. Anda juga bisa mengatur interval waktu,kapan feedreader harus memeriksa dan menampilkan headline terbaru atau refresh time. Namun, berdasarkan etika di dunia internet, ada batas waktu minimum untuk refresh RSS, yakni 90 menit. </span>
7. Hasil postingannya
   Tidak ketinggalan Berita dengan RSS Aggregator
   Ada program yang dikenal dengan sebutan RSS Aggregator. Program RSS aggregator merupakan sebuah aplikasi yang memungkinkan kita untuk melihat headline beserta link ke isi berita dari sebuah situs penyedia berita. Caranya cukup mudah. Read More!

Sekarang dah tau toh ayo sekarang praktekan kok malah bengong aja seh!!!!!!!!!!!!!!!!!!!!!!!!!!!!