Καλημέρα bloggers, κοντά σας και πάλι με ένα πολύ χρήσιμο άρθρο θα διαγράψουμε από το blog μας το πολύ ενοχλητικό μήνυμα: Εγγραφή σε Αναρτήσεις Atom, έψαξα παρά πολύ και νομίζω βρήκα των πιο εύκολο τρόπο.
Πραγματικά το συγκεκριμένο μήνυμα είναι τελείως άχρηστο καθώς υπάρχει το rss  και οι αναγνώστες μας μπορούν να κάνουν εγγραφή στο blog μας από το rss.
Να θυμίσω πως στα προηγούμενα άρθρα μου σας είχα δειξη σε ποια σημεία γίνονται τα περισσότερα click:
Θερμικός πινάκας της google adsense

Επιστέφω στο θέμα μας και πάμε:

1) Πίνακάς έλεγχου
2) Σχεδίασή
3) Επεξεργασία HTML

Λοιπόν τώρα θα πρέπει να βρούμε στο πρότυπο μας την γραμμή με το αστεράκι:----------------------------------------------- */ το έχουν όλα τα πρότυπα είναι πάνω πάνω σχεδόν στο πρότυπο μας δείτε την εικόνα:
Ακριβώς κάτω από αυτήν την γραμμή θα βάλουμε αυτών των κώδικα: .feed-links {display: none; }

Αυτό ήταν πατάμε αποθήκευση και τελειώνει όλοι η ιστορία..)) παιδιά τα λέμε ατά επόμενα άρθρα

Καλημέρα bloggers , χθες το βράδυ έλαβα 3 email με την ιδία ερώτηση: πως να βγαλουμε την μπαρα που έχει το blogger, από την Μαρία τον Νικό και τον Κώστα.
Επειδη λοιπόν εγώ δεν χαλαω χατίρια γιατί είμαι καλό παΐδι…)))) είπα να γράψω αυτό το άρθρο έτσι ώστε να μην δυσκολευτείτε να αφαιρέσετε την navbar.
Να σας θυμισω πως είχα γράψει ένα παρά πολύ καλό άρθρο μέσα στο όποιο αναφέρω πως να βγούμε στην πρώτη δεκάδα στην google ορίστε και το link: blog στο blogger

Πάμε τώρα να αφαιρέσουμε την navbar του blogger:

1) Πίνακάς έλεγχου
2) Σχεδίασή
3) Επεξεργασία HTML
4) τσεκάρουμε το τετραγωνάκι (Επέκταση προτύπων γραφικών στοιχείων)
5) Πατάμε στο πληκτρολόγιο μας ctrl+f οπού μας ανοίγει ένα παραθυράκι αναζητήσεις.

Αντιγράφουμε των παρακάτω κωδικό; ]]</b:skin> και το  επικολλούμε στον παραθυράκι της αναζητήσεις, και αμέσως το βρίσκουμε μέσα στους κωδικούς HTML.

Ακριβώς πάνω από αυτών των κωδικό προσθέτουμε αυτών:

#navbar-iframe { display: none !important; }

Πατάμε αποθήκευση πρότυπου και τέλος
Και είστε έτοιμη.!! εάν σας άρεσε το άρθρο αφήστε σχόλιο.

Καλησπέρα bloggers, για κάποιο λόγο μου ξέφυγε το αυτόματο read more για blog, και με την αφορμή ενός πολύ κάλου αναγνώστη του blog μου είπα να σήμερα να δημοσιεύσω των τρόπο με τον όποιο μπορούμε να βάλουμε το read more στο blog μας.
Ας θυμηθούμε όμως πως στα πολύ προσθετά άρθρα μου είχα δημοσίευση ένα βίντεο μάθημα όσοι δεν το έχετε δει ακόμα θα το βρείτε:

1) Πίνακάς έλεγχου
2) Σχεδίασή
3) Επεξεργασία HTML
4) τσεκάρουμε το τετραγωνάκι (Επέκταση προτύπων γραφικών στοιχείων)
5) Πατάμε στο πληκτρολόγιο μας ctrl+f οπού μας ανοίγει ένα παραθυράκι αναζητήσεις.

Αντιγράφουμε των παρακάτω κωδικό; </head> και το  επικολλούμε στον παραθυράκι της αναζητήσεις, και αμέσως το βρίσκουμε μέσα στους κωδικούς HTML.

Ακριβώς πάνω από αυτών των κωδικό προσθέτουμε αυτών:

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

Τώρα βρείτε με τον ιδιο τροπο το <data:post.body/> και αντικαταστήστε αυτόν τον κωδικό με τον παρακάτω:

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> read more "<data:post.title/>"</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
</b:if>

Πατάμε αποθήκευση πρότυπου και τέλος

Και είστε έτοιμη.!! εάν σας άρεσε το άρθρο αφήστε σχόλιο.

Καλησπέρα bloggers σήμερα θα σας παρουσιάσω ένα πολύ όμορφο Slideshow για το blog σας είναι ένα παρά πολύ απλό κομψό Slideshow, υπάρχουν παρά πολλά  Slideshow τα όποια θα μπορούσατε να τα επιλέξετε και να τα βάλετε στο blog σας, προσωπικά έμενα δεν μου αρέσει να γεμίζω το blog μου με διάφορα, προσπαθώ να το έχω όσο γίνετε ποιο απλό και κατανοητό.
Για όσους έχουν την ιδία άποψη το συγκεκριμένο Slideshow είναι ότι πρέπει.

Πριν προχωρήσω παρακάτω θα σας θυμίσω πως την προηγούμενη φορά βάλαμε ένα παρά πολύ όμορφο gadget το:

Blogger widget share social network με καρδια

Πάμε να το προσθέσουμε στο blog μας.

1) Πίνακάς έλεγχου
2) Σχεδίασή
3) Επεξεργασία HTML
4) τσεκάρουμε το τετραγωνάκι (Επέκταση προτύπων γραφικών στοιχείων)
5) Πατάμε στο πληκτρολόγιο μας ctrl+f οπού μας ανοίγει ένα παραθυράκι αναζητήσεις.

Αντιγράφουμε των παρακάτω κωδικό; ]]></b:skin> και το  επικολλούμε στον παραθυράκι της αναζητήσεις, και αμέσως το βρίσκουμε μέσα στους κωδικούς HTML.

