Posted on 10:43 AM

Merubah Format Teks Denagn Html

Ada seorang anak kecil datang menghampiri Saya saat Saya sedang belajar sulap. Dengan raut wajah yang sedikit kalut dan takut, kemudian ia bertanya polos "Abang bisa ga merubah tulisan warna merah pada angka di dalam buku saya ini?" Yang bener aja, mang gw Mas Didi Kourbuser$#%#^&$#^?... Pikir Saya dalam hati. Ternyata anak ini takut kalau nilainya merahnya dilihat oleh orang tuanya. Pake pewarna aja dek....

Saya memang tidak bisa merubah warna tulisan disebuah buku dengan sulap, karena saya bukan pesulap, Akan tetapi saya dapat memformat sebuah teks dengan code html.
Langsung aja C E K I D O TTZZZZ....!!!

Html memiliki beberapa tag code untuk memformat sebuah teks atau angka, beberapa contoh tag codenya seperti ini:

Keliatan ga? makanya lain kali pake kaca mata.
Ingat ...ingat! seperti yang sudah saya katakan pada postingan Perancanga WebBlog Dengan Html, bahwa setiap tag pembuka harus di akhiri dengan tag penutup ato slise (/).

Kita lansgung praktik aja, biar ga seperti berjalan di dalam gelap.
Pembaca yang Saya kasihi, " Cie'ela...." Hik...hik..hik.... Saya akan menuliskan tag html lengkap dibawah ini kemudian kalian bisa juga ikut menulis di komputer kalian kemudian kita akan sama-sama lihat hasilnya pada borwser kita masing-masing, setuju ?! Jawabnya nanti aja....
_________________________________________________________________________________________________

<html>
<title>Coontoh Pembuatan Kode html</title>
<head>
<body>


<p>
Pada tag ini berisi tulisan atau isi dari web kailan, ini hanya contoh pembangunan kode html sederhana yang akan Saya lengkapi denag kode-kode untuk merubah format tek yang telah kita lihat pada gambar di atas. Ok, Perhatikan satu persatu 4 kode bagian atas <html>, <title>, <head>, dan <body>.Ini dimana kan tag Pembuka sebuah html. Tanpa tag ini html yang kita buat tidak akan berfungsi. Kemudian perhatikan kode pada bagian bawah </head></dody></html> Ini yang dinamakan tag penutuh html. Kalian bisa membedakan antara tag penutup dan pembuka pada awal kode yaitu tag penutup disertai tanda slise<b> ( / ) </p> sedangkan kode penutup di awali dengan tanda slise ( / ).</p>
<p>
Perhatikan kode pada baris kedua dibawah kode <html> yaitu <title>Coontoh Pembuatan Kode html</title>
Kode ini berfungsi untuk membuat Title pada web yang akan kita bangun, letaknnya pada kiri atas browser kita.</p>
<p>
Kemudian, perhatikan code <p>
kode ini membentuk sebuah paragraf dan juga harus di akhiri dengan tanda </p>
</p>


<p>Font size='4'>Contoh Penulisan Tag Code untuk memformat sebuah teks&lt;/font></p>


<center><p><font size='5'>Ini Contoh Penulisan Code Teks Rata

Tengah&lt;/font></p></center><br>

<p align='right'>Ini Contoh Penulisan Code Teks Rata Kanan&lt;/p><br>

<font color='red'>Ini Contoh Penulisan Code untuk warna teks&lt;/font><br>

<b>Ini Contoh menebalkan teks ( bold )</b>

<i>ini Contoh memiringkan teks ( italic ) </i>

<p align='justify'>Ini contoh Penulisan Code Rata kiri kanan&lt;/p>

</head>
</body>
<html>
______________________________________________________________________________________

Udah selsai beum ngopynya? Code yang diberi warna merak itu code dasar pembentuk htlmnya, Oke, sekarang kita save yach....cara ngesavenya,
Clik File > Save As


Kemudian tuliskan nama file kamu lalu klik save. lihat gambar dibawah ini...!

Sekarang tinggal cari file yang tadi sudah kita simpan, biasa iconnya akan berubah menjadi icon browser yang terinstal pada komputer kita. misalnya mozilla Firefox atau Internet Exsplor lalu buka untuk ngetesnya.
kalau kalian benar nulis codenya maka hasilnya bakalan seperti gambar dibawah ini:
Read More

