Ανακοίνωση: Τα περισσότερα download links από το Mediafire & το Rapidshare πλέον δεν λειτουργούν...Μπορείτε να κατεβάζετε τις εφαρμογές από τα official links!

Typing text widget


10.11.10 | ,

Σήμερα θα δείτε πως μπορείτε να προσθέσετε στο 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; : Αυξομειώνοντας   αυτόν τον αριθμό    καθορίζετε τον χρόνο που θα εμφανίζεται η επόμενη παράγραφος από το κείμενό σας...          


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


2 Σχόλια...Αφήστε το δικό σας.:

pan de lees είπε...

παρα παρα παρα πολυ καλο....ωραιο κολπακι, magako....το εβαλα ηδη

aprosmeno είπε...

Πολύ καλό!!! Μπράβο magako!!!

Δημοσίευση σχολίου

Αφήστε ανώνυμα ή επώνυμα το σχόλιό σας (θετικό-αρνητικό) για αυτό το post ή απλά εκφράστε σχετικές απορίες σας...

@Από 19/09/2011 σχόλια που θα γράφονται με Greeklish θα διαγράφονται...

HTML tags που μπορείτε να χρησιμοποιήσετε:

Έντονη γραφή
Πλάγια γραφή
Εικόνα
Κυλιόμενο κείμενο
Σύνδεσμος
Χρωματισμός Κειμένου (Αντικαταστήστε το red με # και τον κωδικό χρώματος που θέλετε)

 
Ανακοίνωση: Επισκεφτείτε και κάντε εγγραφή τώρα στο Forum της σελίδας μας...Προγράμματα - Blogger tips - Τεχνολογικά νέα και πολλά άλλα σας περιμένουν.