Ακριβώς πάνω από αυτών των κωδικό προσθέτουμε αυτών:

/*--Main Container--*/
.main_view {
float: left;
position: relative;
}
/*--Window/Masking Styles--*/
.window {

height:250px; width: 500px;

overflow: hidden; /*--Hides anything outside of the set width/height--*/
position: relative;
}
.image_reel {
position: absolute;
top: 0; left: 0;
}
.image_reel img {float: left;}
/*--Paging Styles--*/
.paging {
position: absolute;
bottom: 40px; right: -7px;
width: 178px; height:47px;
z-index: 100; /*--Assures the paging stays on the top layer--*/
text-align: center;
line-height: 40px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjAIOn_Q5SXYUUVlzO7Wr-RzvJskTa8tgXeVO6uaHTdKxM-1RmX48C5LEVFPsXpeZwk-cieVb_OfmnWCp6x0oPGLZuml-jZZVB8e6lHat3L-WIHx1S4eqCndIeZaUk2kH2y0uMkiuNbOWD/s1600/paging_bg2.png) no-repeat;
display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
padding: 5px;
text-decoration: none;
color: #fff;
}
.paging a.active {
font-weight: bold;
background: #920000;
border: 1px solid #610000;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;

Με τον ιδιο τροπο βρίσκουμε των κωδικό  </head>  ακριβώς πάνω από αυτών των κωδικό θα βάλουμε των παρακάτω:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
//Set Default State of each portfolio piece
$(&quot;.paging&quot;).show();
$(&quot;.paging a:first&quot;).addClass(&quot;active&quot;);
//Get size of images, how many there are, then determin the size of the image reel.
var imageWidth = $(&quot;.window&quot;).width();
var imageSum = $(&quot;.image_reel img&quot;).size();
var imageReelWidth = imageWidth * imageSum;
//Adjust the image reel to its new size
$(&quot;.image_reel&quot;).css({&#39;width&#39; : imageReelWidth});
//Paging + Slider Function
rotate = function(){
var triggerID = $active.attr(&quot;rel&quot;) - 1; //Get number of times to slide
var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide
$(&quot;.paging a&quot;).removeClass(&#39;active&#39;); //Remove all active class
$active.addClass(&#39;active&#39;); //Add active class (the $active is declared in the rotateSwitch function)
//Slider Animation
$(&quot;.image_reel&quot;).animate({
left: -image_reelPosition
}, 500 );
};
//Rotation + Timing Event
rotateSwitch = function(){
play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
$active = $(&#39;.paging a.active&#39;).next();
if ( $active.length === 0) { //If paging reaches the end...
$active = $(&#39;.paging a:first&#39;); //go back to first
}
rotate(); //Trigger the paging and slider function
}, 7000); //Timer speed in milliseconds (3 seconds)
};
rotateSwitch(); //Run function on launch
//On Hover
$(&quot;.image_reel a&quot;).hover(function() {
clearInterval(play); //Stop the rotation
}, function() {
rotateSwitch(); //Resume rotation
});
//On Click
$(&quot;.paging a&quot;).click(function() {
$active = $(this); //Activate the clicked paging
//Reset Timer
clearInterval(play); //Stop the rotation
rotate(); //Trigger rotation immediately
rotateSwitch(); // Resume rotation
return false; //Prevent browser jump to link anchor
});
});
</script>

Και πάμε τώρα να αντιγράψουμε των τελευταίο κωδικό για να τελειώσουμε, κωδικός:

<div class="container">
<div class="folio_block">
<div class="main_view">
<div class="window">
<div class="image_reel">
<a href="http://www.spiceupyourblog.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5LFpx7Kxat9MeH5oPqyBXAEFEbIxM0YFPu3e8j7V2xduhR2xKiu8ZMSXNkor69smBdKML3eH0lyjOCxkD4zDe1EPRXkM7jovbPBuPVV68-WlOmrfmpZcKyWfD4MEfw1QaQlzIowW0RShd/s1600/slider-image-1.jpg" alt="" /></a>
<a href="http://www.spiceupyourblog.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXShtDmXFsUKpTLOSRtvSsnEfmD0U58g8DK_zVeSTrf13veo8_PIaZQmoIBFK4Bg5Qp4h2Lsop0vi1ifkIMvgxrCdsf6qVdHMjK5wTxYnzESgX_0WirIGH2jgatnCI9WmQfZpMlOwMqwEu/s1600/slider-image-2.jpg" alt="" /></a>
<a href="http://www.spiceupyourblog.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnAu0uAEm9d8sRvfV97mlBCZoj5jjKWPUVSSnHE518BW_Cspah8xXE6l5kJn5zocp82EKbnbk9494hO7i6hGQof49WGf1a6NQcwC85C5kROa9NoUaAkNhzUED3OI_YJ2-bBz1Y0g8_FORG/s1600/slider-image-3.jpg" alt="" /></a>
<a href="http://www.spiceupyourblog.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_jViz416LAQlF8y2EqMIhMe6fweD5Gmqgz6SjqwNp8lRX2R6pBZ_RPpDMAnSQhl1hQSzQPE9Y8PkTkSN4WTRgmlQdMUtaqPxZroF9IAl15ouX3uZVYricE2sXbqC8ELV0B5x0B2D3x2y8/s1600/slider-image-4.jpg" alt="" /></a>
<a href="http://www.spiceupyourblog.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8ENDTg3Fhw0laH7lcZzNVVc06vOTkXy72k23aJDYCXcSaE6yPhN5_6g8u5Q5-6gnB8BLHtoyQ57MLuAkClnlUFN3WuiIYDMBrIio9izu8Kj-geW4-iQobWWUgzM8HGjY0-ivKDUrpoebk/s1600/slider-image-6.jpg" alt="" /></a>
</div>
</div>
<div class="paging">

<a href="#" rel="1">1</a>

<a href="#" rel="2">2</a>

<a href="#" rel="3">3</a>

<a href="#" rel="4">4</a>

<a href="#" rel="5">5</a>

</div>
</div>
</div>
</div>

Μετα παμε;

1) Πίνακάς έλεγχου
2) Σχεδίασή
3) Προσθήκη Gadget
4) Html/javascript
5) Επικόλλησή του κωδικά
6) Αποθήκευσή

