Cara menulis Postingan Agar Lebih Bervariasi

Oke, tanpa banyak basi-basa, opss salah..basa-basi lagi kita langsung saja.

1. Hurup terlihat berwarna : tahu'kan maksud gue, jadi seperti ini "tulisan berwarna" Nah..huruf berwarna merah-biru'kan, atau mau yang lebih unik lagi google keren'kan :p
Oke caranya : misal ingin huruf artikelmu jadi warna biru kodenya seperti ini (kode htmlnya yang gue garis bawahi) :
<font color='BLUE'>blue</font>
bila sobat ingin menganti warna hurufnya, sobat hanya perlu mengganti tulisan nya bluenya saja, kalau ingin mengganti warna merah sobat hanya perlu mengganti tulisannya menjadi red, dan seterus nya, oke paham'kan.

2. Melihat kode di atas pasti sobat melihat huruf yang gue beri efek stabilo seperti ini :

stabilo biru

Oke caranya, kodenya seperti ini (kodenya gue garis bawahi) :
<span style="background-color:#8CE8FF;">efek stabilo</span>
Nah..untuk kode warnanya
-merah : #FFC1E0
-kuning : #FFFFB3
-hijau : #84FFA3
-biru : #8CE8FF
Sobat hanya perlu mengganti kode birunya saja #8CE8FF oke paham'kan.

3. Nah antara tips-trik di atas ada tulisan yang di garis bawah, lalu caranya bagaimana ?, caranya mudah kok, sobat hanya perlu menberi kode ini (kodenya warna merah) :
<u>garis bawah</u>
oke paham'kan sobat hanya perlu meletak kodenya di antara tulisan yang akan di garis bawahi lanjut...

4. Apakah sobat melihat ada tulisan yang membesar di trik No.

2

atau lihat angka

2

, ini agak besar'kan, yang normalnya seperti ini 2 oke, caranya (kodenya gue kasih warna merah) :
<h1>

huruf menjadi jadi besar

</h1>
Seperti cara No.3, sobat hanya perlu meletakan kodenya di antara huruf yang ingin di perkecil oops salah maksudnya perbesar.

5. Eh, ada tulisan tercoret tuh di atas, cara bagaimana ?, caranya mudah juga kok (kodenya gue kasih warna merah) : <s>tulisan tercoret</s>
nah mudah'kan, sama sepeti trik No.3 dan 4, sobat hanya perlu meletakan kodenya di antara tulisan yang ingin di coret.

6. Lihat deh tulisan coret di atas, yang gue kasih warna coklat, hayoo apa yang beda di tulisannya ?, yup..benar sekali tulisan coretnya kok miring ?. Caranya ?, mudah kok ;) (kodenya gue kasih warna merah) : <i>tulisan miring</i>
Gampang'kan, sama seperti trik yang sebelumnya, sobat hanya perlu meletakan kodenya di antara tulisan yang akan di buat miring

7. Kalau tulisan kedap-kedip bagaimana ?, *kalo bahasa rappernya <blink>'blink-blink'</blink> yeaah..come'on :p * nah..sobat lihat'kan tulisannya blink-blinknya kedap-kedip, oke caranya (kode berwarna merah) :
<blink>kedap-kedip</blink>
yup..kembali letakan kodenya di antara tulisan yang ingin di bikin menjadi kedap-kedip.

8. bagaimana dengan cara yang ini

disini tempat untuk menyimpan kode html/javascript atau pesan anda

bagaimana cara membuat kotak ...
pertama -tama klik Edit HTML masukkan kode berikut ini :<p align="center"><textarea name="code" rows="6" cols="30"> disini tempat untuk menyimpan kode html/javascript atau pesan anda</textarea></p>
lalu ubah tulisan berwarna merah dengan tulisan yang anda ingin masukkan .
 
 9. Lalu bagaimana kalau trik link menggunakan tombol seperti ini ?, oke begini caranya (kode berwarna merah) :
<a href="http://twitter.com/_stroomz"><input value="Account Twitter" type="submit"></a>
Sekarang keterangannya
- link account twitter : http://twitter.com/_stroomz
- judul tombol : Account Twitter
Oke bagaimana sudah paham'kan..lanjut ;)

10. Terakhir postingan menggunakan background gambar :o tahu ngga apa gue maksud ?, contohnya seperti ini

Tulis di sini, apapun yang sobat mau..bla..bla..dan bla...

kalau trik yang ini sebenernya gue juga baru coba, yah sekalian eksperimen seh, tapi lumayan bagus neh..nanti gue kreasi'in ah.. :p oh iya..hampir lupa !, nah kalau yang ini kodenya seperti ini (kode berwarna merah) :
<div style="background:url(alamat gambar) no-repeat;">Postingan</div>
Nah..mudah'kan sobat hanya perlu mengganti alamat gambarnya saja, dengan alamat link gambar sobat. Tapi..bila tanpa gambar, cuma warna saja bagaimana kode ?, kalau cuma warna kodenya akan seperti ini :
<div style="background:#kode warna;">Postingan</div>
Yang perlu sobat lakukan hanya mengganti tulisan ini #kode warna menjadi kode warna yang sobat inginkan ;)

11.Lalu tulisan berjalan bagaimana, *seperti apa tuh :o * seperti ini yah, contoh "Tulisan berjalan-jalan tanpa lelah
oke paham, sekarang tinggal caranya (kodenya berwarna merah) :
<marquee behavior="scroll" direction="right">Tulisan berjalan-jalan tanpa lelah</marquee></div>

Baca yang ini juga !!

Mudah'kan, ;) sekarang pergerakannya tulisannya, sobat hanya perlu mengganti tulisan yang gue garis bawahi.
- right : agar tulisan berjalan ke kanan
- left : agar tulisan berjalan ke kiri
- down : agar tulisan berjalan ke bawah, dan
- up : agar tulisan berjalan ke bawah, tinggal selera sobat ingin mengaturnya berjalan ke mana ;)

12. Lho??
kok muncul kotak show g`mana caranya ??
gampang kok... tinggal dimasukkan kode dibawah ini

<div>
<div style="margin-bottom: 2px;">
<i><b><small>Judul Spoiler</small></b></i><input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 120px;" type="button" value="Show" /></div>

<div style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

Ganti dengan tulisan atau gambar anda
</div>
</div>
</div>

Yang warna merah diganti judulnya 

sedangkan yang berwarna biru diganti tulisan atau gambar yang ingin dimasukkan

Oke, pelajaran untuk hari ini selesai sampai di sini, lain waktu gue akan lanjut lagi. Dan perlu di ingat semua tips-trik di atas bisa sobat gunakan, asal tidak berlebihan, gunakanlah bila memang di perlukan (kalau berlebihan nanti jadi norak  atau lebay ). Kan, ada pepatah lama mengatakan sesuatu yang berlebihan akan terlihat buruk dan mubazir *gue ngomong udah kaya aki-aki :D * yah.,sudah selamat mencoba...

Sumber : Klik Disni dengan perubahan tertentu                

Categories: Computer , Tips Blogging , Tips N Trick