VISITOR

30 Maret 2013

Cara Mempercantik Teks di Blog

Apa kabar sobat blogger semua?? pada postingan kali ini saya akan membagikan tutorial tentang Cara Memperindah Teks di Blog. Ini adalah lanjutan dari tutorial saya yang pertama tentang Cara Membuat Blog di Blogspot. Teks merupakan pilar utama dalam membuat Blog (ya iyalah...kalo ga ada teksnya terus apa dong isinya??hehe) untuk itu menurut saya kita perlu untuk membuat sebuah kreasi pada teks di blog kita, agar memberikan kesan yang indah pada para pembaca blog kita nantinya. Ada banyak cara untuk mempercantik teks pada Blog kita, namun disini saya hanya akan memberikan tiga cara yang sudah saya kuasai sendiri dengan modal penguasaan HTML yang pas-pasan. Oke tak usah berbasa-basi lagi langsung kita ke TKP.
1.Cara membuat teks bergerak di Blog

jalan jalan teks nya!!!!

Untuk membuat tampilan teks seperti diatas masukan kode HTML berikut,

<marquee direction="right" scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()">jalan jalan teks nya</marquee>

Untuk penjelasan kode HTML di atas adalah sebagai berikut:
  • Tag <marquee>......</marquee> : tag HTML untuk membuat tampilan teks yang dapat bergerak.
  • Direction : atribut dari kode "marquee" yang mengatur posisi teks berjalan kearah mana (pada contoh diatas saya memasukan "right" sebagai directionnya sehingga teks berjalan ke sebelah kanan). Selain "right" ada juga "left" (untuk bergerak ke arah kiri), "up" (untuk bergerak ke atas), dan "down" (untuk bergerak ke bawah). Silahkan sobat melakukan eksperimen sendiri.
  • Scrollamount : atribut dari kode "marquee" yang mengatur kecepatan gerakan teks, semakin besar angkanya semakin cepat pula gerakannya.
  • Onmouseover : atribut dari kode "marquee" yang berfungsi menghentikan gerakan teks ketika di sorot oleh mouse.
  • Onmouseout : atribut dari kode "marquee" yang berfungsi menggerakan kembali teks setelah tidak disorot lagi oleh mouse.
  • Adapun tambahan untuk atribut lainnya dari tag "marquee" yang tidak gunakan pada teks diatas adalah  atribut "behavior" yang mana berfungsi untuk mendapatkan tampilan bolak balik dati teks.
2. Cara membuat teks berkedip di Blog
kelap kelip 

Untuk membuat tampilan teks seperti diatas masukan kode HTML berikut,

<blink>kelap kelip</bink>

Kode ini baru didukung oleh browser OPERA dan FIREFOX

3. Cara membuat teks yang memiliki bayangan di Blog


KALANGKANG



Untuk membuat tampilan teks seperti diatas masukan kode HTML berikut,

<h 1="text-shadow: 1px 0px #ccc, 0px 1px #ccc, 2px 1px #ddd, 1px 2px #bbb, 3px 2px #ddd, 2px 3px #bbb, 4px 3px #ddd, 3px 4px #bbb, 5px 4px #ddd, 4px 5px #bbb, 6px 5px #ddd, 5px 6px #bbb, 7px 6px #ddd, 6px 7px #bbb, 8px 7px #ddd, 7px 8px #bbb, 8px 8px #ddd;">KALANGKANG</h1>

Mudah bukan, saya sarankan untuk menggunakan  trik-trik penambahan kode di atas dengan bijak, karena apabila terlalu banyak malah bisa membuat loading bertambah lama ketika akan membuka blog sobat semua jadi gunakan seperlunya saja.
CATATAN: Ubahlah teks yang berwarna "merah" dengan teks yang sobat inginkan.
Sampai disini dulu untuk postingan saya kali ini, jangan pernah merasa puas untuk mencari ilmu.


9 komentar:

  1. iya tapi masukinnya dmana? -_-

    BalasHapus
    Balasan
    1. Masukin ke HTML DI SEBELAH KIRI ATAS

      Hapus
    2. Masukin ke HTML DI SEBELAH KIRI ATAS

      Hapus
  2. mas kalau memperpanjang gerakan teksnya gimana mas aku kok pendek gerakasn teksnya

    BalasHapus
  3. http://bocasss.blogspot.com/

    BalasHapus
  4. itu tanda merah jalan-jalan teksnya boleh diganti?

    BalasHapus
  5. thanks y infonya bermanfaat kunjungi blog sya www.adadisini13.blogspot.com ;)

    BalasHapus
  6. Kunjungi blog hilmanblogaddress.blogspot.co.id

    BalasHapus
  7. Kunjungi blog hilmanblogaddress.blogspot.co.id

    BalasHapus

Beri komentar Sobat untuk memperbaiki kekurangan dan kesalahan pada Blog ini dengan bahasa dan etika yang benar!!!! terima kasih