Προσοχη:
1) οπου λεει https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5LFpx7Kxat9MeH5oPqyBXAEFEbIxM0YFPu3e8j7V2xduhR2xKiu8ZMSXNkor69smBdKML3eH0lyjOCxkD4zDe1EPRXkM7jovbPBuPVV68-WlOmrfmpZcKyWfD4MEfw1QaQlzIowW0RShd/s1600/slider-image-1.jpg Βαλτέ το λινκ της εικόνας που θέλετε να εμφανίζετε στο slidshow.

2) οπου λεει : http://www.spiceupyourblog.com/ Βαλτέ το λινκ του ορθού στο όποιο αντίστοιχη η εικόνα.

Πατάμε αποθήκευση πρότυπου και τέλος

Και είστε έτοιμη.!! εάν σας άρεσε το άρθρο αφήστε σχόλιο.

Γεια σε όλους..)) λοιπόν για τον Γιαννάκη που μου έστειλε το email και για ολους οσους ακομη δεν εχουν αλλάξει το favicon τους ειτε επιδει το θεωρούσαν δύσκολο ειτε επειδή το αλαζόν και δεν πετυχαίνε.

Πρώτα από όλα ας δούμε λίγο το τι είναι το favicon για ολους οσους δεν εχουν ιδέα, το favicon είναι ι μικρή εικόνα που βλέπουμε όταν ανοίγουμε μια ιστοσελίδα όπως π.χ το δικο μου δείτε την εικόνα το έχω σημαδέψει.



Λοιπόν είναι παρά μα παρά πολύ εύκολο να το αλλάξουμε.. ας πούμε πως έχετε βρει την εικόνα που θέλετε να εμφανίζετε στο blog σας, το μέγεθος της εικόνας θα πρέπει να είναι 16 *16 px.

Πάμε λοιπόν στον πινάκα έλεγχου πατάμε διάταξη και τέρμα τέρμα πανω αριστερά οπως και δείχνω στην εικόνα πατάμε επεξεργασία, δείτε την εικόνα:



Μας ανοίγει ένα νέο παράθυρο όπου θα πρέπει να επιλέξουμε την εικόνα που επιθυμούμε από τον υπολογιστή μας, την επιλεγούμε λοιπόν πατάμε αποθήκευση και είμαστε έτοιμη, τέλος αυτό ήταν καλή επιτυχία σε ολους.

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


O τρόπος είναι γνωστός σε όλους άλλα ας το επαναλάβουμε..

Αντιγράφουμε των παρακάτω κωδικό;

<script style=text/javascript src=http://www.freewebs.com/filer/blogger/rc.js ></script><script style=text/javascript >var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=100;</script><script src=http://το ονομα τοy blog soy.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script><a href=http://www.lefta4you.blogspot.com target=_blank title=Τι το κοιτας πατα το>lefta apo to internet</a>

Μετα παμε;

1) Πίνακάς έλεγχου
2) Σχεδίασή
3) Προσθήκη Gadget
4) Html/javascript
5) Επικόλλησή του κωδικά
6) Αποθήκευσή

Προσοχη : Στο σημείο που λέει: το ονομα τοy blog soy Βάζετε το όνομά του blog σας π.χ lefta4you

Σήμερα θα σας πω για το πως να κάνετέ της υπερσινδεσεις σας να έχουν την μορφή του ουράνιου τόξου είναι  ένα πολύ όμορφο blogger hack που συνάντησα σε μια άλλη ιστοσελίδα, μου άρεσε πολύ και είπα να το μοιραστώ μαζί σας..
για νά δείτε το αποτέλεσμά άπλα πατήστε  εδώ μετά το μονό που έχετε να κάνετέ είναι απλός να βάλετε των δείκτη του ποντικιού σας σε οποιοδήποτε τίτλο αναρτήσεις..



1) Πίνακάς έλεγχου
2) Σχεδίασή
3) Επεξεργασίά HTML
4) τσεκαρουμε το τετραγωνάκι (Επέκταση προτύπων γραφικών στοιχείων)
5) Πατάμε στο πληκτρολόγιο μας ctrl+f οπού μας ανοίγει ένα παραθυράκι αναζητήσεις.

Αντιγράφουμε των παρακάτω κωδικό; </head> και το  επικολλουμε στον παραθυράκι της αναζητήσεις, και αμέσως το βρίσκουμε μέσα στους κωδικούς HTML.

Αμέσως μετά αντιγράφουμε των παρακάτω κωδικό και τον επικολλούμε ακριβώς πάνω από το </head>

<script type='text/javascript'>
//<![CDATA[
var rate = 20;
if (document.getElementById)
  window.onerror=new Function("return true")
var objActive;  // The object which event occured in
  var act = 0;    // Flag during the action
  var elmH = 0;   // Hue
  var elmS = 128; // Saturation
  var elmV = 255; // Value
  var clrOrg;     // A color before the change
  var TimerID;    // Timer ID
if (document.all) {
  document.onmouseover = doRainbowAnchor;
  document.onmouseout = stopRainbowAnchor;
  }
  else if (document.getElementById) {
  document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  document.onmouseover = Mozilla_doRainbowAnchor;
  document.onmouseout = Mozilla_stopRainbowAnchor;
  }
function doRainbow(obj)
  {
  if (act == 0) {
  act = 1;
  if (obj)
  objActive = obj;
  else
  objActive = event.srcElement;
  clrOrg = objActive.style.color;
  TimerID = setInterval("ChangeColor()",100);
  }
  }
function stopRainbow()
  {
  if (act) {
  objActive.style.color = clrOrg;
  clearInterval(TimerID);
  act = 0;
  }
  }
function doRainbowAnchor()
  {
  if (act == 0) {
  var obj = event.srcElement;
  while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  obj = obj.parentElement;
  if (obj.tagName == 'A' || obj.tagName == 'BODY')
  break;
  }
if (obj.tagName == 'A' && obj.href != '') {
  objActive = obj;
  act = 1;
  clrOrg = objActive.style.color;
  TimerID = setInterval("ChangeColor()",100);
  }
  }
  }
function stopRainbowAnchor()
  {
  if (act) {
  if (objActive.tagName == 'A') {
  objActive.style.color = clrOrg;
  clearInterval(TimerID);
  act = 0;
  }
  }
  }
