Membuat Tag Read More >>>

Rupanya..masih banyak yang kebingungan tentang cara membuat readmore di blogger. Artikel kursus blog yang dulu tentang cara buat read more memang agak sedikit membingungkan. Karena penyampaian isinya bisa dibilang terlalu rumit untuk di pahami para blogger yang baru.

Sebenernya cara mudah buat read more di blogspot ini tidak jauh beda dengan cara buat readmore di artikel yang dulu. Cuma..pada edisi kali ini, saya akan coba membahasnya dengan simple. Mudah - mudahan aja para blogger baru bisa lebih mengerti.

Ok..langsung aja ke materi. Cara mudah buat readmore ini ada dua tahap.

Tahap 1 - Edit HTML

Langkah pertama silahkan login di blogger dan pilih blog yang akan di pasang read more ini. Kedua, masuk ke menu edit html, lalu checklist kolom expand template widget kemudian cari kode html seperti ini :

<data:post.body> atau <p><data:post.body></p>

Ketiga, hapus kode tersebut lalu ganti dengan kode yang ini :

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More .. </a>
</b:if>

Silahkan ganti text read more nya terserah anda. Kalo blog kursus blog ini pake baca selanjutnya. Jika sudah save template

Tahap 2 - Cara Posting

Setelah bagian edit html beres, sekarang saatnya untuk cara posting artikel dengan menggunakan read more. Langkah pertama, Silahkan buat postingan sampe selesai dulu. Kedua, tentukan paragraf yang akan di tampilkan kemudian pasang kode ini dibawah paragraf tersebut :

<span class="fullpost">

Ketiga, pasang kode berikut di akhir postingan

</span>

Udah ngerti kan...??. Ok kalo masih belum saya kasih gambarannya

Paragraf postingan yang akan ditampilkan disini

<span class="fullpost">

Postingan yang ditampilkan setelah read more di klik disini

</span>

Mudah - mudahan pada ngerti ya....kalo masih lom ngerti juga, wah bener2 deh...

Peace ah.....salam blogger

Cara Membuat Text Bergerak

Sebelum saya membahas mengenai marquee, saya akan berbicara sedikit mengenai apa itu marquee. Seperti judul postingan di atas, Marquee adalah Text Bergerak. Masih belum ngerti juga....?? silahkan lihat di bagian sidebar blog ini yang judulnya kerabatku.

Nah...pastinya kalo sudah liat itu sobat pasti tau apa itu marquee. OK.....sekarang saatnya bagaimana cara membuat marquee tersebut. Eittt tapi tunggu dulu...sebagai pengetahuan sobat saja, marquee bisa digunakan untuk text bergerak, link, dan gambar. Dan juga marque bisa digunakan di semua bagian blog. Tentunya....sobat harus tahu dulu bagaimana cara bikinnya . Ok..deh kita mulai aja.

Format dasar Marquee
Sebuah marquee mempunyai format seperti berikut :

<marquee onmouseout="this.start()" direction="up" align="center" scrollamount="2" height="100px" onmouseover="this.stop()" width="100%">TEXT atau LINK atau URL gambar anda</marquee>

Nah....pada kata yang berwarna biru itu, silahkan ganti dengan Text / Link / Url Gambar yang akan sobat jadikan supaya bergerak.

Berikut keterangan dari kode HTML diatas :

* onmouseout="this.start()" --> text akan bergerak jika pointer tidak diarahkan ke text
* direction="up" --> text akan bergerak ke atas. Bisa diganti dengan down, left, atau right.
* align="center" --> text rata tengah
* scrollamount="2" --> kecepatan bergerak (makin besar angka berarti makin cepat)
* height="100px" --> batas vertikal marquee.
* onmouseover="this.stop()" --> marquee akan berhenti ketika mouse diarahkan ke zona marquee tersebut.
* width="200px" --> batas horizontal marquee.

Nah....sekarang bisa khan membuat marquee....?. Sebagai contoh, silahkan sobat copy paste kode berikut dan masukan pada blog sobat.

<marquee onmouseout="this.start()" direction="up" align="center" scrollamount="2" height="100px" onmouseover="this.stop()" width="100%"><a href="http://kursus-blog.blogspot.com" target="_blank" alt="Kursus Blog">Kursus Blog</a></marquee>

Ket:
* Marquee tsb menggunakan link. Kalo sobat belum tahu cara buat link silahkan ikuti bagaimana cara buat link.
* Saya sarankan untuk mempermudah sobat mempraktekkan marquee tsb, sobat simpan di sidebar blog sobat. Caranya klik layout pilih page element lalu add new page element kemudian pilih html/javascript, lalu paste kode diatas.

Selamat mencoba........Good Luky.....