Tulisan efek neon

Tulisan ini mempunyai efek seperti neon dengan warna yang bergerak sepanjang huruf yang ada. Seperti contoh dibawah ini:




cara memasangnya:

1.masuk ke design..pilih page elements
2.Pilih add a gadget...htm/javascript

dan masukkan kod dibawah ini:

<script language="JavaScript1.4">
jsver = 1.4;
var neonbasecolor=""
var neontextcolor="#af0"
var neontextcolor2=""
var flashspeed=70 // kecepatan flashing dalam milliseconds
var message="TULISAN EFEK NEON"
var flashingletters2=1 // bilangan huruf yg di flashing pada neontextcolor2 (0 to disable)
var flashingletters=6 // bilangan huruf yang di flashing pada neontextcolor
var flashpause=0 // pause diantara flash-cycles dalam milliseconds
var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)
function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}
function neon(){
//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
crossref(m).style.color=neonbasecolor
}
//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor
if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor
if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return
}
}
function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</script>

#kecepatan pergerakan teks boleh diubah pada kod var flashspeed=70 dan warna teks pada kod var neontextcolor="#af0" dan var neontextcolor2=""

cara buat tajuk posting berjalan

Cara memasangnya:
1.Log in ke blog >> design >>Edit HTML

2.klik pada expand template widget

3.cari kod <h3 class='post-title entry-title'> lebih mudah jika gunakan ctrl+f untuk mudahkan pencarian   anda
4.Setelah jumpa kod diatas tambah kod menjadi seperti dibawah ini:

<marquee direction="right" scrollamount="10"><h3 class='post-title entry-title'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h3></marquee>

tambahkan kod berwarna merah pada permulaan <h3 class='post-title entry-title'> dan diakhir </h3>
Boleh juga dibuat berbagai bentuk teks berjalan seperti yang terdapat pada tutorial membuat teks berjalan sebelum ini.
Selamat mencuba....:)

Tulisan Punch Hole

1.Klik menu file pilih new , masukan  Width 600 pixels dan Height  250 pixel dan resolution kepada 150 

2.Gunakan horizontal  type tool ( T) dan taipkan perkataan TEKNIK  dan tekan butang enter.

3. Warnakan teks dengan warna merah muda (pada color palette set kan RGB kepada 255,260,260)
  

4. Tekan butang Ctrl dan Double klik pada layer teks untuk membuat selection dan gunakan brush atau paint bucket tool untuk masukkan warnanya.

5. klik kanan pada layer background pada palet,klik kanan pilih merge visible (Ctrl+shift+E)

6. kemudian pilih menu filter,blur->gaussian blur-> setkan radius kepada 5.0 pixels

7. Pilih menu image>adjusment>level.Taipkan input level 245 pada ruangan sebelah kanan dan klik ok

8. Kemudian pilih menu filter>pixelate>color halftone,setkan max radius kepada 5 dan semua channel kecuali channel 1 kepada 0.

9.Memasukkan background hitam-gunakan magic wand tool(W) dan klik pada background putih untuk pilih background sahaja,

10.kemudian klik pada ikon add new layer (Ctrl+shift+N) untuk masukkan layer baru

11.Ubah foreground color kepada hitam dan tekan butang Alt+Del utk masukkan backround hitam.kemudian Ctrl+D untuk deselect.

12.Meletak warna merah pada background hitam-gunakan rectangular marquee tool untuk membuat
ruangan empat segi.

13.kemudian pilih menu select>inverse.tekan butang delete untuk membuang bahagian luar background
 tadi.

14.Setkan foreground color kepada merah,Klik pada background layer pada palet dan tekan butang
Alt+del,kemudian tekan butang  CTRL+D (utk deselect selection tadi).

 

15. Mengubah background hitam kepada kelabu—klik pada layer 1,kemudian pilih menu image--->adjustment--->hue and saturation---->setkan lightness kepada + 50

16.Pilih Menu  layer-->layer style---> Bevel and emboss dan setkan seperti pada imej dibawah atau mengikut yang diingini.