function Mozilla_doRainbowAnchor(e)
  {
  if (act == 0) {
  obj = e.target;
  while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  obj = obj.parentNode;
  if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  break;
  }
if (obj.nodeName == 'A' && obj.href != '') {
  objActive = obj;
  act = 1;
  clrOrg = obj.style.color;
  TimerID = setInterval("ChangeColor()",100);
  }
  }
  }
function Mozilla_stopRainbowAnchor(e)
  {
  if (act) {
  if (objActive.nodeName == 'A') {
  objActive.style.color = clrOrg;
  clearInterval(TimerID);
  act = 0;
  }
  }
  }
function ChangeColor()
  {
  objActive.style.color = makeColor();
  }
function makeColor()
  {
  // Don't you think Color Gamut to look like Rainbow?
// HSVtoRGB
  if (elmS == 0) {
  elmR = elmV;    elmG = elmV;    elmB = elmV;
  }
  else {
  t1 = elmV;
  t2 = (255 - elmS) * elmV / 255;
  t3 = elmH % 60;
  t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
  elmR = t1;  elmB = t2;  elmG = t2 + t3;
  }
  else if (elmH < 120) {
  elmG = t1;  elmB = t2;  elmR = t1 - t3;
  }
  else if (elmH < 180) {
  elmG = t1;  elmR = t2;  elmB = t2 + t3;
  }
  else if (elmH < 240) {
  elmB = t1;  elmR = t2;  elmG = t1 - t3;
  }
  else if (elmH < 300) {
  elmB = t1;  elmG = t2;  elmR = t2 + t3;
  }
  else if (elmH < 360) {
  elmR = t1;  elmG = t2;  elmB = t1 - t3;
  }
  else {
  elmR = 0;   elmG = 0;   elmB = 0;
  }
  }
elmR = Math.floor(elmR).toString(16);
  elmG = Math.floor(elmG).toString(16);
  elmB = Math.floor(elmB).toString(16);
  if (elmR.length == 1)    elmR = "0" + elmR;
  if (elmG.length == 1)    elmG = "0" + elmG;
  if (elmB.length == 1)    elmB = "0" + elmB;
elmH = elmH + rate;
  if (elmH >= 360)
  elmH = 0;
return '#' + elmR + elmG + elmB;
  }
//]]>
</script>

Αποθήκευσή και είστε έτοιμη..!!

Καλησπέρα σε όλους τους φίλους και αναγνώστες του blog μου, πάμε να μάθουμε το τι είναι το Top of page icon link και πως το προσθέτουμε στο blog μας:

Εάν κοιτάξετε δεξιά κάτω στην ιστοσελίδα μου έχω ένα στρογγυλό βελάκι που όταν κάποιος το πατήσει θα κατευθυνθεί στην κορυφή της ιστοσελίδας μου,σας συμβουλεύω και εσάς να το προσθέσετε στο blog σας για να διευκολύνεται τους επισκέπτες σας να κατευθυνθούν στην κορυφή της ιστοσελίδας σας με ένα πάτημα, είναι αρκετά χρήσιμο ειδικά για αυτούς που γράφουν μεγάλα άρθρα στο blog τους.
Πάμε τώρα να μάθουμε για το πως μπορούμε να το προσθέσουμε στο blog μας:



Αντιγράφουμε των παρακάτω κωδικό;

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Επιστροφή στην κορυφή"> <img src=’’ http://www.wise.ky/images/TopOfPageIcon.png " /></a>

Kαι παμε:

1) Πίνακάς έλεγχου
2) Σχεδίασή
3) Προσθήκη Gadget
4) Html/javascript
5) Επικόλλησή του κωδικά
6) Αποθήκευσή

Προσοχη : Στο σημείο που λέει http://www.wise.ky/images/TopOfPageIcon.png βάζετε το link της εικονας που θέλετε να εμφανίζετε.

Και είστε έτοιμη.!! εάν σας άρεσε το Gadget αφήστε σχόλιο.

Καλησπερίζω όλους τους φίλους και αναγνώστες του blog, σήμερα σας έχω πραγματικά πάρα πόλη κάλο gadget, τι θα λέγατε αν το φόντο του blog σας άλλαζε αυτόματα της ώρες που εσείς επιθυμείτε.. νομίζω πως θα σας αρέσει πολλή πάμε λοιπόν να δούμε πως θα κάνουμε το φόντο (Background) του blog μας να αλλάζει αυτόματα.





Αντιγράφουμε των παρακάτω κωδικό;

<script language="JavaScript">
day=new Date()     //..get the date
x=day.getHours()    //..get the hour
if(x>=0 && x<3) {

   document.write('<style type="text/css">body{background: white url( ...εδώ το url της εικόνας που θα εμφανίζετε στο blog σας από της 00:00 -03:00 ..... ); color: blackbackground-position: center; background-repeat:no-repeat; background-attachment: fixed; }</style>')

} else
if(x>=3&& x<8) {

   document.write('<style type="text/css">body{background: white url( ...εδώ το url της εικόνας που θα εμφανίζετε στο blog σας από της 03:00-08:00  ..... ); color: blackbackground-position: center; background-repeat:no-repeat; background-attachment: fixed; }</style>')

} else
if(x>=8 && x<12) {

   document.write('<style type="text/css">body{background: white url( ...εδώ το url της εικόνας που θα εμφανίζετε στο blog σας από της  08:00-12:00 ..... ); color: blackbackground-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style>')

} else
if (x>=12 && x<18) {
   document.write('<style type="text/css">body{background: white url( ...εδώ το url της εικόνας που θα εμφανίζετε στο blog σας από της 12:00 -18:00 ..... ); color: blackbackground-position: center; background-repeat:no-repeat; background-attachment: fixed; }</style>')

} else

if (x>=18 && x<22) {

document.write('<style type="text/css">body{background: white url( ...εδώ το url της εικόνας που θα εμφανίζετε στο blog σας από της  18:00-22:00 ..... ); color: blackbackground-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style>')

} else

if (x>=22 && x<24) {

document.write('<style type="text/css">body{background: white url( ...εδώ το url της εικόνας που θα εμφανίζετε στο blog σας από της  22:00-24:00 ..... ); color: blackbackground-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style>')
}
</script>


1) Πίνακάς έλεγχου
2) Σχεδίασή
3) Προσθήκη Gadget
4) Html/javascript
5) Επικόλλησή του κωδικά
6) Αποθήκευσή

