Cara Membuat Text Area

Selasa, 12 Januari 2010
Cara Membuat Text Area - Text area (menaruh tulisan atau kode di dalam kotak). Jika anda bingung silahkan lihat contoh berikut ini :



Untuk memasang text area seperti di atas, anda tinggal memasang kode berikut ini :

<p align="center"><textarea name="code" rows="6" cols="20"> di sini tempat menaruh kode atau text yang akan tampil di dalam text area, ganti sesuai yang diinginkan </textarea></p>

Selamat mencoba!
READ MORE - Cara Membuat Text Area

Membuat Buku Tamu atau Shoutbox


Membuat Buku Tamu atau Shoutbox - Hampir setiap blog punya buku tamu atau shoutbox. Dimana fungsi utamanya adalah biar pengunjung dapat meninggalkan pesan dan sebagai bahan interaksi dan jalinan silaturrahmi yang wajar dilakukan oleh para blogger. Lantas bagaimana cara buatnya, untuk itu silahkan anda ikuti langkah-langkah Membuat Buku Tamu atau Shoutbox berikut ini :

  1. Buka alamat http://www.shoutmix.com
  2. Anda harus daftar terlebih dahulu dengan cara mengklik tulisan Get One noe, free>>, ataupun dengan mengklik tulisan Sign Up, silahkan anda tulis data-data anda pada form yang telah di sediakan.
  3. Jika sudah tedaftar, dan di terima jadi anggota shoutmix, silahkan anda login dengan id anda
  4. Pada kolom yang berjudul Style, klik menu appearance.
  5. Silahkan klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu anda, silahkan pilih yang sesuai dengan keinginan anda. Jika sudah selesai klik Save Setting.
  6. Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start
  7. Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan
  8. Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu simpan di program Notepad anda
  9. Klik Log out yang berada di atas layar anda untuk keluar dari halaman shoutmix anda. Silahkan close situs tersebut.
  10. Selesai
Setelah anda mendapatkan kodenya, selanjutnya adalah pemasangan di blog kita:

  1. Silahkan Login ke blog kita
  2. Klik menu Layout
  3. Klik Page Element
  4. Klik Add a Page Element
  5. Klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript
  6. Tuliskan judul shoutbox anda pada form title. Contoh : Buku tamu ku, atau my guestbook atau apa saja yang anda suka
  7. Copy paste kode HTML shoutbox anda di dalam form Content
  8. Klik tombol Save Changes
  9. Drag & Drop element yang telah anda buat tadi di tempat yang di sukai
  10. Tekan tombol Save
  11. Selesai
Selamat anda telah memiliki buku tamu !
READ MORE - Membuat Buku Tamu atau Shoutbox

Membuat Scroll Untuk Daftar Link


Membuat Scrol Untuk Daftar Link - Kadang kalau teman kita banyak atau yang mau kita pasang linknya di blog kita daftarnya banyak, bisa membuat blog kita jadi jelek. Karena tertalalu panjang. Untuk itu memasang atau membuat scroll untuk daftar link (blogroll) akan dapat mempercantik blog anda. Bagaimana caranya? langsung saja :

1. Ke Edit HTML, centang "Expand Template Widget" lalu cari kode berikut :

<b:widget id='LinkList2' locked='false' title='Blogroll' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul> <b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

2. Masukkan kode berikut diatas <div class='widget-content'>

<div style="border: 0px; overflow: auto; width: 150px; height: 200px; text-align: center; background:#FFFFFF;">

3. Lalu taruh kode </div> di atas kode </b:includable>

Kode secara lengkap akan seperi ini:

<b:widget id='LinkList2' locked='false' title='Blogroll' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div style='border: 0px; overflow: auto; width: 150px; height: 50px; text-align: center; background:#FFFFFF;'>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>


Setelah itu simpan, dan lihat hasilnya !
READ MORE - Membuat Scroll Untuk Daftar Link

Memasang Kategori Untuk Tiap Tulisan

Sabtu, 09 Januari 2010
Kadang ada yang belum tahu cara memberi kategori untuk tiap tulisan. Oleh karenanya, berikut cara membuat atau memasang kategori untuk tiap tulisan. Bisa juga disebut menampilkan label untuk tiap postingan.

Caranya mudah, anda tinggal menambahkan tulisan (kategori) apapun yang anda mau di kolom di bawah kolom posting.



Jika satu tulisan ingin anda masukkan dalam beberapa kategori atau label, maka tinggal menambahkan kata (kategori) lagi dan memisahkannya dengan tanda "koma".
READ MORE - Memasang Kategori Untuk Tiap Tulisan
 
 
 
 
Copyright © Cara Edit
Using Protonema Theme | Bloggerized by Themescook Cara Tentang :