Posted on 1:28 PM

Membuat Teks Heading

Membuat Teks Heading tidak serumit mengambalikan benag yang bersimpul, Kita hanya perlu mengenal dan memahami tag dasar pembentuk Heading saya. Orang-orang menyebutnya Heading ( <h1> ) Heading dipisahkan menjadi 6 bagian yang masing-masing bagian memiliki postur masing-masing, kenapa saya sebut postur karna yang membedakan ke 6 heading ini ialah Size ( ukuran )

Contoh Heading 1

Contoh Heading 2

Contoh Heading 3

Contoh Heading 4

Contoh Heading 5
Contoh Heading 6

Cara pembuatan Kodenya Seperti ini



<h1>Contoh Teks Heading 1 </h1>

Contoh Code H1




<h2>Contoh Teks Heading 2 </h2>

Contoh Code H2




<h3>Contoh Teks Heading 3 </h3>

Contoh Code H3




<h4>Contoh Teks Heading 4 </h4>

Contoh Code H4




<h5>Contoh Teks Heading 5 </h5>

Contoh Code H5




<h6>Contoh Teks Heading 6 </h6>

Contoh Code H6 Read More


Posted on 3:00 AM

Membuat Teks Area

Text Area merupakan suatu kotak area yang berisi teks, yang apabila teks tersebut melebihi kapasitas dari area tersebut akan mempunyai fungsi scroll, atau dalam bahasa indonesianya adalahhhhh....Area Teks atau Kotak Teks. Ini dimaksudkan agar meminimalisasi tempat sehingga tidak memakan tempat untuk penempatan teks atau tulisan tersebut. Dan dimaksudkan juga agar pengunjung blog dapat dengan mudah meng-copy dari area teks tersebut.


  1. Login ke Blogger

  2. Kemudian klik Tata Letak dan Elemen Halaman

  3. Ketika sudah berada di Elemen Halaman klik Tambah Gadget

  4. Lalu pilih HTML/JavaScript (yang biasa dipakai)

  5. Langkah selanjutnya masukkan kode Text Area dengan tulisan yang kamu inginkan seperti contoh dibawah ini :


 



Copy Code Berikut:






<p align="center"><textarea name="code" rows="5" cols="15"><a href="http://trik-tips-tutorial.blogspot.com/2010/02/cara-membuat-text-area.html"target="_blank">Cara Membuat Text Area</a></textarea></p>


Maka Hasilnya Akan Seperti ini:


Catatan : Ganti Teks yang berwarna merah dengan url blog kamu !

Selamat Mencoba, Semoga Sukses!

Read More

Posted on 1:36 AM

Membuat Effec Tulisan Berjalan Pada Blog

Sepertinya ga adil jika saya memendam pengetahuan saya dan tak mau berbagi. Walaupun di katagorikan pengetahuan yang pas-pasan tapi Saya punya kerinduan untuk berbagi ilmu dengan kalian. "Duuuhhh....jadi terharu".

Otre!

Berikut ini adalah code html dari beberapa animasi

Animasi Teks Maquee Berjalan dari kanan kekiri




<marquee onmouseover="this.stop()" onmouseout="this.start()" direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>

Catatan: Gabtu code warna merah dengan warna yang kamu suka.



Ini Contohnya:


Contoh Tulisan Berjalan




Membuat Bacground Pada Tulisan Berjalan




<div align="left"><font color="white"><b><marqueemarquee scrollamount="2" behavior="right" bgcolor="red"> Contoh Tulisan berjalan dengan background (warna dasar) </marquee></b></font></div>

Catatan: Warna code warna merah adalah warna bacground tinggal kamu ganti sesuka kamu aja.
Contohnya:

Contoh Tulisan berjalan dengan background (warna dasar)

Keterangan :

Ganti warna dengan merubah color=warna tulisan & bgcolor=warna background dengan warna yang anda inginkan seperti :
red menjadi merah, blue menjadi biru, green menjadi hijau, white menjadi putih dll. atau bisa memasukkan kode warna seperti #FFFFFF akan menjadi putih.fungsi <b> ............... </b> untuk menebalkan tulisan.

