Cara Membuat Kotak Untuk Sebuah Tulisan Atau Gambar

Cara Membuat Kotak Untuk Sebuah Tulisan Atau Gambar , akan di bahas di Akeyboga. Sudah lama aku cari - cari trik ini, eh gak sengaja lagi liat-liat di om google dapat. Sebelumnya mohon maaf bagi master yang sudah lebih dulu dan saya tulis lagi di sini, alasannya sederhana biar gampang bila saya membutuhkan lagi.

Cara Membuat Kotak Untuk Sebuah Tulisan Atau Gambar, tidak terlalu sulit. Malahan bisa di sebut mudah. Tapi sebelum kita ke pokok tidak ada salahnya ngebahas sedikit.
menurut master yang lebih dulu katanya ada tiga jenis kotak yang biasa dipakai untuk membingkai sebuah tulisan, yaitu: border, overflow (biasanya disebut kotak scroll), dan textarea. Tentu saja ketiganya memiliki karakteristik yang berbeda. Nah, untuk mengetahui itu semua, berikut akan dijelaskan satu persatu mengenai bingkai tersebut.

Border

Seperti namanya, border berarti bingkai yang membatasi tulisan/gambar yang berada di dalamnya. Dan untuk membuatnya kamu tinggal mengkopi script berikut:

<div style="border: 1px solid #CCC; margin: 10px 0px; padding: 10px; width: auto; height: auto; background-color: #FBFBEE; text-align: left;">TULISAN ATAU GAMBAR</div>

Keterangan:

• Border: 1px solid #CCC, berarti ketebalan garis (border) adalah 1px dengan warna abu-abu (mengenai kode warna dapat dilihat di Adobe Photoshop atau CorelDraw. Atau bisa kamu kunjung situs HTML Color Codes).
• Margin: 10px 0px, berarti margin atas-bawah 10 px dan margin kiri-kanan 0 px.
• Padding: 10px, berarti jarak tulisan ke border adalah 10px.
• Perintah auto pada width dan height supaya lebarnya mengikuti lebar kolom yang tersedia, sedangkan tingginya mengikuti isi ( tulisan/gambar ) yang dimasukkan kedalamnya. Kamu bisa merubah perintah auto kedalam bentuk pixel, misalnya: 100px.
• Background-color: #FBFBEE, berarti kotak berwarna gading. Jika ingin dihilangkan warnanya, ganti kode #FBFBEE dengan none atau hapus perintah background-color berikut kode warnanya.
• Text-align: left, berarti tulisan dalam bentuk rata kiri. Jika kamu ingin mengubahnya, ganti saja left-nya dengan right, center, atau justify (rata kanan = right, rata tengah = center, dan rata kiri-kanan = justify).

Untuk semua perintah tersebut sobat bisa mengubahnya sesuai dengan selera sendiri.

Overflow

Overflow berarti tulisan yang melebihi media yang tersedia. Ada tiga perintah dalam overflow, yaitu scroll, hide, dan auto. Jika scroll yang digunakan maka tulisan yang melebihi media akan dibuatkan scroll. Jika hide, maka tulisan yang melebihi media akan disembunyikan. Dan jika auto, maka tulisan yang melebihi media akan dibuatkan scroll dan sisanya akan disembunyikan.

Untuk membuatnya kamu tinggal mengkopi script berikut :

<div style="overflow: auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 100px; background-color: none; text-align: left;">TULISAN ATAU GAMBAR</div>

Keterangan :

• Jika tulisan tersebut melebihi lebar ( lebarnya 95% dari lebar container ) yang tersedia dan tingginya melebihi 100px maka akan dibuatkan scroll dan sisanya akan disembunyikan.
• Perintah-perintah tambahan pada overflow ini mirip dengan perintah-perintah pada border sehingga untuk memahaminya bisa dilihat pada keterangan border. 

 Textarea

Textarea berarti kotak yang melingkupi daerah text itu berada. Untuk membuatnya kamu tinggal mengkopi script berikut :

<textarea rows="5" cols="50">TULISAN ATAU GAMBAR</textarea>

Keterangan :
Pada textarea tidak menggunakan width dan height ( lebar dan tinggi ) tetapi menggunakan rows dan cols ( baris dan kolom ) untuk menyatakan lebar dan tinggi areanya. Tetapi akibatnya akan sama dengan overflow, yaitu akan dibuatkan scroll dan disembunyikan jika text melebihi area baris dan kolom yang ditentukan.
Pada script di atas menunjukkan 5 baris dan 50 kolom. Dengan demikian tulisan yang panjangnya melebihi 5 baris dan/atau melebihi 50 kolom akan disembunyikan.

Menulis Kode Script Dalam Bingkai

Untuk menuliskan kode script kedalam bingkai, kamu harus melakukan encoding terlebih dahulu, karena jika tidak akan dianggap sebagai perintah bukan sebagai teks. Seperti < harus ditulis &lt;, > harus ditulis &gt;, " harus ditulis &quot;, dll.

Untuk melakukan encoding terhadap script yang akan dijadikan teks, kamu bisa mengunjungi situs centricle.com.

Selamat Mencoba Semoga Sukses.

Read More

Cara Membuat Blog Agar Tidak Bisa Di Copy Paste

Cara Membuat Blog Agar Tidak Bisa Di Copy Paste Artikel kali ini kami sajikan buat para sobat siapa tau sobat membutuhkan,dan rasanya tidak lengkap apabila akeyboga tidak memiliki postingan sederhana namun banyak manfaat ini. Untuk Cara Membuat Blog Agar Tidak Bisa di Copy Paste ini sebetulnya merupakan trik menggunakan script khusus yang dipasang pada blog.

Cara kerja daripada script ini yaitu membuat fungsi blok (blok teks/gambar) menjadi tidak berfungsi sehingga hal itu bisa mengurangi aksi pencurian konten/postingan oleh blogger yang suka copas (copy paste) membabi buta.

Ok, untuk caranya langsung saja kita pratekkan...

1. Login ke blogger, klik rancangan dan pilih Tab Edit HTML
2. Centang Expand Widget Template
3. Cari kode </head> (gunakan ctrl+f)
4. Copy script berikut lalu paste tepat di bawah kode </head>

<script type="text/javascript">if (typeof document.onselectstart!="undefined") { document.onselectstart=new Function ("return false"); } else{ document.onmousedown=new Function ("return false"); document.onmouseup=new Function ("return true"); } </SCRIPT>

     5. Jangan lupa di save..
     6. Selesai..:)

Itulah informasi mengenai  Blog Agar Tidak Bisa Di Copy Paste ,Semoga bermanfaat.

Read More