Κρυφό Share Menu
ένα μενού που βρίσκεται στη δεξιά πλευρά του blog σας, στατικό, κρυφό, και ανοίγει όταν περνάει από πάνω το ποντίκι σας...
Γιατί το Blogs σας αργεί να Ανοίξει.Πρέπει να το Διαβάσουν Ολοι οι Bloggers
Μάθετε, τι είναι αυτό που αργεί το άνοιγμα του blog σας, και αν είναι δυνατόν, διορθώστε το ...
Floating menu - Αναπτυσσόμενο μενου
Eνα πολύ όμορφο, πρακτικό και εύκολο μενου, πιάνει λίγο χώρο, γιατί αναπτύσσεται μόλις περάσει από πάνω του το ποντίκι...
Gadget για Facebook Pop up Like Μιας Χρήσεως
Και ο τίτλος σημαίνει οτι αυτό το gadget θα εμφανιστεί ΜΟΝΟ ΜΙΑ ΦΟΡΑ, σε κάθε επισκέπτη σας, ...
Μειώστε Το Κενό Πανω+Κάτω Απο το Header / Reduce the space above+after header
...μειώσετε το κενό, ανάμεσα στη κορυφή του blog, και της κεφαλίδας του τίτλου......
Μειώστε το κενό ανάμεσα στις αναρτήσεις του blog
Μειώσετε τα κενά ανάμεσα στις αναρτήσεις σας (εφ' όσον ανεβάζετε μια ανάρτηση κάθε ημέρα η περισσότερο)...
Αφαιρέστε το: Εγγραφή σε Αναρτήσεις (Atom)
Πολλοί από εσάς θέλετε να σβήσετε από το blog σας τη φράση "Εγγραφή σε Αναρτήσεις (Atom)"....
Πρόσφατες Αναρτήσεις από το dr-blogger

Redirect link (Ανακατεύθυνση του blog σας)

Νέοι bloggers γεια σας...
Σήμερα θα δούμε πως μπορούμε να κάνουμε ανακατεύθυνση της σελίδας μας...Ο φίλος μου ο Γιώργος δεν μπορεί να στείλει τις αναρτήσεις του blog του στο facebook, γιατί (για κάποιο λόγο) έχει αποκλείσει τη διεύθυνση του blog του.....Ετσι, έχει 2 επιλογές....η να αλλάξει τη διεύθυνση σε domain name (και το facebook να χάσει τη διεύθυνσή του), η να φτιάξει ένα άλλο blog !.....και οι φίλοι του που έμπαιναν στο προηγούμενο; ...Κανένα πρόβλημα....

Υπάρχει ένα script που το βάζετε στο blog σας σαν gadget, και στέλνει τους επισκέπτες σας στο νέο blog....


Κάνουμε αντιγραφή-επικόλληση (copy-paste) τον παρακάτω κώδικα:

<form name="redirect"> 
<center> 
<font face="Arial"><b>You will be redirected to the new page in<br><br> 
<form> 
<input type="text" size="3" name="redirect2"> 
</form> 
seconds</b></font> 
</center> 

<script> 
<!-- 
//change below target URL to your own 
var targetURL=" ΕΔΩ Η ΔΙΕΥΘΥΝΣΗ (URL) ΤΗΣ ΝΕΑΣ ΣΕΛΙΔΑΣ
//change the second to start counting down from 
var countdownfrom=5 

var currentsecond=document.redirect.redirect2.value=countdownfrom+1 
function countredirect(){ 
if (currentsecond!=1){ 
currentsecond-=1 
document.redirect.redirect2.value=currentsecond 
else{ 
window.location=targetURL 
return 
setTimeout("countredirect()",1000) 

countredirect() 
//--> 
</script>

***Μη ξεχάσετε να βάλετε τη νέα διεύθυνση εκεί που λέει  ΕΔΩ Η ΔΙΕΥΘΥΝΣΗ (URL) ΤΗΣ ΝΕΑΣ ΣΕΛΙΔΑΣ  και αλλάξτε αν θέλετε το νούμερο των δευτερολέπτων (5) που θα γίνεται η ανακατεύθυνση....
Πατήστε ΑΠΟΘΗΚΕΥΣΗ / SAVE ....και ...ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!! 
***Αυτόν τον κώδικα τον βρήκα σε ένα φόρουμ 


{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}

Redirect link (Ανακατεύθυνση του blog σας)

Νέοι bloggers γεια σας...
Σήμερα θα δούμε πως μπορούμε να κάνουμε ανακατεύθυνση της σελίδας μας...Ο φίλος μου ο Γιώργος δεν μπορεί να στείλει τις αναρτήσεις του blog του στο facebook, γιατί (για κάποιο λόγο) έχει αποκλείσει τη διεύθυνση του blog του.....Ετσι, έχει 2 επιλογές....η να αλλάξει τη διεύθυνση σε domain name (και το facebook να χάσει τη διεύθυνσή του), η να φτιάξει ένα άλλο blog !.....και οι φίλοι του που έμπαιναν στο προηγούμενο; ...Κανένα πρόβλημα....

Υπάρχει ένα script που το βάζετε στο blog σας σαν gadget, και στέλνει τους επισκέπτες σας στο νέο blog....


Κάνουμε αντιγραφή-επικόλληση (copy-paste) τον παρακάτω κώδικα:

<form name="redirect"> 
<center> 
<font face="Arial"><b>You will be redirected to the new page in<br><br> 
<form> 
<input type="text" size="3" name="redirect2"> 
</form> 
seconds</b></font> 
</center> 

<script> 
<!-- 
//change below target URL to your own 
var targetURL=" ΕΔΩ Η ΔΙΕΥΘΥΝΣΗ (URL) ΤΗΣ ΝΕΑΣ ΣΕΛΙΔΑΣ
//change the second to start counting down from 
var countdownfrom=5 

var currentsecond=document.redirect.redirect2.value=countdownfrom+1 
function countredirect(){ 
if (currentsecond!=1){ 
currentsecond-=1 
document.redirect.redirect2.value=currentsecond 
else{ 
window.location=targetURL 
return 
setTimeout("countredirect()",1000) 

countredirect() 
//--> 
</script>

***Μη ξεχάσετε να βάλετε τη νέα διεύθυνση εκεί που λέει  ΕΔΩ Η ΔΙΕΥΘΥΝΣΗ (URL) ΤΗΣ ΝΕΑΣ ΣΕΛΙΔΑΣ  και αλλάξτε αν θέλετε το νούμερο των δευτερολέπτων (5) που θα γίνεται η ανακατεύθυνση....
Πατήστε ΑΠΟΘΗΚΕΥΣΗ / SAVE ....και ...ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!! 
***Αυτόν τον κώδικα τον βρήκα σε ένα φόρουμ 


{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}

Redirect link (Ανακατεύθυνση του blog σας)

Νέοι bloggers γεια σας...
Σήμερα θα δούμε πως μπορούμε να κάνουμε ανακατεύθυνση της σελίδας μας...Ο φίλος μου ο Γιώργος δεν μπορεί να στείλει τις αναρτήσεις του blog του στο facebook, γιατί (για κάποιο λόγο) έχει αποκλείσει τη διεύθυνση του blog του.....Ετσι, έχει 2 επιλογές....η να αλλάξει τη διεύθυνση σε domain name (και το facebook να χάσει τη διεύθυνσή του), η να φτιάξει ένα άλλο blog !.....και οι φίλοι του που έμπαιναν στο προηγούμενο; ...Κανένα πρόβλημα....
Διαβάστε περισσότερα »

Add a Comment button (Εικόνα αντί για φράση)

Νέοι bloggers γεια σας...

Σήμερα θα δούμε πως βάζουμε μια εικόνα (πλήκτρου), δίπλα στη φράση "δημοσίευση σχολίου", στο τέλος κάθε ανάρτησης μας...Πρώτα όμως, πρέπει να βρούμε την κατάλληλη εικόνα, που θα αντικαταστήσει τη φράση...
Ψάχνουμε λοιπόν στο Google => εικόνες, με τη φράση "comment button" η "comment image"...μόλις βρούμε αυτή που μας ταιριάζει, γράφουμε κάπου copy-paste το url της (διεύθυνση εικόνας), και συνεχίζουμε για να βρούμε σε ποιο σημείο του HTML, θα τη βάλουμε...


Συνδεόμαστε με τον Blogger, (Κάντε μια λήψη πλήρους προτύπου για καλό και για κακό) και στην Σχεδίαση => Επεξεργασία HTML, τσεκάρουμε το Επέκταση προτύπων γραφικών στοιχείων.Στη συνέχεια με τον γνωστό τρόπο Ctrl+F,ψάχνουμε να βρούμε το...


<a expr:href='data:post.addCommentUrl'


...αν δεν το βρείτε στο πρότυπό σας, δοκιμάστε να βρείτε τη φράση:


<data:postCommentMsg/>


...υπάρχουν περίπου 2-3 τέτοιες φράσεις, αλλά εσείς διαλέξτε την τελευταία....
Και ανάμεσα στη φράση  :  <data:postCommentMsg/> ΕΔΩ Η ΦΡΑΣΗ  </a>
εκεί που υπάρχει η κόκκινη φράση, βάλτε τον εξης κώδικα:


<img src=' ΕΔΩ Η ΔΙΕΥΘΥΝΣΗ ' style='border:0px'/>


...όπου βέβαια, θα αντικαταστήσετε τη διεύθυνση με το url της εικόνας...
οπότε θα δείχνει π.χ. κάπως έτσι  =>


<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhJZt8lr839yperbnlyxDTagr042tD05euvnQ2orPq8y5aX8qfuGdEgxIWl7RZ6llPcT-qHAyicXIDCmYncMMmVC06qN-ns3mKYPsNSic06miqJREyk_GQpNA42Z0o1OFUDeJz9tgkwGQL/s1600/CommentButton.png' style='border:0px'/>


...κάντε μια ΠΡΟΕΠΙΣΚΟΠΙΣΗ, και αν όλα πάνε καλά, πατήστε ΑΠΟΘΗΚΕΥΣΗ...
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!


Υ.Γ.
***Αν θέλετε να εμφανίζεται μόνον η εικόνα, χωρίς τη φράση "δημοσίευση σχολίου", θα πρέπει να σβήσετε τη φράση του κώδικα:  <data:postCommentMsg/>  


{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}

Add a Comment button (Εικόνα αντί για φράση)

Νέοι bloggers γεια σας...

Σήμερα θα δούμε πως βάζουμε μια εικόνα (πλήκτρου), δίπλα στη φράση "δημοσίευση σχολίου", στο τέλος κάθε ανάρτησης μας...Πρώτα όμως, πρέπει να βρούμε την κατάλληλη εικόνα, που θα αντικαταστήσει τη φράση...
Ψάχνουμε λοιπόν στο Google => εικόνες, με τη φράση "comment button" η "comment image"...μόλις βρούμε αυτή που μας ταιριάζει, γράφουμε κάπου copy-paste το url της (διεύθυνση εικόνας), και συνεχίζουμε για να βρούμε σε ποιο σημείο του HTML, θα τη βάλουμε...


Συνδεόμαστε με τον Blogger, (Κάντε μια λήψη πλήρους προτύπου για καλό και για κακό) και στην Σχεδίαση => Επεξεργασία HTML, τσεκάρουμε το Επέκταση προτύπων γραφικών στοιχείων.Στη συνέχεια με τον γνωστό τρόπο Ctrl+F,ψάχνουμε να βρούμε το...


<a expr:href='data:post.addCommentUrl'


...αν δεν το βρείτε στο πρότυπό σας, δοκιμάστε να βρείτε τη φράση:


<data:postCommentMsg/>


...υπάρχουν περίπου 2-3 τέτοιες φράσεις, αλλά εσείς διαλέξτε την τελευταία....
Και ανάμεσα στη φράση  :  <data:postCommentMsg/> ΕΔΩ Η ΦΡΑΣΗ  </a>
εκεί που υπάρχει η κόκκινη φράση, βάλτε τον εξης κώδικα:


<img src=' ΕΔΩ Η ΔΙΕΥΘΥΝΣΗ ' style='border:0px'/>


...όπου βέβαια, θα αντικαταστήσετε τη διεύθυνση με το url της εικόνας...
οπότε θα δείχνει π.χ. κάπως έτσι  =>


<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhJZt8lr839yperbnlyxDTagr042tD05euvnQ2orPq8y5aX8qfuGdEgxIWl7RZ6llPcT-qHAyicXIDCmYncMMmVC06qN-ns3mKYPsNSic06miqJREyk_GQpNA42Z0o1OFUDeJz9tgkwGQL/s1600/CommentButton.png' style='border:0px'/>


...κάντε μια ΠΡΟΕΠΙΣΚΟΠΙΣΗ, και αν όλα πάνε καλά, πατήστε ΑΠΟΘΗΚΕΥΣΗ...
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!


Υ.Γ.
***Αν θέλετε να εμφανίζεται μόνον η εικόνα, χωρίς τη φράση "δημοσίευση σχολίου", θα πρέπει να σβήσετε τη φράση του κώδικα:  <data:postCommentMsg/>  


{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}

Add a Comment button (Εικόνα αντί για φράση)

Νέοι bloggers γεια σας...

Σήμερα θα δούμε πως βάζουμε μια εικόνα (πλήκτρου), δίπλα στη φράση "δημοσίευση σχολίου", στο τέλος κάθε ανάρτησης μας...Πρώτα όμως, πρέπει να βρούμε την κατάλληλη εικόνα, που θα αντικαταστήσει τη φράση...
Διαβάστε περισσότερα »

Floating Hover Text (κείμενο στον κέρσορα)

Νέοι bloggers γεια σας...

Σήμερα θα δούμε πως βάζουμε ένα κείμενο, να ακολουθεί τον κέρσορα του ποντικιού σας...Είναι πολύ απλό, και εύκολο, αλλά και εντυπωσιακό ! Μπαίνει σαν gadget !  DEMO ΕΔΩ






Kάντε αντιγραφή-επικόλληση τον παρακάτω κώδικα (μέσα στο HTML/JavaScript) :



<script language="javascript">

// ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE.

var text=' TO KEIMENO ΣΑΣ ΕΔΩ...';

var delay=40; // SPEED OF TRAIL
var Xoff=0; // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT)
var Yoff=-30; // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP)
var txtw=14; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES
var beghtml='<font color="#00436e"><b>'; // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC.
var endhtml='</b></font>'; // END HTML CODE. MOSTLY USED IF ABOVE SETTING IS USED.

//********** NO NEED TO EDIT BELOW HERE **********\\

ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
ie4 = (document.all && !document.getElementById)? true : false;
ie5 = (document.all && document.getElementById)? true : false;
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var txtA=new Array();
text=text.split('');
var x1=0;
var y1=-1000;
var t='';
for(i=1;i<=text.length;i++){
t+=(ns4)? '<layer name="txt'+i+'" top="-100" left="0" width="'+txtw+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
t+=beghtml+text[i-1]+endhtml;
t+=(ns4)? '</layer>' : '</div>';
}
document.write(t);
function moveid(id,x,y){
if(ns4)id.moveTo(x,y);
else{
id.style.left=x+'px';
id.style.top=y+'px';
}}
function animate(evt){
x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
}
function getidleft(id){
if(ns4)return id.left;
else return parseInt(id.style.left);
}
function getidtop(id){
if(ns4)return id.top;
else return parseInt(id.style.top);
}
function getwindowwidth(){
if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
else return window.innerWidth+pageXOffset;
}
function movetxts(){
for(i=text.length;i>1;i=i-1){
if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
moveid(txtA[i-1],0,-1000);
moveid(txtA[i],0,-1000);
}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
}
moveid(txtA[1],x1,y1);
}
window.onload=function(){
for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);
if(ns4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=animate;
setInterval('movetxts()',delay);
}
</script>

(*...και αλλάξτε τη κόκκινη φράση TO KEIMENO ΣΑΣ ΕΔΩ... με τη φράση που θέλετε εσείς...)

Πατήστε ΑΠΟΘΗΚΕΥΣΗ, και είστε έτοιμοι...
(***επειδή πολλά JavaScript δεν λειτουργούν σε μερικά "παραφορτωμένα" blogs, η "συγκρούονται " με άλλα, η κάνουν το blog σας να ανοίγει πιο αργά,...δοκιμάστε το, και αν δείτε κάποιο πρόβλημα, τότε βγάλτε το....αν και δεν νομίζω να συμβεί με το εν λόγω JavaScript)
ΠΛΗΡΟΦΟΡΙΕΣ ΑΠΟ : royaltutor.net  (είναι πολύ διαδεδομένο, και υπάρχει κώδικας σε πολλά blogs)


{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}

Floating Hover Text (κείμενο στον κέρσορα)

Νέοι bloggers γεια σας...

Σήμερα θα δούμε πως βάζουμε ένα κείμενο, να ακολουθεί τον κέρσορα του ποντικιού σας...Είναι πολύ απλό, και εύκολο, αλλά και εντυπωσιακό ! Μπαίνει σαν gadget !  DEMO ΕΔΩ






Kάντε αντιγραφή-επικόλληση τον παρακάτω κώδικα (μέσα στο HTML/JavaScript) :



<script language="javascript">

// ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE.

var text=' TO KEIMENO ΣΑΣ ΕΔΩ...';

var delay=40; // SPEED OF TRAIL
var Xoff=0; // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT)
var Yoff=-30; // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP)
var txtw=14; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES
var beghtml='<font color="#00436e"><b>'; // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC.
var endhtml='</b></font>'; // END HTML CODE. MOSTLY USED IF ABOVE SETTING IS USED.

//********** NO NEED TO EDIT BELOW HERE **********\\

ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
ie4 = (document.all && !document.getElementById)? true : false;
ie5 = (document.all && document.getElementById)? true : false;
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var txtA=new Array();
text=text.split('');
var x1=0;
var y1=-1000;
var t='';
for(i=1;i<=text.length;i++){
t+=(ns4)? '<layer name="txt'+i+'" top="-100" left="0" width="'+txtw+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
t+=beghtml+text[i-1]+endhtml;
t+=(ns4)? '</layer>' : '</div>';
}
document.write(t);
function moveid(id,x,y){
if(ns4)id.moveTo(x,y);
else{
id.style.left=x+'px';
id.style.top=y+'px';
}}
function animate(evt){
x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
}
function getidleft(id){
if(ns4)return id.left;
else return parseInt(id.style.left);
}
function getidtop(id){
if(ns4)return id.top;
else return parseInt(id.style.top);
}
function getwindowwidth(){
if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
else return window.innerWidth+pageXOffset;
}
function movetxts(){
for(i=text.length;i>1;i=i-1){
if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
moveid(txtA[i-1],0,-1000);
moveid(txtA[i],0,-1000);
}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
}
moveid(txtA[1],x1,y1);
}
window.onload=function(){
for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);
if(ns4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=animate;
setInterval('movetxts()',delay);
}
</script>

(*...και αλλάξτε τη κόκκινη φράση TO KEIMENO ΣΑΣ ΕΔΩ... με τη φράση που θέλετε εσείς...)

Πατήστε ΑΠΟΘΗΚΕΥΣΗ, και είστε έτοιμοι...
(***επειδή πολλά JavaScript δεν λειτουργούν σε μερικά "παραφορτωμένα" blogs, η "συγκρούονται " με άλλα, η κάνουν το blog σας να ανοίγει πιο αργά,...δοκιμάστε το, και αν δείτε κάποιο πρόβλημα, τότε βγάλτε το....αν και δεν νομίζω να συμβεί με το εν λόγω JavaScript)
ΠΛΗΡΟΦΟΡΙΕΣ ΑΠΟ : royaltutor.net  (είναι πολύ διαδεδομένο, και υπάρχει κώδικας σε πολλά blogs)


{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}

Floating Hover Text (κείμενο στον κέρσορα)

Νέοι bloggers γεια σας...

Σήμερα θα δούμε πως βάζουμε ένα κείμενο, να ακολουθεί τον κέρσορα του ποντικιού σας...Είναι πολύ απλό, και εύκολο, αλλά και εντυπωσιακό ! Μπαίνει σαν gadget !  DEMO ΕΔΩ

Διαβάστε περισσότερα »

Button / Κουμπι "Read More"

Νέοι bloggers γεια σας...

Σήμερα θα δούμε πως βάζουμε μια εικόνα, με "read more" (διαβάστε περισσότερα) εκεί που είναι το κείμενο "διαβάστε περισσότερα"...Πρώτα όμως κρατήστε οπωσδήποτε ένα αντίγραφο του κώδικα της σελίδας σας...
Συνδεόμαστε με τον Blogger, και στην Σχεδίαση => Επεξεργασία HTML, τσεκάρουμε το Επέκταση προτύπων γραφικών στοιχείων.Στη συνέχεια με τον γνωστό τρόπο Ctrl+F,ψάχνουμε να βρούμε το...

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'>Read More </a>
</div>
</b:if >

( *...εάν βρήκατε αυτόν τον κώδικα, προσπεράστε την υποσημείωση που βάζω...αλλά πριν προσπεράσετε, βεβαιωθείτε οτι η τρίτη σειρά του κώδικα, λέει :

1)   <a expr:href='data:post.url + "#more"'>Read More </a>

και όχι : 

2)  <a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>

αλλιώς αντικαταστήστε τη 2η φράση με την 1η...) 

Εάν λοιπόν δεν υπάρχει αυτός ο κώδικας που θέλουμε, ψάχνουμε με  (CTRL+F) και βρίσκουμε το : <data:post.body/>
και ακριβώς ΜΕΤΑ ΑΠΟ ΑΥΤΟ επικολλάμε τον κώδικα

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'>Read More </a>
</div>
</b:if >

...έτσι λοιπόν τώρα θα φαίνεται η φράση:  Read More
για να φανεί λοιπόν η εικόνα, πρέπει να βάλουμε  εκεί που είναι η μπλε φράση, τον παρακάτω κώδικα:

<img border="0" src="ΕΔΩ ΤΟ URL ΤΗΣ ΕΙΚΟΝΑΣ"/>

...έτσι θα φαίνεται σαν:  π.χ.: 

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaz-l8uF0AQ0k2OYzzRg0BAOPGUPL16T-v0uzO_BoeECy0BHzQ9GffGUInOsg6Xrr6NgMxbvMDUsdDQsmh7fhlFAAwp1F5ZqdMmzQ2wzoIJm13_i0GIZB4MbCu9MBvy4GpnuTEt4ZY9p9t/"/>

*εάν θέλετε να φαίνεται η εικόνα στη δεξιά η στην αριστερή πλευρά της ανάρτησης, πρέπει να διαλέξετε μία από τις 2 κόκκινες φράσεις που προσδιορίζουν την δεξιά η την αριστερή μεριά...

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><p align="Left"><img border="0" src="Paste here the button Image URL"/></p></a>
</div>
</b:if >
(αυτό θα το βάλει αριστερά).

ή

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><p align="right"><img border="0" src="Paste here the button Image URL"/></p></a>
</div>
</b:if >
(αυτό θα το βάλει δεξιά)


...αυτό ήταν !!!Κάντε ΠΡΟΕΠΙΣΚΌΠΙΣΗ και αν όλα δείχνουν εντάξει, πατήστε ΑΠΟΘΗΚΕΥΣΗ !!!
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!
***Γιά να βρείτε εικόνες με read more, βάλτε τη φράση read more button στο google=>εικόνες...
Πληροφορίες από : royaltutor.net


{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}  

Button / Κουμπι "Read More"

Νέοι bloggers γεια σας...

Σήμερα θα δούμε πως βάζουμε μια εικόνα, με "read more" (διαβάστε περισσότερα) εκεί που είναι το κείμενο "διαβάστε περισσότερα"...Πρώτα όμως κρατήστε οπωσδήποτε ένα αντίγραφο του κώδικα της σελίδας σας...
Συνδεόμαστε με τον Blogger, και στην Σχεδίαση => Επεξεργασία HTML, τσεκάρουμε το Επέκταση προτύπων γραφικών στοιχείων.Στη συνέχεια με τον γνωστό τρόπο Ctrl+F,ψάχνουμε να βρούμε το...

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'>Read More </a>
</div>
</b:if >

( *...εάν βρήκατε αυτόν τον κώδικα, προσπεράστε την υποσημείωση που βάζω...αλλά πριν προσπεράσετε, βεβαιωθείτε οτι η τρίτη σειρά του κώδικα, λέει :

1)   <a expr:href='data:post.url + "#more"'>Read More </a>

και όχι : 

2)  <a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>

αλλιώς αντικαταστήστε τη 2η φράση με την 1η...) 

Εάν λοιπόν δεν υπάρχει αυτός ο κώδικας που θέλουμε, ψάχνουμε με  (CTRL+F) και βρίσκουμε το : <data:post.body/>
και ακριβώς ΜΕΤΑ ΑΠΟ ΑΥΤΟ επικολλάμε τον κώδικα

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'>Read More </a>
</div>
</b:if >

...έτσι λοιπόν τώρα θα φαίνεται η φράση:  Read More
για να φανεί λοιπόν η εικόνα, πρέπει να βάλουμε  εκεί που είναι η μπλε φράση, τον παρακάτω κώδικα:

<img border="0" src="ΕΔΩ ΤΟ URL ΤΗΣ ΕΙΚΟΝΑΣ"/>

...έτσι θα φαίνεται σαν:  π.χ.: 

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaz-l8uF0AQ0k2OYzzRg0BAOPGUPL16T-v0uzO_BoeECy0BHzQ9GffGUInOsg6Xrr6NgMxbvMDUsdDQsmh7fhlFAAwp1F5ZqdMmzQ2wzoIJm13_i0GIZB4MbCu9MBvy4GpnuTEt4ZY9p9t/"/>

*εάν θέλετε να φαίνεται η εικόνα στη δεξιά η στην αριστερή πλευρά της ανάρτησης, πρέπει να διαλέξετε μία από τις 2 κόκκινες φράσεις που προσδιορίζουν την δεξιά η την αριστερή μεριά...

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><p align="Left"><img border="0" src="Paste here the button Image URL"/></p></a>
</div>
</b:if >
(αυτό θα το βάλει αριστερά).

ή

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><p align="right"><img border="0" src="Paste here the button Image URL"/></p></a>
</div>
</b:if >
(αυτό θα το βάλει δεξιά)


...αυτό ήταν !!!Κάντε ΠΡΟΕΠΙΣΚΌΠΙΣΗ και αν όλα δείχνουν εντάξει, πατήστε ΑΠΟΘΗΚΕΥΣΗ !!!
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!
***Γιά να βρείτε εικόνες με read more, βάλτε τη φράση read more button στο google=>εικόνες...
Πληροφορίες από : royaltutor.net


{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}