Cara Menulis Postingan Agar Lebih Bervariasi

Artikel kali ini idenya gue dapat ketika gue masih baru dalam mempelajari dunia blogging *padahal saat ini, gue masih terbilang baru juga ko, di dunia blogging * Oke karena itu sesama orang baru'kan harus saling berbagi, karena tips trik kali ini adalah pelajaran dasar di blog (untuk yang sudah master sebaik jangan membacanya, saya takut anda mual, kepala pening, dan pengen buang air besar :Peace).



Curhat dikit *kayanya gue curhat mulu deh * Oke..waktu awal menulis artikel blog, jujur gue agak kesulitan mencari tips trik agar tulisan artikel terlihat profesinal *widih profesional * yup..untuk trik dasar saja gue harus mencari satu-persatu kode htmlnya, jarang sekali yang menyedia satu paket di blog teman blogger. Hayoo..sobat paham ngga gue lagi ngomongin apa ?, gini misalnya ketika gue harus mencari cara agar tulisan artikel terlihat tercoret, nah..teman blogger yang gue kunjungi pasti hanya menulis artikel trik itu saja tidak dengan yang lainnya, why ?, atau sama saja ketika gue mencari cara agar huruf artikel agar terlihat berwarna, nah..ini juga saja, cuma itu saja yang di bahas "Cara Agar Tulisan Artikel Berwarna" jarang sekali yang menyediakan 1 paket cara penulisan artikel biar terlihat profesional.



Oke mudah-mudahan artikel gue ini yang bisa menjawab atas segala gundah-gulana teman blogger akan fenomena masalah ini.



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

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' yeaah..come'on * 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. Lalu tulisan berjalan bagaimana, *seperti apa tuh * seperti ini yah, contoh "tulisannya jalan-jalan ngga ada capenya" oke paham, sekarang tinggal caranya (kodenya berwarna merah) :

<marquee behavior="scroll" direction="right">Tulisan berjalan-jalan tanpa lelah</marquee>

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



9. Gambar dengan link, trik yang ini kayanya

sobat udah paham deh, tapi ngga ada salah kalau gue ulas lagi, biar artikel ini lengkap menjadi 1 paket. Misal gambar icon avatar gue kita hubungkan dengan account link twitter gue contohnya seperti ini (kodenya gue kasih warna merah) :

<a href="http://twitter.com/_stroomz"><img src="http://a3.twimg.com/profile_images/658368169/icon-1282-1.png" alt="Twitter Account" border="0"></a>

Ket :

- link account twitter : http://twitter.com/_stroomz

- link gambarnya : http://a3.twimg.com/profile_images/658368169/icon-1282-1.png

- judul gambarnya : Twitter Account

Dan hasilnya akan seperti ini oke, pasti sobat sudah paham trik yang ini.



10. 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



11. Terakhir postingan menggunakan background gambar 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.. 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



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 nora). Kan, ada pepatah lama mengatakan sesuatu yang berlebihan akan terlihat buruk dan mubazir *gue ngomong udah kaya aki-aki * yah.,sudah selamat mencoba...