Kamis, 24 Maret 2011

Cara Memuat Text Area

Text Box Area digunakan untuk memasukan teks bagi pengunjung, misalnya kode-kode html yang nntnya akan di copy...
Untuk membuatnya, anda tinggal copas kode berikut dan sisipkan kedalam postingan anda.

Tanpa Tombol Sellect All
<p align="center"><textarea name="code" rows="3" cols="40"> Ketik yang ingin sobat tulis disini, misal kode-kode html</textarea></p>



Pakai Tombol Sellect All
<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Sellect All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 400px; HEIGHT: 80px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Ketik yang ingin sobat tulis disini, misal kode-kode html</textarea></p></div></form>

Cara Membuat Kode Warna

Langkah 1 :

1. Login ke blogger.
2. kalau sudah masuk ke Dasbor, klik Tata Letak.
3. masuk ke Elemen Halaman
4. Klik Tambah Widget
5. Pilih HTML/Java Sript
6. Masukkan kode Java Script di bawah ini :
7.Klik Simpan

Langkah 2 :

1. Buat satu postingan baru.
2. Masukkan kode HTML di bawah ingi :

3. Klik Terbitkan Entri.
Selesai

Cara Membuat Read More

Berikut ini langkah-langkah untuk membuat read more blogger

    * Silakan login ke blogger , klik link Layout (Tata Letak) kemudian klik link Edit HTML
    * Aktifkan list Expand Template Widget, agar source script template blogger na terlihat secara keseluruhan.
    * Tepat di atas atau sebelum tag </head> masukkan kode berikut seperti ini:
      <style>
      <b:if cond='data:blog.pageType == "item"'>
      span.hidenpost {display:inline;}
      div.hidenpost {display:inline;}
      <b:else/>
      span.hidenpost {display:none;}
      div.hidenpost {display:none;}
      </b:if>
      </style>
    * Cari <data:post.body/> dan tambahkan kode berikut tepat dibawahnya:
      <b:if cond='data:blog.pageType != "item"'>
      <a expr:href='data:post.url'> Baca selengkapnya <data:blog.pageTitle/></a>
      </b:if>
    * Selesai. Sekarang setiap posting letakkan
      <span class="hidenpost"> sisa postingan yang akan dihiden, akhiri dengan </span> (ketika memasukkan <span class="hidenpost"> dan </span> posting harus dalam mode Edit HTML bukan Compose ) pastikan juga diantara <span class="hidenpost"> dan </span> tidak boleh ada <span> jika tidak bisa dihindarkan gunakan <div class="hidenpost"> dan </div>
      demikian juga sebaliknya