Tulisan salji

 

1.Buat satu dokumen baru 400x300 pixel

2.Gunakan type tool(tekan butang T) dan taipkan perkataan yg dikehendakki

3.klik menu Filter-->Noise-->add Noise dan laraskan amount kepada 135%

4.Klik kanan pada layer teks dan pilih merge down (Ctrl+E) untuk gabung background dan layer teks
5.Pada  menu  filter pilih -->pixelate-->crystallize-->cell size=3
6.Pilih filter-->stylize-->find edges
7.Pilih filter>blur>Gaussian blur,radius=1 pixels

8.Terbalikkan tulisan-->image-->rotate canvas  90 ⁰ CW
9.Tekan butang  Ctrl +I untuk invert image

10.Kemudian klik menu filter --->>stylize--->>wind  dengan tetapan berikut
>method=wind,direction=from the right

11.Tegakkan semula teks--> pilih menu-->image-->rotate canvas-90 ⁰ CCW
12.Klik menu image-->>adjustments-->>Hue and Saturation dan ubah warna mengikut imej dibawah,jangan lupa tandakan pada colorize

Hasilnya

 

Membuat tulisan berbayang

1.Klik pada menu fail pilih new
2.Buat satu dokumen baru bersaiz 500x200 piksel











3.Pada background ini saya masukkan warna biru
  klik pada palet untuk warna dan gunakan eyedropper dan pilih warna yang dikehendakki











4.Seterusnya klik pada paint bucket tool pada tool bar untuk memasukkan warna






5.Gunakan horizontal type tool dan taipkan perkataan - untuk tutorial ini aya gunakan :sensasi










6.Kemudian seret pada border yang terbentuk bagi mengubah saiz teks and tekan butang enter
7.Kemudian salin layer teks tekan butang Ctrl+J















8.Pilih menu edit—transform—flip vertical untuk menterbalikkan tulisan











9.Klik pada menu edit --transform dan pilih skew dan laraskan supaya tulisan yang menegak tadi nampak menyerong










10.Laraskan opacity pada layer teks terbalik tadi kepada 26%





Untuk membuat tulisan kesan beralun seperti  dipermukaan air,pilih filter—distort—riple—pilih ok pada paparan rasterize the type dan laraskan amount kepada 266%

Teks bergerak pada Title Bar

Mungkin sebelum ini anda pernah melihat teks yang bergerak pada title bar di browser.Jika anda ingin meletakkan pada blog berikut adalah cara untuk membuatnya:

Salin script dibawah ini :

<SCRIPT language='JavaScript'>

var txt="Mesej Anda";

var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;

txt=txt.substring(1,txt.length)+txt.charAt(0);

segarkan=setTimeout("bergerak()",kecepatan);}bergerak();

</SCRIPT>

Kemudian gantikan "mesej anda" pada skrip dengan teks yang akan anda ingin masukan.
Langkah seterusnya:

    * Log in ke dashboard ,klik pada Design dan pilih Edit HTML

   

    * tandakan pada kotak expand widget

    * Pada template cari kod </head>
    *Letakkan skrip tadi sebelum </head>


Kemudian Save dan lihat hasilnya.

Tulisan dengan latar belakang imej

Kali ini saya menunjukkan cara membuat tulisan berlatar belakangkan gambar atau imej.Cara nya amat mudah sekali,untuk itu ikuti langkah dibawah ini.

1.Buka imej yang dikehendakki,klik menu file dan pilh open
2.Salin imej tersebut tekan butang Ctrl + J,muncul layer background copy
3.Kemudiah pilih ikon type tool(atau tekan butang T)
4.Taipkan perkataan yang dikehendakki,sebelum itu pilih jenis tulisan dan saiz font pada menu bar diatas.

5.Sesudah menaip klik dan seret bingkai yang ada pada sekeliling teks untuk membesarkan tulisan tersebut
6.Kemudian tekan butang enter.
7.Klik dan seret layer background copy dan letakkan diatas layer teks.