Animasi Teks Marquee Dorections Up





<marquee direction="up" scrollamount="2" align="center"> Teks Marquee Directions Up<marquee>


Contohnya: Teks Marquee Directions Up

Kira-kira begitulah gambaran dari code html yang dapat menjalankan teks.


Cara Memasang Animasi Teks Kedalam Blog


Caranya, Jika hati sudah mantap, masuk ke account bloger kamu, lalu:

Klik Rancangan > Tambah Gadget > Html/JavaScrift. kemudian copy dan paste salah satu kode animasi di atas kedalam kolom html/JavaScrift tersebut, finaly Klik Save. Untuk melihat hasilnya silahkan Klik Pratinjau. Dont forget jangan lupa comennya yach....


semoga sukses!

Read More

Posted on 6:19 PM

Perancangan WebBlog Dengan HTML

Waktu pertam kali saya berkunjung ke salah satu Web, saya terkagum-kagum melihat tampilan webnya yang memprsona, penuh dengan animasi lucu dan tampilan-tampilan aneh lainnya. ternyata bukan hanya wanita cantik yang dapat membuat kedua mata saya melotot web juga biasa…”dasar mata cewe’an, hik…hik…hik…” Namanya juga manusia.

Ehem, 1000 pertanyaan muncul di otak saya, “gimana ya cara buatnya, kok biasa??” Akhirnya saya memakai jurus andalan saya untuk mencari merancang webblog, dari bertanya, membaca kemudian mencobanya. Wihhh…..ternyata untuk mendapatkan sebuah ilmu itu tidak mudah butuh ketekunan dan tidak mengenal putus asa jika gagal. Ternyata untuk merancang webblog sangat mudah.

“Hallo…masih ada kan…? Bagus,”
Langsung aja ya ke pembahasan tutorialnya.
Pada dasarnya perancangan webblog sama seperti membuat sebuah rumah. Kita membutuhkan Arsitek untuk merancang bangunanya, Tukang/teknisi untuk membangunnya, kemudian kita memerlukan bahan mentah seperti kayu, semen, batu, de-el-el, he..he..he…jangan lupa Duit yang banyak ya…,Oya donk, kalau ga mau keluar duit banyak loe tingga cari bambu aja di hutan jadiin bahannya, rebeskan? Opps…maksudnya Beres kan?!.

Begitu juga dalam kita membangun sebuah webblog. Namun, untuk membuat web/blog yang mewah dan menarik , ga sesulit dan semahal membangun sebuah rumah. Kita hanya membutuhkan Imajinasi dan creative diri (sebagai arsiteknya), Tukang/teknisinya ya diri kita sendiri, masa orang lain. Kemudian bahan - bahannya , kita cukup memahami bahasa pemprograman sederhana seperti javascript dan html, kalau ga tau kenalan dulu gih sana, baru datang lagi ya…..”Cieee…..marah !” nanti cepat tua lho.

Oya, 1 lagi kamu mesti memiliki software untuk membuat animasi. Tapi kalau ga ada juga G.P.P alias ga apa-apa. Karna kalian biasa membuat animasi semudah merebus mie instan. “gimana tuch caranya?” gampang Tanya aja sama Om gua tuch. Om Google….

Sepertinya Saya kembanyakan ngobrol ya, Mana isinya?”
Hmmmm…kita cek perlengkapan dulu ya. Arsiteknya uda siap??? “Bagus.” Tukangnya/teknisi?. “Apaaaa….lagi baca?!” ihhh itu kan kamu yang baca. Nah Saya yakin yang satu ini pasti belum ada. Bahannya…? “kan belum di ajarin…” O iya, Ayo kita Belajar, Go…go…go….!!!

Saya akan memperkenalkan, HTML atau kata bekennya (HyperText Markup Language) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Si html ini merupakan sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan.

HTML dokumen tersebut mirip dengan dokumen teks biasa, hanya dalam dokumen ini sebuah teks bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat teks ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara: <b>TAMPIL TEBAL</b> tanda <b> digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh teks yang ingin ditebalkan, dan diakhiri dengan tanda </b> untuk menonaktifkan cetak tebal tersebut.


