Trik Mudah membuat Read more

Trik Mudah membuat Read more

Bagi yang belum sukses membuat fungsi read more..., coba ikuti langkah berikut ini :

Langkah #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 tesxt area kosong    

      tersebut dengan kode di bawah ini :

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

    * Klik tombol Simpan Pengaturan


    Pemasangan kode ini di maksudkan agar pada saat posting artikel, kode tersebut langsung muncul tanpa harus   

    menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kode tersebut.

Langkah #2

    * Klik menu Dasboard


    * Klik Tata Letak


    * Klik tab Edit HTML


    * Klik tulisan Download Template Lengkap.


    * 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 :

                                                  <data:post.body/>

     atau kode di bawah ini (sama saja) ;

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

    * Hapus kode diatas, lalu ganti dengan kode di bawah ini (klik pada tombol untuk menandai):

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

 Cara Posting Artikel

• Klik menu Posting
• Klik menu Edit HTML, maka secara otomatis tampak kode yang telah kita setting tadi, yakni :
  
  
  <span class="fullpost">                                                                 </span>
  
  
      *  Tuliskan artikel yang ingin tampak pada blog sebelum kode :
  
  
  <span class="fullpost">
  
      * Tulis keseluruhan sisa artikel sesudah kode di atas tadi dan sebelum kode :
  
  
  </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 lihat kembali langkah     
  
  diatas
  
  Mudah-mudahan dengan adanya postingan ini tidak ada lagi yang mengalami kegagalan dalam membuat menu Read more...
  Bagi anda yang mengikuti tutorial ini dan mengalami kegagalan, jangan panik ketika blog anda menjadi amburadul
  
  (katanya begitu dalam komentar), upload kembali backup templatenya dan nanti akan kembali ke keadaan semula
  
  sebelum di edit.
  
  
  Selamat Mencoba, jangan lupa baca Basmalah terlebih dahulu.....^_^
  
  

Membuat Text Area

Membuat Text Area

Apa itu text area?. Untuk memudahkan anda memahami apa itu text area, silahkan alihkan perhatian anda ke
kolom sebelah kanan layar, di bawah tulisan Mau tuker link, ada sebuah kotak yang di dalamnya berisi text
kode-kode HTML, itulah yang di sebut text area. Nah dengan melihat contoh tadi, maka dapat kita katakan bahwa
Text area adalah area atau tempat untuk menyimpan text atau tulisan dengan membentuk area baru. Biasanya text
area ini di gunakan untuk menyimpan kode-kode HTML ataupun text lainnya agar bisa di copy oleh para pengunjung.

Untuk membuat text area, silahkan anda Copy kode di bawah ini :

<p align="center"><textarea name="code" rows="6" cols=
"20"> Tulis text ataupun kode-kode yang anda inginkan di sini,
maka nanti tulisan anda akan tampil di dalam text area </textarea></p>


Contoh Sbb :

http://kolom-tutorial.blogspot.com/2007/04/membuat-text-area.html

Keterangan : rows="6", menunjukan tinggi dari text area, jadi jika anda menginginkan text area yang tinggi maka
silahkan ganti angka " 6 tadi dengan angka yang lebih tinggi nilainya.

Cols="20", menunjukan lebar dari text area. Jika anda menginginkan text area yang lebar maka silahkan ganti
angka " 20 " tadi dengan angka yang lebih tinggi nilainya.


Text Area dengan memakai HighLight

Ada variasi lain dari membuat text area ini, yakni text area dengan menggunakan tombol highlight. dengan adanya tombol
highlight ini akan memudahkan bagi para pengunjung untuk mengcopy seluruh text ataupun kode-kode yang di berikan, karena
dengan hanya sekali tekan saja pada tombol highlight tadi, maka seluruh text ataupun kode-kode yang ada di dalamnya akan
di highlight dan tinggal di copy saja. Fasilitas ini sangat berguna tatkala text ataupun kode-kode yang di berikan dalan
jumlah yang sangat banyak dan ini akan mengurangi resiko tertinggalnya suatu text ataupun kode-kode untuk di copy. Untuk
membuat text area dengan menggunakan highlight ini silahkan anda copy kode HTML di bawah :

<div><form name="copyquot;><div align=quot;centerquot;><input onclick=quot;javascript
:this.form.txt.focus();this.form.txt.select();" type=quot;buttonquot; value=quot;Highlight Allquot;> <
/div><div align=quot;centerquot;></div><p align=quot;centerquot;><textarea style=quot;
WIDTH: 300px; HEIGHT: 144pxquot; name=quot;txtquot; rows=quot;100quot; wrap=quot;VIRTUALquot;
cols=quot;55quot;>simpan tulisan anda di sini,maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung
</textarea></p></div></form>


Sebagai Contoh :

simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan<br /> siap di copy oleh para pengunjung

Agar anda lebih memahami kode di atas, sedikit akan saya uraikan. Kode di atas mempunyai dua elemen bagian, yakni elemen
kode untuk membuat tombol yang bertuliskan Highlight All, dan yang kedua adalah elemen kode untuk membuat text area.

Elemen tombol highlight All :

1. <div align="center"> --> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika anda ingin
posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left. Dan jika ingin berada di tepi sebelah
kanan, tinggal ganti dengan kata right.


2. <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> --> kode ini artinya ketika
tombol highlight di klik, maka seluruhtext yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi anda jangan merubah tulisan ini.

3. Value="Highlight All" --> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika anda ingin merubah tulisan
ini silahkan ganti dengan kata yang anda inginkan.

Element text area :

1. <p align="center"> --> ini menunjukan bahwa text area akan berada di tengah, nah jika anda ingin text area anda berada
di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right.

2. <text style="WIDTH: 300px">-->kata "WIDTH:300px" menunjukan lebar dari text area tersebut sebanyak 300 pixel, jadi jika anda ingin

memperpendek atau memperpanjang lebar text area, anda tinggal menggantinya dengan angka yang anda inginkan. misal: "WIDTH:700px;"


3. HEIGHT: 144px --> angka "144px" menunjukan bahwa text area akan mempunyai tinggi sebesar 144 px, jadi jika anda ingin merubahnya tinggal ganti angka

tersebut dengan angka yang anda inginkan. Misal : HEIGHT:160px.


Contoh text area yang memakai tombol highlight diatas, memuat skript untuk melindungi dari right click para pengunjung. skript ini di pakai apabila anda tidak ingin tulisan-tulisan anda di copy paste oleh pengunjung.

Selamat Mencoba...Jangan Lupa Baca Basmalah Yaaa.....
Wassalam.....