Membuat Read more... (Tulisan selengkapnya...)

Untuk menambah serasinya tampilan blog, saya mencoba melakukan beberapa hal seperti yang dilakukan para blogger senior. Untuk kali ini belajar membuat read more atau baca selengkapnya… (terserah kesukaan dari kita masing-masing untuk kalimat tersebut).

Pada template baru (XML), untuk melakukan Editting pada kode template dapat dengan menggunakan browser FireFox atau Opera. Bagi yang belum mempunyai browser FireFox bisa mendownloadnya secara gratis klik disini! dan untuk Opera bisa mendownloadnya klik disini!

Langkah membuat fungsi read more... adalah sebagai berikut:

Sesi #1.

• Sign in di blogger dengan id anda.
• Klik Pengaturan.
• Klik Format
• Pada layar paling bawah, ada text area kosong disamping tulisan Template Posting, isi text area kosong tersebut dengan kode di bawah ini :
  

<span class="fullpost"> </span>

• Klik tombol Simpan Pengaturan.

Pemasangan kode diatas maksudnya agar pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kode tersebut.

Sesi #2.

• Klik menu Dasboard.
• Klik menu Layout.
• Klik menu Edit HTML.
• Klik tulisan Download Template Selengkapnya.
• Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula.
• Beri tanda centang pada kotak di samping tulisan Expand Template Widget.
• Tunggu beberapa saat ketika proses sedang berlangsung
• Silahkan anda cari kode berikut pada kode template milik anda :

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

• Hapus kode diatas, lalu ganti dengan kode di bawah ini:

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

• Klik tombol Simpan Template.
• Selesai.

Cara Posting Artikel:

• Klik menu Posting.
• Klik menu Edit HTML, maka secara otomatis tampak kode yang telah kita setting tadi.
• Tuliskan artikel yang ingin tampak pada halaman utama blog sebelum kode :

<span class="fullpost">

• Sementara sisa artikel yang hendak disembunyikan dihalaman utama di letakkan sesudah kode di atas tadi dan sebelum kode dibawah ini:

</span>

• Klik tombol bertuliskan MEMPUBLIKASIKAN POSTING.
• Klik tulisan Lihat Blog (di jendela baru) untuk melihat hasil dari postingan kita, kemudian lihat apakah hasilnya sukses atau tidak. Jika tidak, mungkin ada bagian yang terlewatkan. Coba teliti kembali langkah diatas

Selamat bermanfaat!

Untuk melihat hasil pekerjaan diatas, jangan lupa perhatikan setting globalnya, pada Tampilkan Mode Compose untuk semua blog Anda? harus diisi dengan "Ya". Setting Global ini berlaku untuk semua blog Anda.

Selengkapnya...

Membuat Kata atau Tulisan Kelap-kelip

Selain tulisan dapat dibuat secara bergerak (berjalan), kata atau tulisan juga dapat dibuat berkelap kelip misalnya. Hal itu memang biasa ditemukan dibeberapa blog yang ada. Nah, kalau mau mencoba, tenyata caranya sangat simpel, kita tinggal menyisipkan kode HTML mengapit kata yang mau kita buat berkelap-kelip.

kode HTML tersebut yaitu:

<blink>(Kata yang ingin anda kelap kelipkan)</blink>

Contoh kalimat yg mau kita kelap kelipkan :

"Menjadikan kata (tulisan) berkelap-kelip"

Caranya kita tinggal sisipkan aja kode HTML diantara kalimat tersebut menjadi :

<blink>"Menjadikan kata (tulisan) berkelap-kelip"</blink>

Selesai sudah....

Selengkapnya...

Membuat Text (Tulisan) Berjalan

Kalimat selamat datang yang terdapat dibeberapa blog biasanya ada yang dubuat secara berjalan, misalnya dari kanan menuju kiri, dari bawah menuju ke atas, atau sebaliknya.

Nah, bagaimana cara membuatnya? yang pasti harus tau dulu seperti biasa kode HTML nya. Text berjalan ini disebut juga dengan MARQUEE. Marquee ini sebenernya tidak hanya bisa kita pakai untuk kalimat saja, tetapi gambar maupun link pun bisa digunakan marquee.

Adapaun format dasar atau kode HTML dari marquee seperti dibawah ini:

<marquee onmouseout="this.start()" direction="up" align="center" scrollamount="4" height="100px" onmouseover="this.stop()" width="100%">GAMBAR, TEXT ataupun LINK yang ingin anda buat Berjalan atau Bergerak</marquee>

Sedangkan cara memasukkan ke blog hampir sama dengan kita biasa memasukkan kode HTML, tinggal masuk ke "Layout" trus klik "Add a Page Element" nanti disitu ada menu pilihan "HTML/Javascript" masukin deh kodenya...

Keterangannya dari KODE HTML di atas :

• onmouseout="this.start()" --> text akan bergerak jika pointer tidak diarahkan ke text
• direction="left" --> text akan bergerak ke kiri. Bisa diganti dengan down, up, atau right.
• align="center" --> text rata tengah
• scrollamount="4" --> 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="100px" --> batas horizontal marquee.

Mudah-mudahan bermanfaat.

Selengkapnya...