Secara garis besar, terdapat 4 jenis elemen dari HTML:

Pertama, Structural. tanda yang menentukan level atau tingkatan dari sebuah teks.Contoh:<h1>Golf</h1> akan memerintahkan browser untuk menampilkan “Golf” sebagai teks tebal besar yang menunjukkan sebagai Heading 1.

Kedua, Presentational. tanda yang menentukan tampilan dari sebuah teks tidak peduli dengan level dari teks tersebut.
Contoh:<b>boldface</b> akan menampilkan bold. Tanda presentational saat ini sudah mulai digantikan oleh CSS dan tidak direkomendasikan untuk mengatur tampilan teks.

Ketiga, Hypertext. tanda yang menunjukkan pranala ke bagian dari dokumen tersebut atau pranala ke dokumen lain.
Contoh:<a href="http://wawan-iwan.blogspot.vom/">IlmuKita</a>akan menampilkan halaman dari alamat wawan-iwan.blogspot.com sebagai sebuah hyperlink ke URL tertentu.

Keempat, Elemen widget yang membuat objek-objek lain seperti tombol <button>, list <li>, dan garis bawah <hr>.

Contoh Kode html sederhana :





<html>
<head>
<title>bagian ini kamu isikan title dari web kamu</title>
</head>
<body>
<p>nah kalau ini adalah isinya</p>
</body>
</html>

Nah, untuk melihat hasilnya, silahkan Klik Save As pada notepad dengan member nama pada file name di akhiri estensi html. Kemudian silah kan buka melaui browser kalian.
Contohnya:
File ku.html
Dasar-Dasar Tag HTML:

Itu hanya sebagian tag saja yang dapat saya jelaskan ada banyak tag html lainnya.

Pembaca yang Ca'em, "Hati-hati jemuran, nanti nyangkut...!"
Sebenarnya saya inginnnn.... sekali menjelaskan sedetail-detailnya tentang html ini, tapi berhubung Saya punya waktu harus dibagi dengan hal yang lain jadi, Saya hanya bisa menjelaskan apa yang saat ini saya ingat tentang html. "Jangan nangis ya..."

- Membuat Teks Heading
- Merubah Format Teks Dengan Html
- Membuat Tabel
- Membuat List


.......Masih dalam penulisan.......


Read More

Posted on 8:46 AM

Mengapa Orang Berkata Cinta itu tak Harus Memiliki?

Guys, sebelum Saya ngomel terlalu banyak, Saya mau cerita sedikit ni tetang kisah cinta Saya. ;) Suatu malam saya nembak mantan pacara Saya, yang udah lama putus, Saya punnya feeling kalau dia bakalan nerima kembali cinta Saya, alhasil rupanya itu Cuma mimpi,
“ssstttt…Saya ditolak! Eit….Jangan ada yang ketawa!!” But, that is not important . 1 kata yang menjadi pertanyaan saya sehingga menjadi inspirasi buat nulis artikel di blog ini ialah “CINTA ITU GA HARUS MEMILIKI”


Apa benar….???


Lalu mengapa manusia menikah, bukankah itu berarti mereka sudah saling memiliki satu sama lain?
Apa yang melatar belakangi pernikahan mereka?

Jika bukan cinta, lalu mengapa harus ada cinta?


Bukankah cinta adalah anugrah?

Kenapa ada sebagian manusia yang mengatakan bahwa cinta itu tak harus memiliki?

Saat situasi bagaimanakah mereka mengatakan hal itu?

Kepada siapakah mereka mengatakanya, Diri sendiri atau Orang lain?

Apa dampaknya ketika ketika kita atau orang yang saat itu berharap cinta itu nyata, mendengar kata “Cinta Itu Tak Harus Memliki?”

Kedengarannya terlalu gimana gitu, Guys, kalian jangan berfikir pertanyaan diatas sebagai bentuk kekesalan Saya, Bukan! Saya mengajak kalian untuk berpikir Apa itu cinta dan apa fungsinya buat kita?

\

Ok, sekarang mari kita berfikir, Kalalu kalian punya pendapat atau jawaban tentang beberapa pertanyaan di atas, comentnya sangat diharapkan sehingga kita biasa mengambil kesimpulan tentang cinta gak harus memiliki.

Read More