ΠΡΟΣΟΧΗ:
Στο σημείο που λέει ...εδώ το url της εικόνας που θα εμφανίζετε στο blog σας από της  18:00-22:00 .....  βάζετε το link της φωτογραφίας που θέλετε να εμφανίζετε ως φόντο.

Και είστε έτοιμη.!! εάν σας άρεσε το Gadget αφήστε σχόλιο.

Φίλοι και αναγνώστες του blog μου γεια σας, σήμερα θα σας δείξω με ποιο τρόπο μπορείτε να προσθέσετε ξεχωριστές σελίδες στο blog σας.

Πριν ξεκινήσω θα σας ενημερώσω πως μπορούμε να προσθέσουμε μέχρι και 10 ξεχωριστές σελίδες, πάμε λοιπόν να δούμε το πως;

1) ΠΙΝΑΚΑΣ ΕΛΕΓΧΟΥ
2) ΑΝΑΡΤΗΣΗ
3) ΕΠΕΞΕΡΓΑΣΙΑ ΣΕΛΙΔΩΝ
4) ΝΕΑ ΣΕΛΙΔΑ

Όπως βλέπετε στην παρακάτω εικόνα εγώ έχω φτιάξει 2 σελίδες την επικοινωνία και για μας εσείς πατήστε νέα σελίδα για να φτιάξετε την δίκια σας ξεχωριστή σελίδα.

Αφού έχετε επιλέξει νέα σελίδα, στο σημείο που σας δείχνω στην εικόνα γράφετε τον τίτλο και το κείμενο που θα περιέχει ι ξεχωριστή σελίδα που θα φτιάξετε αμέσως μετά θα πατήσετε δημοσίευσή σελίδας και είστε έτοιμη.

Και είστε έτοιμη.!! εάν σας άρεσε το άρθρο αφήστε σχόλιο.

φίλοι και αναγνώστες του blog μου γεια σας, σήμερα σας έχω ένα όμορφο hack.. ένα μικρο μπαλονάκι το οποίο θα σας δείχνει τα σχολεία σας.
Πάμε να μάθουμε με ποιο τρόπο θα το προσθέσουμε στο blog μας;


1) Πίνακάς έλεγχου
2) Σχεδίασή
3) Επεξεργασίά HTML
4) τσεκαρουμε το τετραγωνάκι (Επέκταση προτύπων γραφικών στοιχείων)
5) Πατάμε στο πληκτρολόγιο μας ctrl+f οπού μας ανοίγει ένα παραθυράκι αναζητήσεις.



Αντιγράφουμε των παρακάτω κωδικό; <h3 class='post-title entry-title'> και το  επικολλουμε στον παραθυράκι της αναζητήσεις, και αμέσως το βρίσκουμε μέσα στους κωδικούς HTML.

Και κάτω από αυτό βάζουμε τον παρακάτω κώδικα:

<!--COMMENT-BUBBLES-STARTS-->
<b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if><!--COMMENT-BUBBLES-STOPS—>

Πάλι με το ctrl+F βρίσκουμε το; </head>

Και ακριβώς πάνω από αυτών των κωδικό βάζουμε των παρακάτω κωδικό;

<!--COMMENT-BUBBLES-STARTS--><style type="text/css">
.comment-bubble {
float: right;
background: url(http://i49.tinypic.com/2vugahu.jpg) no-repeat;
width: 55px;
height: 38px;
font-size: 18px;
margin-top: -15px;
margin-right: 2px;
text-align: center;
}
</style><!--COMMENT-BUBBLES-STOPS—>



των κωδικό των οποίο έχω μαρκάρει με μπλε χρώμα μπορείτε να των αλλάξετε για να αλλάξει το χρώμα από το μπαλονάκι, για να το κάνετέ αυτό πατάτε δεξί κλικ σε ένα από τα μπαλόνια που βλέπετε ποιο πάνω και επιλέγετε αντιγράφει url, αυτό που αντιγράφετε το επικολλειτε αντι για των κωδικό που υπάρχει είδη.,

Και είστε έτοιμη.!! εάν σας άρεσε το άρθρο αφήστε σχόλιο.

Φίλοι και αναγνώστες του blog μου γεια σας, σήμερα θα σας μάθω πως να αλλάξετε το πρότυπο του blog σας χωρίς να χάσετε τα gadget που έχετε.
Θα ήθελα να σας ενημερώσω πως την συγκεκριμένη πληροφορία άλλα ελληνικά blogs την δίνουν με χρηματική ανταμοιβή, εγώ θα σας την δώσω εντελώς δωρεάν.

Ξεκινάμε, πρώτα από όλα θα πρέπει να πάμε στον πίνακά έλεγχου του blog μας και να βάλουμε όλα τα gadget που έχουμε σε μια σειρά κάπως έτσι;

Αφού βάλουμε όλα τα gadget στην σειρά θα πάμε σχεδίασή επεξεργασίά html, πατάμε ctrl+f  και βρίσουμε των παρακάτω κωδικό; <b:widget id= και ακριβώς κάτω από αυτών των κωδικό ακολουθούν οι παρακάτω κωδικοί; <b:section…> εδω αναμεσα </b:section> ανάμεσά σε αυτούς τους κωδικούς λοιπόν είναι όλα τα gadget μας,εάν δεν είχαμε βάλει όλα τα gadget μας στην σειρά, τότε δεν θα τα βρίσκαμε όλα μαζεμένα...... ανάμεσά σε αυτούς τους κωδικούς.. τώρα αντιγράφουμε τους κωδικούς που είναι ανάμεσά στους κωδικούς που ανέφερα, αμέσως μετά φορτώνουμε το νέο πρότυπο μας πάμε στον πίνακά έλεγχου κάνουμε ακριβώς την ίδια διαδικασία στο τέλος όμως επικολλούμε αναμεσα εκεί που αναφέραμε τους κωδικούς που αντιγράψαμε από το παλιό μας πρότυπο.
Πατάμε αποθήκευσή και είμαστε έτοιμη.

Φίλοι και αναγνώστες του blog μου γεια σας, πριν από μερικές ήμερες έλαβα email από έναν αναγνώστη μου και συγκεκριμένα από τον Naktor Naktorsky ο οποίος με ρώτησέ για το πως αντικατέστησα το κλασσικό και επιπλέον μονότονο σύστημα για τα σχόλια του blogger; ετσι αποφάσισα να γράψω αυτό το άρθρο.
Αποτέλεσμά;

Πάμε λοιπόν να το κάνουμε;

1) Πίνακάς έλεγχου
2) Σχεδίασή
3) Επεξεργασίά HTML
4) τσεκαρουμε το τετραγωνάκι (Επέκταση προτύπων γραφικών στοιχείων)
5) Λήψη πλήρους προτύπου ( και το αποθηκεύουμε στον υπολογιστεί μας)