8.Pada panel layers pilih  layer background copy dan teks  dengan menekan butang Shift

9.Letak kursor pada garisan diantara kedua layer,  Tekan butang Alt untuk buat clipping mask(muncul simbol bulat) dan klik pada sempadan dua layer tersebut(atau  guna (Alt+Ctrl+G)

10.Klik pada simbol mata disebelah layer background

ok dah siap pun tulisan berlatar belakang imej.Selamat mencuba

membuat teks berjalan(marquee)

Sebelum ini saya ada memuatkan artikel bagaimana membuat teks berkelip.Kali ini saya akan tunjukkan pula cara bagaimana hendak membuat teks berjalan atau pun marquee text pada blog.

Berikut adalah kod yang kita gunakan:

<marquee>Teks bergerak</marquee>

teks bergerak


Marquee yang biasa(standard) bergerak dari kanan ke kiri,kita boleh mengubahnya kepada beberapa bentuk gerakan dan keadaan dengan tambahan kod seperti dibawah:

bgcolor=warna latar belakang
direction=arah gerakan (left,right,up.down)
behavior=karekter pergerakan (scroll,slide,alternate)
scroll(teks berputar)
slide(teks bergerak sekali dan berhenti)
alternate(teks bergerak dari kiri ke kanan dan berpatah balik)
Title=perkataan muncul semasa mouse berada di atas teks
Scrollamount=meletak kecepatan gerakan
Scrolldelay=mengatur tempoh masa
Loop=mengatur jumlah



Dari arah kiri ke kanan

<marquee direction="right" >dari kiri ke kanan</marquee>

dari kiri ke kanan

Arah kiri dan kekanan kemudian berpatah balik

<marquee behavior="alternate" >Arah kiri dan kekanan kemudian berpatah balik</marquee>

Arah kiri dan kekanan kemudian berpatah balik


Dari kiri ke kanan dengan tempoh masa "10"

<marquee direction="right" scrollamount="10" >dari kiri ke kanan dengan tempoh masa 10</marquee>

dari kanan ke kiri jarak masa 10



Halakan pointer mouse pada teks dan ia berhenti

<marquee behavior="alternate" onmouseover="this.start()" onmouseout="this.stop()">arahkankan mouse pada teks,berhenti</marquee>

arahkankan mouse pada teks,berhenti




Jika ingin buat turun atau naik gantikan direction="down" atau "up"

<marquee bgcolor="yellow" direction="down" height="100" width="70%">dari atas ke bawah</marquee>


dari atas ke bawah


Teks dengan latar belakang warna


<marquee width="70%" bgcolor="green">dari kanan ke kiri</marquee>

dari kanan ke kiri

untuk meletakkan marquee contohnya pada sidebar:
Masuk kedesign-pilih Page Elements
Add A gadget--Javascript
masukkan kod yang salin padanya dan save.

Membuat teks berkelip/blink

Tulisan yang berkelip pada blog banyak digunakan bagi menarik minat pengunjung untuk melihat dan klik link pada tulisan tersebut.Cara nya amat mudah cuma letakkan kod blink pada depan dan belakang teks yang hendak

contohnya:

Jika hendak melatak blink pada teks cuma tambahkan kod blink didepan dan belakang seperti contoh dibawah:

<blink> TULISAN BERKELIP</blink>

kod mesti rapat,Jika ada ruang kosong antara tanda < > dengan blink  ia tidak berfungsi
HASILNYA:

TULISAN BERKELIP

---

Untuk meletakkan blink teks pada link
:

<blink><a href="http://teknikbuatblog.blogspot.com/2010/04/membuat-teks-berkelipblink.html"target="_blank">MEMBUAT LINK PADA TEKS</a></blink>

HASILNYA:

MEMBUAT LINK PADA TEKS

Nota:Hanya sesuai untuk browser tertentu sahaja:Netscape(sesetengah version sahaja)dan Mozilla Firefox .Internet Explorer tidak support tags ini.