Powered By Blogger
Tampilkan postingan dengan label Efek Teks. Tampilkan semua postingan
Tampilkan postingan dengan label Efek Teks. Tampilkan semua postingan

Selasa, 26 Juli 2011

Cara membuat text neon light (efek teks yang menyala secara periodik)

Dengan menggunakan javascript kita bisa membuat sebuah efek teks yang menarik yaitu efek neon light (teks yang menyala dari awal karakter hingga karakter akhir. Teks tersebut akan menyala dari awal karakter hingga akhir. Untuk membuat efek neon pada teks cukup copy script di bawah ini, kemudian masukkan ke dalam gadget html/javascript.

Script codenya bisa dilihat dibawah ini :





<h2>
<script language="JavaScript1.2">

/*
Neon Lights Text
By JavaScript Kit (http://javascriptkit.com)
For this script, TOS, and 100s more DHTML scripts,
Visit http://www.dynamicdrive.com
*/

var message="Selamat datang di blog belajar seo!"
var neonbasecolor="gray"
var neontextcolor="blue"
var flashspeed=100 //in milliseconds

///No need to edit below this line/////

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++)
//eval("document.all.neonlight"+m).style.color=neonbasecolor
crossref(m).style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor

if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}

function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()


</script>
</h2>




Untuk mengatur efek dan warna sesuai keinginan, lakukan perubahan pada teks yang berwarna hijau di bawah ini:
var message="Selamat datang di blog belajar seo!"
var neonbasecolor="gray"
var neontextcolor="blue"
var flashspeed=100  //in milliseconds

Text Efek

Sudah beberapa hari g kasi trik blog, habis masih belum sempet. Sekarang Ayas mau kasi trik blog yang ringan2 dulu y. Kali ini qt akan membahas tentang beberapa efek teks pada blog atau postingan blog.

Ada beberapa efek teks yang mudah dan bermanfaat. Silahkan mencoba dan semoga bermanfaat!!

Efek Tulisan Miring Pada Blog

Efek tulisan miring
kode :

<i>Efek tulisan miring</i>

Efek Tulisan Tebal Pada Blog

Efek tulisan tebal
Kode :

<b>Efek tulisan tebal</b>

Efek Tulisan Dicoret Pada Blog

Efek tulisan dicoret
Kode :

<s>Efek tulisan dicoret</s>

Efek Tulisan Stabilo (highlight) Pada Blog

Efek tulisan distabilo (highlight)
Kode :

<span style="background:#f0ff00">Efek tulisan distabilo (highlight)</span>

Efek Tulisan Garis Bawah Pada Blog

Efek tulisan digaris bawah
Kode :

<u>Efek tulisan digaris bawah</u>

Efek Tulisan Dengan Border Pada Blog

Tulisan dengan border
Kode :

<span style="border: 1px solid #1e00ff">Tulisan dengan border</span>

Efek Tulisan Superscript Pada Blog

Efek Tulisan superscript
Kode :

Efek Tulisan <sup>superscript</sup>

Dengan efek tulisan superscript ini, tulisan akan terlihat naik sedikit.

Efek Tulisan Subscript Pada Blog

Efek Tulisan Subscript
Kode :

Efek Tulisan <sub>Subscript</sub>

Dengan efek tulisan subscript ini, tulisan akan terlihat turun sedikit.

Efek Tulisan Berkedip (Blink) Pada Blog

Efek tulisan berkedip
Kode :

<blink>Efek tulisan berkedip</blink>

Senin, 25 Juli 2011

Cara Menambah Efek Teks di Blog

ika pernah memakai Photoshop, atau Microsoft Word anda pasti pernah menggunakan efek shadow. Sekarang, bagaimana membuat efek seperti shadow dan blur itu tanpa menggunakan Photoshop atau Microsoft Word tetapi menggunakan CSS.
Nah untuk Membuat nya sangat lah mudah
Berikut langkah-langkah Membuat efek teks di blog anda:
  • Untuk cara Pertama berikut kode nya
    <table style="filter:shadow(color=blue)" align=center><tr><td>Panduan Sukses Blogger</td></tr></table>
    Untuk yang ini anda dapat mengganti warna shadownya pada color=blue, blue di ganti sesuai keinginan anda
  • Cara Kedua
    <table style="filter:blur" align=center><tr><td>Panduan Sukses Blogger</td></tr></table>
    Browser yang mendukung Internet Explorer, bisa anda coba Browser lainnya
Selamat Mencoba...........