Γίνετε μέλος του Dr-blogger στο fb.Απλά πατήστε like από κάτω

photto




8 Lightbox για Είσοδο στο Blog σας

Νέοι bloggers γεια σας !!!Χωρίς πολλά λόγια σας δίνω ένα κώδικα για εικόνα, η βίντεο η κείμενο (στατικό) που καλωσορίζει τον επισκέπτη στο blog σας...DEMO...την εικόνα που βλέπετε, μπορεί να είναι και βίντεο, η κείμενο, και να δείχνει η γράφει οτιδήποτε !!!Και βέβαια, αντί για καλωσόρισμα μπορείτε να βάλετε ότι μήνυμα εσείς θέλετε...Δεν μπαίνει ο επισκέπτης στο blog σας αν δεν το κλείσει....
Ο ΚΩΔΙΚΑΣ: (βάλτε τον σαν gadget-javascript)

<div class="widget-content">
<style type="text/css">
<!--#Layer1 {
    position:fixed;
    width:700px;
    height:414px;
    left:160px;
top:50px;
    z-index:1;
}
-->
</style>

<script type="text/JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
//-->
</script>

<script language="JavaScript1.2">

isMouseover = false;
isDragging = false;

function MouseDownLayer(e)
{
   isIE = document.all;

   documentTag = isIE ? "BODY" : "HTML";
   srcElement = isIE ? event.srcElement : e.target;
   layerElement = isIE ? document.all.Layer1 : document.getElementById("Layer1");

   while (srcElement.id != "Layer1TitleBar" && srcElement.tagName != documentTag)
   {
      srcElement = isIE ? srcElement.parentElement : srcElement.parentNode;
   }
   if (srcElement.id == "Layer1TitleBar")
   {
      offsetX = isIE ? event.clientX : e.clientX;
      offsetY = isIE ? event.clientY : e.clientY;
      currentX = parseInt(layerElement.style.left);
      currentY = parseInt(layerElement.style.top);
      isDragging = true;
      document.onmousemove = MouseMoveLayer;
  }
}

function MouseMoveLayer(e)
{
   if (!isDragging) return;

   // Internet Explorer ?
   if (document.all)
   {
      layerElement.style.left = currentX+event.clientX-offsetX;
      layerElement.style.top = currentY+event.clientY-offsetY;
   }
   else
   {
      layerElement.style.left = currentX+e.clientX-offsetX + "px";
      layerElement.style.top = currentY+e.clientY-offsetY + "px";
   }
   return false;
}

document.onmousedown = MouseDownLayer;
document.onmouseup = Function("isDragging=false");

</script>

<div id="Layer1"> <table border="0" bgcolor="#103C7B" width="100%" cellspacing="0" cellpadding="2">
<tbody><tr>
   <td id="Layer1TitleBar" style="cursor:move" width="100%">
      <ilayer width="100%" onselectstart="return false">
      <layer width="100%" onmouseover="isMouseover=true" onmouseout="isMouseover=false">
      <font face="Arial" color="#FFFFFF" style="font-size:13px;text-decoration:none"><b></b></font>      </layer>
      </ilayer>
   </td>
   <td style="cursor:hand" valign="top">
      <a href="#" onclick="layerElement.style.visibility='hidden';return false">
      <font color="#FFFFFF" face="Arial" style="font-size:13px;text-decoration:none"><b>Κλείσιμο</b></font>
      </a>
   </td>
</tr>
</tbody></table><a href="#" style=""><center><img  height="550" width="700"  src="http://i972.photobucket.com/albums/ae206/RuSsiA_Bboy/Welcome-to-my-page.gif" /></div></center></a></div>

***τα χρωματιστά σημεία, σας δείχνουν τα μεγέθη, τις διαστάσεις και με το μπλε φόντο, σας δείχνω που θα βάλετε τη φωτογραφία, το βιντεο η το κείμενο
***ΠΟΛΥ ΣΗΜΑΝΤΙΚΟ .....επειδή δεν πρέπει να λειτουργεί συνέχεια και σε όλες τις σελίδες του blog σας, (γιατί θα σπάσετε τα νεύρα στους επισκέπτες σας που θα πρέπει να το κλείνουν σε κάθε ανάρτηση σας που θα διαβάζουν), διαβάστε αυτην την ανάρτηση, ΚΑΝΤΕ ΤΑ WIDGETS ΟΡΑΤΑ/ΚΡΥΦΑ ΣΕ ΣΥΓΚΕΚΡΙΜΕΝΕΣ ΣΕΛΙΔΕΣ  για να βάλετε αυτό το gadget ΜΟΝΟΝ στην αρχική σελίδα....
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!(για απορίες σας, στείλτε email η γράψτε σχόλιο)
{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}
Related Posts Plugin for WordPress, Blogger...
Print Friendly and PDF

8 σχόλια:

Roustell:Info Round The World,For The World είπε...

poli kalo

Γιώργος είπε...

Παντελή ολα καλά, το δοκίμασα και έβαλα για υποδοχή βίντεο, παίζει κανονικά,αλλά θα ήθελα με την είσοδο στο blog το βίντεο να ξεκινά αυτόματα. Το autoplay σε ποιό σημείο του κώδικα μπαίνει??
ΚΑΛΗ ΧΡΟΝΙΑ
Γιώργος

pandelees karagiann είπε...

Γιώργο μου, αυτό είναι μια άλλη πονεμένη ιστορία...στείλε μου με email τον κώδικα από το βίντεο, γιατί δεν είναι ακριβώς autoplay και πρεπει να δω τι βιντεο είναι (youtube ?)...αν είναι youtube είναι σχετικά εύκολο...στείλε μου το με email !!!

kostas kall είπε...

Να ρωτήσω κάτι..
Πως μπορώ να (αν γίνεται) με το πατημα πάνω στην εικόνα που έχω βάλει να κατευθήνεται ο αναγνώστης σε σελίδα του facebook???

pandelees karagiann είπε...

Kωστα, απ οτι ειδα, το δικο σου το εκανες ηδη να οδηγει στο facebook...για να το κανεις να ανοιγει ενα λινκ (οταν πατας στην εικονα), πρεπει να ΤΡΟΠΟΠΟΙΗΣΕΙΣ το τελευταιο μερος του κωδικα ως εξης...

<a href="ΕΔΩ Η ΔΙΕΥΘΥΝΣΗ ΙΣΤΟΣΕΛΙΔΑΣ" style=""><center><img height="550" width="700" src="ΕΔΩ Η ΔΙΕΥΘΥΝΣΗ ΤΗΣ ΕΙΚΟΝΑΣ" />

kostas kall είπε...

Πολύ πολύ σ ευχαριστώ..Δούλεψε με τη μία..
Νιώθω να σε εκμεταλεύομαι αλλά επέτρεψέ μου να σου φάω λίγο ακόμα χρόνο..
Θέλω αν μπορείς να μου πείς κάποιους τρόπους για προσέλκυση κόσμου στη σελίδα στο FB μέσω του blog...
Εκ των προτέρων ευχαριστώ...
Αν δεν βαριέσαι απάντησε μου στο psaxou.blogspot@hotmail.com

Traianos Damo είπε...

πως μπορω να το βαλω να εμφανιζεται μονο στην αρχικη μου σελιδα..;

pandelees karagiann είπε...

Τραιανε, κατα λαθος ειχα απενεργοποιησει το link που οδηγη στην αναρτηση που χρειαζεσαι...τι ενεργοποιησα παλι...μπες και δες την αναρτηση, πως θα το βαλεις μονο στην αρχικη σελιδα