Αμέσως μετά θα μεταφερθούμε στην ιστοσελίδα Intensedebate και θα κάνουμε έγγραφή.
Αμέσως μέτα την έγγραφή και την επιβεβαίωσή της έγγραφης σας μπένετε στον λογαριασμό σας.
Ακριβώς δεξιά θα γραφή Manage blogs/sites και από κάτω Install IntenseDebate πατάμε λοιπόν στο Install IntenseDebate.

Αμέσως θα μας ζητηθεί η διεύθυνσή του ιστολογιου μας, θα την γράψουμε και θα πατήσουμε next step


Ανοίγει μια άλλη σελίδα οπού θα πρέπει να τσεκάρουμε τα παρακάτω τετραγωνάκια;

How would you like to install IntenseDebate?
 Τσεκάρουμε “TEMPLATE”

Which blog posts should have IntenseDebate comments enabled?
 Τσεκάρουμε “On all blog posts”
Αφού έχουμε τσεκάρει αυτά που αναφέρω θα κατέβουμε τέρμα κάτω, θα πατήσουμε επιλογή αρχείου οπού θα επιλέξουμε το πρότυπο μας το οποίο το είχαμε αποθήκευσή στην αρχή και θα πατήσουμε upload file



Σχεδόν τελειώσαμε μας έμειναν 2 βήματά, Μέτα το upload file θα μας δοθεί ένας νέος κωδικός προτύπου τον οποίο θα πρέπει να των αντιγράψουμε και να πάμε σχεδίασή επεξεργασίά html τσεκάρουμε το τετραγωνάκι διαγράφουμε όλο το πρότυπο μας και επικολλήσουμε των νέο κωδικό προτύπου που μας δόθηκε, πατάμε αποθήκευσή και τέλος.

Μην ξεχάσετε μετά την διαγραφή να επικολλήσετε των νέο κωδικό.

Είστε έτοιμη.!! εάν σας άρεσε το άρθρο αφήστε σχόλιο.

φίλοι και αναγνώστες του blog μου γεια σας, σήμερα θα μάθουμε πως προσθέτουμε  οριζόντιο μενού στο blog.

πάμε λοιπόν να το κάνουμε;



1) Πίνακάς έλεγχου
2) Σχεδίασή
3) Επεξεργασίά HTML
4) τσεκαρουμε το τετραγωνάκι (Επέκταση προτύπων γραφικών στοιχείων)
5) Πατάμε στο πληκτρολόγιο μας ctrl+f οπού μας ανοίγει ένα παραθυράκι αναζητήσεις.

Αντιγράφουμε των παρακάτω κωδικό;</head>
και το  επικολλουμε στον παραθυράκι της αναζητήσεις, και αμέσως το βρίσκουμε μέσα στους κωδικούς HTML.


Και ακριβώς πάνω από των κωδικό; </head> προσθέτουμε των παρακάτω κωδικό;

<!--MENU-11-STARTS-Widget-by-http://lefta4you.blogspot.com/-->
<style type='text/css'>
.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(http://i44.tinypic.com/333j255.jpg) center center repeat-x;
}
.solidblockmenu li{
display: inline;
}
.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}
.solidblockmenu li a:visited{
color: white;
}
.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(http://i40.tinypic.com/51wnm9.jpg) center center repeat-x;
}
</style>
<!--MENU-11-STOPS-Widget-by-http://www.lefta4you.blogspot.com/-->

Αμέσως μετά αντιγράφουμε των παρακάτω κωδικά;

<!--MENU-11-STARTS-Widget-by-http://lefta4you.blogspot.com/-->
<ul class="solidblockmenu">
<li><a href=" your link " class="current">Login</a></li>
<li><a href=" your link " >Home</a></li>
<li><a href=" your link ">tab 1</a></li>
<li><a href=" your link ">tab 2 </a></li>
<li><a href=" your link ">tab 3</a></li>
<li><a href=" your link ">tab 4</a></li>
<li><a href=" your link ">tab 5</a></li>
<li><a href=" your link ">tab 6</a></li>
<li><a href=" your link ">tab 7</a></li>
<li><a href=" your link ">tab 8</a></li>
</ul>
<!--MENU-11-STOPS-Widget-by-http://lefta4you.blogspot.com/-->

Στο σημείο που γράφει; your link βάλτε το λινκ στο οποίο θέλετε να παραπέμπει o τιτλος.
Στο σημείο που γράφει; tab1,tab2,tab3…… γραφετε των τιτλο.

Και πάμε με των γνωστό τρόπο σε όλους μας;

1) Πίνακάς έλεγχου
2) Σχεδίασή
3) Προσθήκη Gadget
4) Html/javascript
5) Επικόλλησή του κωδικά
6) Αποθήκευσή

Και είστε έτοιμη.!! εάν σας άρεσε το άρθρο αφήστε σχόλιο

Φιλoi και αναγνώστες του blog μου γεια σας, σήμερα θα προσθέσουμε ένα θέμα(background) στο blog μας. Είναι πραγματικά πολλή εύκολο.
πάμε λοιπόν να δούμε πως θα το κάνουμε:



Αντιγράψουμε αυτών τον κωδικό;

<style type="text/css">body {background-image:url(http://i013.radikal.ru/1101/c5/87ff285a8392.jpg
);background-attachment:fixed;}.bkgspc {margin-top:10px;font-size:11px;font-family:Arial;}.bkgspc </style><div class="bkgspc" align="center">Visit <a href=http://www.lefta4you.blogspot.com.com/ target="_blank">lefta4you.blogspot.com</a></div>


Στο σημείο που γράφει; http://i013.radikal.ru/1101/c5/87ff285a8392.jpg 
βάλτε το λινκ της εικόνας που θέλετε να εμφανίζετε ως φοντο

