Typing text widget

Σήμερα θα δείτε πως μπορείτε να προσθέσετε στο blog σας ένα κείμενο με εφέ πληκτρολόγησης...
Η τοποθέτηση αυτού του του widget είναι απλή και δεν θα δυσκολέψει ακόμη και τους αρχάριους χρήστες.Για το το περάσουμε λοιπόν στην σελίδα μας κάνουμε τα παρακάτω:

1) Σύνδεση στον λογαριασμό σας από το blogger.com
2) Διάταξη>Στοιχεία σελίδας>Προσθήκη gadget>HTML/Javascript
3) Επικολλήστε εκεί μέσα τον παρακάτω κώδικα:

<form name="news">

<textarea name="news2" cols=27 rows=4 wrap=virtual></textarea>

</form>

<script language=javascript>

var newsText = new Array();

newsText[0] = "Κείμενο γραφομηχανής για το blog σας...";

newsText[1] = "This is Demo by Freeware-tools.net.";

newsText[2] = "Διάβασε προσεκτικά πως θα επεξεργαστείς αυτό το widget πριν το περάσεις στην σελίδα σου";

newsText[3] = "Programmed by: Haitham Al-Beik...";

newsText[4] = "Επισκεφτείτε το www.Freeware-tools.net για περισσότερα blogger tips και όχι μόνο..."

var ttloop = 1;    // Repeat forever? (1 = True; 0 = False)

var tspeed = 50;   // Typing speed in milliseconds (larger number = slower)

var tdelay = 2000; // Time delay between newsTexts in milliseconds

// ------------- NO EDITING AFTER THIS LINE ------------- \\

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>

4) Αποθηκεύστε και είναι έτοιμο!!!


Μπορείτε να αλλάξετε το κείμενο που έχω βάλει σαν δείγμα με το δικό σας ενώ επίσης μπορείτε να προβείτε και στις ακόλουθες αλλαγές:
cols=27 : Αυξομειώνοντας   αυτόν τον αριθμό αλλάζετε το μήκος του πλαισίου που θα εμφανίζεται το κείμενό σας..

rows=4 : Αυξομειώνοντας   αυτόν τον αριθμό   καθορίζετε σε πόσες σειρές θα εμφανίζεται το κείμενό σας...
         
var ttloop = 1; : Αλλάζοντας τον αριθμό 1 σε 0 το κείμενο θα εμφανίζεται μόνο για μια φορά διαφορετικά αν το αφήσετε στο 1 θα επαναλαμβάνεται...

var tspeed = 50 : Αυξομειώνοντας   αυτόν τον αριθμό αλλάζετε την ταχύτητα που θα εμφανίζεται το κείμενό σας...
    
var tdelay = 2000; : Αυξομειώνοντας   αυτόν τον αριθμό    καθορίζετε τον χρόνο που θα εμφανίζεται η επόμενη παράγραφος από το κείμενό σας...          

Ίσως να σου αρέσουν και αυτά: