Νέοι 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'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}
Ο ΚΩΔΙΚΑΣ: (βάλτε τον σαν 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'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}
8 σχόλια:
poli kalo
Παντελή ολα καλά, το δοκίμασα και έβαλα για υποδοχή βίντεο, παίζει κανονικά,αλλά θα ήθελα με την είσοδο στο blog το βίντεο να ξεκινά αυτόματα. Το autoplay σε ποιό σημείο του κώδικα μπαίνει??
ΚΑΛΗ ΧΡΟΝΙΑ
Γιώργος
Γιώργο μου, αυτό είναι μια άλλη πονεμένη ιστορία...στείλε μου με email τον κώδικα από το βίντεο, γιατί δεν είναι ακριβώς autoplay και πρεπει να δω τι βιντεο είναι (youtube ?)...αν είναι youtube είναι σχετικά εύκολο...στείλε μου το με email !!!
Να ρωτήσω κάτι..
Πως μπορώ να (αν γίνεται) με το πατημα πάνω στην εικόνα που έχω βάλει να κατευθήνεται ο αναγνώστης σε σελίδα του facebook???
Kωστα, απ οτι ειδα, το δικο σου το εκανες ηδη να οδηγει στο facebook...για να το κανεις να ανοιγει ενα λινκ (οταν πατας στην εικονα), πρεπει να ΤΡΟΠΟΠΟΙΗΣΕΙΣ το τελευταιο μερος του κωδικα ως εξης...
<a href="ΕΔΩ Η ΔΙΕΥΘΥΝΣΗ ΙΣΤΟΣΕΛΙΔΑΣ" style=""><center><img height="550" width="700" src="ΕΔΩ Η ΔΙΕΥΘΥΝΣΗ ΤΗΣ ΕΙΚΟΝΑΣ" />
Πολύ πολύ σ ευχαριστώ..Δούλεψε με τη μία..
Νιώθω να σε εκμεταλεύομαι αλλά επέτρεψέ μου να σου φάω λίγο ακόμα χρόνο..
Θέλω αν μπορείς να μου πείς κάποιους τρόπους για προσέλκυση κόσμου στη σελίδα στο FB μέσω του blog...
Εκ των προτέρων ευχαριστώ...
Αν δεν βαριέσαι απάντησε μου στο psaxou.blogspot@hotmail.com
πως μπορω να το βαλω να εμφανιζεται μονο στην αρχικη μου σελιδα..;
Τραιανε, κατα λαθος ειχα απενεργοποιησει το link που οδηγη στην αναρτηση που χρειαζεσαι...τι ενεργοποιησα παλι...μπες και δες την αναρτηση, πως θα το βαλεις μονο στην αρχικη σελιδα
Δημοσίευση σχολίου