και πάμε να το βάλουμε στο blog μας με των ποιο γνωστό τρόπο;

1) Πίνακάς έλεγχου
2) Σχεδίασή
3) Προσθήκη Gadget
4) Html/javascript
5) Επικόλλησή του κωδικά
6) Αποθήκευσή

Και είστε έτοιμη.!! εάν σας άρεσε το άρθρο αφήστε σχόλιο.

Αγαπητή φίλοι και αναγνώστες μου γεια σας σήμερα σας έχω κάτι που θα τρελαθείτε, είμαι σίγουρος πως όλοι σας θέλετε ένα Flash Banners για το blog σας, για αυτό και εγώ θα σας πω πως να το φτιάξετε εντελώς δωρεάν, δείτε αποτελέσμα;

Είμαι σίγουρος πως όλο και κάποιο από αυτά θα σας άρεσει και θα το θέλετε για το blog σας,πάμε να δούμε πως θα το φτιάξουμε;
Θα πάμε στην ιστοσελίδα flashvortex στο πανό μέρος τις ιστοσελίδας υπάρχει ένα banners ακριβώς δεξιά και αριστερά από αυτό το banner υπάρχουν βελάκια τα οποία όταν τα πατάμε αλλάζει και μας δείχνει ένα διαφορετικό banner, αφού βρείτε το αυτό που σας αρέσει πατήστε εκεί που γράφει edit this.

Αμέσως θα σας άνοιξη μια φορά την οποία πρέπει να συμπληρώσετε, την φορμα μπορείτε να την συμπληρώνετε μονό με αγγλικά γράμματά και αυτό είναι το μονό κακό της υποθέσεις..
συμπληρώστε και γράψτε  αυτά που θέλετε να εμφανίζετε στο banner σας, βάλτε την διεύθυνσή της ιστοσελίδας σας στο σημείο που σας το ζητάει,τσεκάρετέ το τετραγωνάκι και πατήστε Generate Animation.

Θα σας άνοιξη μια νέα ιστοσελιδα οπού και θα σας δώσει των κωδικό του banners σας.. το οποίο θα των αντιγράψετε και θα των δίνετε σε άλλους για να σας διαφημίζουν.

O τρόπος της τοποθετήσεις είναι γνωστός;

1) Πίνακάς έλεγχου
2) Σχεδίασή
3) Προσθήκη Gadget
4) Html/javascript
5) Επικόλλησή του κωδικά
6) Αποθήκευσή

Και είστε έτοιμη.!! εάν σας άρεσε το άρθρο αφήστε σχόλιο.

Το Scroll Bar Widget είναι ένα πολλή βολικό και λειτουργικό εργαλείο σε κάθε blog μπορείτε μέσα σε ένα μικρο κουτάκι να χωρέσετε όσα θέματά θέλετε είτε να βάλετε τους χορηγούς σας, το Scroll Bar Widget μοιάζει ακριβώς έτσι;

1) Πίνακάς έλεγχου
2) Σχεδίασή
3) Προσθήκη Gadget
4) Html/javascript
5) Επικόλλησή του κωδικά
6) Αποθήκευσή
Και είστε έτοιμη.!! εάν σας άρεσε το άρθρο αφήστε σχόλιο.

Καλήμερα σε όλους τους φίλους και αναγνώστες του blog μου, σήμερα θα προσθέσουμε slider στο blog μας.
Για όσους δεν ξέρουν το τι είναι το slider ας κοιτάξουν την παρακάτω εικόνα, αυτό που βλέπετε παρακάτω είναι το slider το οποίο εμφανίζει εικόνα στην αριστερή μεριά και από δεξιά ένα κείμενο πατώντας είτε στην εικόνα είτε στο κείμενο μεταφερόμαστε στο ανάλογο άρθρο.



Για να το προσθέσουμε αυτό το slider στο blog μας θα πάμε;

1) Πίνακάς έλεγχου
2) Σχεδίασή
3) Επεξεργασίά HTML
4) τσεκαρουμε το τετραγωνάκι (Επέκταση προτύπων γραφικών στοιχείων)
5) Πατάμε στο πληκτρολόγιο μας ctrl+f οπού μας ανοίγει ένα παραθυράκι αναζητήσεις.

Αντιγράφουμε των παρακάτω κωδικό; ]]></b:skin
και το  επικολλισουμε στο παραθυράκι της αναζητήσεις, και αμέσως το βρίσκουμε μέσα στους κωδικούς HTML.

και αμέσως πάνω από αυτόν των κωδικό θα βάλουμε αυτών;

#jFlowSlide{ background:#f8f8f8; font-family: Georgia; }
#myController { font-family: Georgia; padding:2px 0; width:610px; background:#000000; }
#myController span.jFlowSelected { background:#43A0D5;margin-right:0px; }
.slide-wrapper { padding: 5px; }
.slide-thumbnail { width:300px; float:left; }
.slide-thumbnail img {max-width:300px; }
.slide-details { width:290px; float:right; margin-left:10px;}
.slide-details h2 { font-size:1.5em; font-style: italic; font-weight:normal; line-height: 1; margin:0; }
.slide-details .description { margin-top:10px; }
.jFlowControl, .jFlowPrev, .jFlowNext { color:#FFF; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; }
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { background: #43A0D5;

Με τον ίδιο τρόπο βρίσκουμε των παρακάτω κωδικό; </head>
ακριβώς πάνω από αυτών των κωδικό θα βάλουμε αυτών;

<script language='javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'/>
<script language='javascript' src='http://sites.google.com/site/freebloggerhelpbiz/freebloggerhelp/jquery.flow.1.2.auto.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(&quot;#myController&quot;).jFlow({
slides: &quot;#slides&quot;,
controller: &quot;.jFlowControl&quot;, // must be class, use . sign
slideWrapper : &quot;#jFlowSlide&quot;, // must be id, use # sign
selectedWrapper: &quot;jFlowSelected&quot;, // just pure text, no sign
auto: true, //auto change slide, default true
width: &quot;610px&quot;,
height: &quot;235px&quot;,
duration: 100,
prev: &quot;.jFlowPrev&quot;, // must be class, use . sign
next: &quot;.jFlowNext&quot; // must be class, use . sign
});
});
</script>

