Sobat pasti tau kan dengan yang namanya Textarea? Textarea umumnya adalah wilayah kotak yang biasanya dijadikan tempat pada tulisan-tulisan, lengkapnya bisa sobat temukan disini. Biasanya ditextarea tersebut diletakan tulisan-tulisan penting atau memberitahukan para pengunjung oleh pemilik seperti bertukar link dan banner, undangan, memberitahukan kapan under construcktion dan lain lain. Textarea juga dapat dihias agar terlihat tampak lebih menarik dan lebih indah. Mulai Font, Background, Border, dan lain lain.
Bicara soal Textarea, saya akan berbagi sejenak tentang Bagaimana Textarea bisa mengetik dengan sendirinya saat diperlihatkan kepara pengunjung. Anggapan seperti menulis secara live dan diperlihatkan langsung kepada pengunjung.
Demo Textarea Auto Typing :
• Buka Blogger.com dan masukan Password dan ID sobat
• Buka Tab Design atau Element Page saat sobat di Dashboard
• Add a Gadget → Pilih Javascript → Masukan Kode berikut :
• Save. Lihat Hasilnya :)
Bagaimana? Bagus bukan :) Hehehe sampai ketemu di Episode selanjutnya bersama Farixsantips hehehe
Bicara soal Textarea, saya akan berbagi sejenak tentang Bagaimana Textarea bisa mengetik dengan sendirinya saat diperlihatkan kepara pengunjung. Anggapan seperti menulis secara live dan diperlihatkan langsung kepada pengunjung.
Demo Textarea Auto Typing :
• Buka Blogger.com dan masukan Password dan ID sobat
• Buka Tab Design atau Element Page saat sobat di Dashboard
• Add a Gadget → Pilih Javascript → Masukan Kode berikut :
Sudah ada keterangan diatas, Kode Biru adalah kata kata yang akan otomatis tertulis sendiri nantinya. [0] sama dengan urutan sampai tak terhingga juga bisa.<form name="news">
<textarea rows="4" style="font-size:12px;font-family:comic sans ms" cols="35" name="news2" wrap="virtual"></textarea>
<script language="JavaScript">
var newsText = new Array();
newsText[0] = "Hello My name Is Farixsan and i'll tell you about this Message";
newsText[1] = "Hmmmm... hahaha i can't speak English :D ,i don't care :D";
newsText[2] = "Sebenarnya Message ini adalah Textarea yang dirancang khusus untuk menulis secara otomatis";
newsText[3] = "Tentunya penggunaan ini sangat bagus dan dipercaya menarik para pengunjung untuk membacanya :D Ya po ya?";
newsText[4] = "Teknik pembuatannya sangat mudah dan simple serta tidaklah rumit untuk Settingannya";
newsText[5] = "Hmmmm.... saya kira cukup segini saja keterangan dari sini, sisanya dibawahnya ini aja ya :D";
newsText[6] = "Byeeeeee :)";
var ttloop = 1; // Ulang Tulisan atau Tidak jika 1 = ya, 0 = tidak
var tspeed = 70; // Jalannya tulisan per milisekon (makin banyak makin lambat)
var tdelay = 1000; // Pergantian Kalimat
// ------------- CANNOT EDITING ------------- \
var dwAText, cnews=0, eline=0, cchar=0, mxText;
function doNews() {
mxText = newsText.length - 1;
dwAText = newsText[cnews];
setTimeout("addChar()",1000)
}
function addNews() {
cnews += 1;
if (cnews <= mxText) {
dwAText = newsText[cnews];
if (dwAText.length != 0) {
document.news.news2.value = "";
eline = 0;
setTimeout("addChar()",tspeed)
}
}
}
function addChar() {
if (eline!=1) {
if (cchar != dwAText.length) {
nmttxt = ""; for (var k=0; k<=cchar;k++) nmttxt += dwAText.charAt(k);
document.news.news2.value = nmttxt;
cchar += 1;
if (cchar != dwAText.length) document.news.news2.value += "_";
} else {
cchar = 0;
eline = 1;
}
if (mxText==cnews && eline!=0 && ttloop!=0) {
cnews = 0; setTimeout("addNews()",tdelay);
} else setTimeout("addChar()",tspeed);
} else {
setTimeout("addNews()",tdelay)
}
}
doNews()
</script>
</form>
• Save. Lihat Hasilnya :)
Bagaimana? Bagus bukan :) Hehehe sampai ketemu di Episode selanjutnya bersama Farixsantips hehehe
wah nice info banget gan. =D
BalasHapusThanks sob, jalan jalan kemari lagi ya,, sering sering :D
BalasHapustips yang mantap...
BalasHapusTo assyafieq : Hanya men-share kan yang terbaik :)
BalasHapusNice Post Gan ;)
BalasHapus