Macam-MacamTeks Area

Hallo blogger :) Hari ini saya akan memberikan macam macam teks are. Menurut blogger,teks area itu apa ya? Menurut saya teks area itu untuk menampilkan daerah untuk sebuah teks.
Biasanya fungsinya itu untuk menempatkan script,tuker tuker link,dll.
Udah penasaran ya ? :p

Berikut cara membuat dan macam-macam teks area :

• Contoh tampilan Text Area yang Pertama:
  Text Area Standart
  
  Kode scriptnya:
  
  <textarea>Your Text Here</textarea>
  
  
• Contoh tampilan Text Area yang Kedua:
  Text Area dengan pengaturan ukuran
  
  Kode scriptnya:
  
  <textarea cols="20" rows="5">Your Text Here</textarea>
  
  
• Contoh tampilan Text Area yang ketiga:
  
  
  Kode scriptnya:
  
  <input type="password" value="Your Text Here" >
  
  
• Contoh tampilan Text area yang keempat:
  Text Area dengan garis putus-putus
  
  Kode scriptnya:
  
  <textarea cols="20" rows="5" style="border: 2px dashed ;">Your Text Here</textarea>
  
  
• Contoh tampilan Text Area yang kelima:
  Text Area dengan block otomatis, silahkan klik tulisan ini untuk mencoba
  
  Kode scriptnya:
  
  <textarea rows="5" cols="25" onclick="this.focus(); this.select();">Your Text Here</textarea>
  
  
• Contoh tampilan Text Area yang keenam:
  
  Text Area dengan tombol highlight
  
  
  Kode scriptnya:
  
  <div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Your Text Here</textarea></p></div></form>
  
  Sekian dari saya,semoga bermanfaat :)
  

Cara Membuat Read More Pada Blog Anda

Sebenarnya mudah saja untuk membuat read more pada blogspot anda.Jika ada kemauan,ketelitian dan usaha,anda akan mampu membuatnya dengan sangat mudah.

Langsung saja kita ketahui. Berikut langkah-langkahnya :

• Pertama, anda login ke www.blogger.com
• Klik link layout (Tata Letak) Kemudian klik edit HTML
• Aktifkan list Expand Template Widget, agar source script template blogger nya 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'> Read more ...</a>
</b:if>
• Selesai,tapi tunggu dulu. Masih ada lagi.
• <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. Gantilah Read more tersebut dengan kode HTML Read more, widget AddThis, atau yang lainnya. Atur juga margin atasnya disesuaikan dengan keinginan kamu (tidak harus 5px). Dan jika kamu ingin meletakkan Read more tersebut berada di tengah, ganti saja right-nya dengan center.                         
• Selesai. Semoga Berhasil :)