Kαι θα πατήσουμε αποθήκευση.

μετά θα αντιγράψουμε αυτών τον κωδικό;

<div class="jflow-content-slider">
<div id="slides">
<-! Slide #1 Starts-->
<div class="slide-wrapper">
<div class="slide-thumbnail">
<a target="_blank" href="http://www.lefta4you.blogspot.com /"><img style="width: 125px; height: 125px;" alt=" aw2 " src="http://s001.radikal.ru/i196/1101/00/65847a85fb87.png " /></div></div>
<div class="slide-details">
<span style="font-size: large;"><b> TITLE-OF-THE-SLIDE </b></span>
<div class="description">

TEXT-OF-THE-SLIDE

</div>
</div>
<div class="clear"></div>
</div>
<!-- Slide # 1 Ends -->
<-! Slide #2 Starts-->
<div class="slide-wrapper">
<div class="slide-thumbnail">
<a target="_blank" href="http://www.lefta4you.blogspot.com /"><img style="width: 125px; height: 125px;" alt=" aw2 " src="http://s001.radikal.ru/i196/1101/00/65847a85fb87.png " /></div>
<div class="slide-details">
<span style="font-size: large;"><b> TITLE-OF-THE-SLIDE </b></span>
<div class="description">

TEXT-OF-THE-SLIDE

</div>
</div>
<div class="clear"></div>
</div>
<!-- Slide # 2 Ends -->
<-! Slide #3 Starts-->
<div class="slide-wrapper">
<div class="slide-thumbnail">
<a target="_blank" href="http://www.lefta4you.blogspot.com /"><img style="width: 125px; height: 125px;" alt=" aw2 " src="http://s001.radikal.ru/i196/1101/00/65847a85fb87.png " /></div></div>
<div class="slide-details">
<span style="font-size: large;"><b> TITLE-OF-THE-SLIDE </b></span>
<div class="description">

TEXT-OF-THE-SLIDE

</div>
</div>
<div class="clear"></div>
</div>
<!-- Slide # 3 Ends -->
.
.
.
.
<!-- You can add as many slides as you want above this line -->
</div>
<div id="myController">
<span class="jFlowPrev">Prev</span>

<span class="jFlowControl">1</span>

<span class="jFlowControl">2</span>

<span class="jFlowControl">3</span>

<!-- Increase these numbers as with the increase in your number of slides above -->
<span class="jFlowNext">Next</span>
</div>
<div class="clear"></div>
</div>

Στο σημείο που γράφει ;http://www.lefta4you.blogspot.com /  βάλτε το λινκ στο οποίο θέλετε να παραπέμπει η εικόνα.

Στο σημείο που λέει;  http://s001.radikal.ru/i196/1101/00/65847a85fb87.png "    
βάλτε το λινκ της εικόνας που θέλετε να εμφανίζετε.

Στο σημείο που λέει; TITLE-OF-THE-SLIDE  βάλτε τον τίτλο που θέλετε να εμφανίζετε.
Στο σημείο που λέει; TEXT-OF-THE-SLIDE βάλτε το κείμενο που θέλετε να εμφανίζετε

και πάμε να το βάλουμε στο blog μας με των ποιο γνωστό τρόπο;

1) Πίνακάς έλεγχου
2) Σχεδίασή
3) Προσθήκη Gadget
4) Html/javascript
5) Επικόλλησή του κωδικά
6) Αποθήκευσή

Και είστε έτοιμη.!! εάν σας άρεσε το άρθρο αφήστε σχόλιο.

Χθες το βράδυ έλαβα ένα email απο τον chris.. ο οποίος με ρωτούσε για το πως μπορεί να προσθέσει επιπλέον πεδία για τα gadget, για να μπορέσει να πετύχει το επιθυμητό αποτέλεσμά που θέλει στην διαμόρφωσή του blog του και έτσι αποφάσισα να γράψω αυτό το άρθρο

Σε αυτό το άρθρο θα ήθελα να σας πω πώς να προσθέσετε επιπλέον πεδία για τα gadget. Στο πάνω μέρος του blog μας (head) είτε στην κεντρική σελίδα πριν από το άρθρο, πάμε λοιπόν να τα προσθέσουμε

1) Πίνακάς έλεγχου
2) Σχεδίασή
3) Επεξεργασίά HTML
4) τσεκαρουμε το τετραγωνάκι (Επέκταση προτύπων γραφικών στοιχείων)
5) Πατάμε στο πληκτρολόγιο μας ctrl+f οπού μας ανοίγει ένα παραθυράκι αναζητήσεις.

Αντιγράφουμε των παρακάτω κωδικό;<div id='header-wrapper'>
και το  επικολλουμε στον παραθυράκι της αναζητήσεις, και αμέσως το βρίσκουμε μέσα στους κωδικούς HTML.

Ακριβώς μέτα από αυτόν των κωδικό ακολουθούν αυτοί οι κωδικοί;

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blogger Test Result (Header)' type='Header'>
<b:includable id='main'>

στους οποίους θα πρέπει να κάνουμε 2 αλλαγές να αλλάξουμε το 1 με 2 και το no με yes.

<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='Blogger Test Result (Header)' type='Header'>
<b:includable id='main'>

Μέτα της 2 αυτές αλλαγές πατάμε αποθήκευσή και είμαστε έτοιμη, τώρα πάμε στην σχεδίασή και θα δούμε πως στο πανό μέρος έχει εμφανιστής ένα επιπλέον πεδίο για προσθήκη gadget.

Με τον ίδιο τρόπο βρίσκουμε των παρακάτω κωδικό;
<div id='main-wrapper'>
Κάτω από αυτόν των κωδικό ακόλουθη ο επόμενος κωδικός;

<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>

Στον οποίο θα κάνουμε μια αλλαγή θα αλλάξουμε το no με yes.

<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>

Kαι θα πατήσουμε αποθήκευση, αμέσως θα προσετέθη ένα νέο πεδίο για προσθήκη gadget στην κεντρική σελίδα πριν από το άρθρο.
Προσοχή; εάν μετά των κωδικό;<div id='main-wrapper'> δεν ακόλουθη ο κωδικός;
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>
Τότε προσθέστε μονοί σας αυτών των κωδικό.

Και είστε έτοιμη.!! εάν σας άρεσε το άρθρο αφήστε σχόλιο.