ALERT SCRIPT ΓΙΑ ΤΟ BLOG ΣΑΣ !!!

Το ALERT SCRIPT είναι ενα αναδυόμενο κουτάκι το οποίο εμφανίζετε οταν μπαίνει κάποιος στο blog σας και σε αυτό το κουτάκι μπορείτε να βάλετε ότι κείμενο θέλετε !!

Πηγαίνουμε Σχεδίαση -> Επεξεργασία html -> "Επέκταση προτύπων γραφικών στοιχείων"
Πατάμε ctrl+F και γράφουμε

 </head>  

Μόλις το βρούμε κάνουμε πριν απο αυτό επικόλληση το παρακάτω script

 <SCRIPT language='JavaScript'>alert("ΤΟ ΜΗΝΥΜΑ ΣΑΣ");</SCRIPT>   

Πατάμε Αποθήκευση Προτύπου και είναι έτοιμο !!

ΚΟΥΜΠΙ "FACEBOOK LIKE BUTTON" ΓΙΑ ΤΟ BLOG ΣΑΣ

Το Facebook Like Button είναι ένα κουμπί που το βάζετε κάτω από τις αναρτήσεις σας η κάτω απο τον τίτλο τις ανάρτησης. Όταν το πατάει ο αναγνώστης δλδ κάνει "like" στην ανάρτηση και εμφανίζεται στον τοίχο του στο facebook.


Για να βάλετε το script κάτω από τον τίτλο
Πηγαίνουμε Σχεδίαση -> Επεξεργασία html -> "Επέκταση προτύπων γραφικών στοιχείων"
Πατάμε ctrl+F και γράφουμε

 <div class='post-header-line-1'>  

Και κάτω απο αυτο βάλτε τον παρακάτω κώδικα

 <!-- facebook like this -->  
   
 <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=true&amp;width=100&amp;action=like&amp; font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:60px;'/>  
   
 <!-- /facebook like this -->  

Για να βάλετε το script κάτω από την ανάρτηση
Πηγαίνουμε Σχεδίαση -> Επεξεργασία html -> "Επέκταση προτύπων γραφικών στοιχείων"
Πατάμε ctrl+F και γράφουμε

 <data:post.body/>  

Και κάτω απο αυτο βάλτε τον παρακάτω κώδικα

 <!-- facebook like this -->  
   
 <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=true&amp;width=100&amp;action=like&amp; font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:60px;'/>  
   
 <!-- /facebook like this -->  

Για να βάλετε το script πάνω από όλες τις αναρτήσεις
Πηγαίνουμε Σχεδίαση -> Επεξεργασία html -> "Επέκταση προτύπων γραφικών στοιχείων"
Πατάμε ctrl+F και γράφουμε

 <data:post.body/>  

Και πάνω απο αυτο βάλτε τον παρακάτω κώδικα

 <!-- facebook like this -->  
   
 <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=true&amp;width=100&amp;action=like&amp; font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:60px;'/>  
   
 <!-- /facebook like this -->  

Το αποτέλεσμα θα είναι αυτό:

WIDGET ΠΟΥ ΔΕΙΧΝΕΙ ΤΑ ΤΕΛΕΥΤΑΙΑ ΣΧΟΛΙΑ ΣΤΟ BLOG ΣΑΣ

Αυτό το widget θα δείχνει τα τελευταία σχόλια που γίνονται απο εσάς και τους αναγνώστες του blog σας !!

Πηγαίνουμε Σχεδίαση μετα "προσθήκη gadget" και επιλέγουμε "HTML/JavaScript" απο το παράθυρο που θα ανοίξει .
Για τίτλο βάζετε κάτι που να έχει σχέση με αυτό που θέλετε να βάλετε π.χ "Recent comments"
και από κάτω στο κενό κάνουμε επικόλληση τον παρακάτω κώδικα:

 <script style="text/javascript" src="http://kunoichi.info/blogger_buster/comments.js"></script><script style="text/javascript">var a_rc=3;var m_rc=true;var n_rc=true;var o_rc=100;</script><script src="Η διεύθυνσή του blog σας/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>  

Εκει που λεει "Η διεύθυνσή του blog σας" βάζετε την διεύθυνσή του blog σας π.χ "http://script-for-blog.blogspot.com"

Αυτό ήταν !!
Πατάμε αποθήκευση και είστε εντάξει !!!!

ΚΟΥΜΠΙ "BACK TO TOP" ΓΙΑ ΤΟ BLOG ΣΑΣ

Το κουμπί Back to Top όταν το πατάει κάποιος τον πάει στη κορυφή του blog σας.
Η διαδικασία προσθήκης του κώδικα είναι απλή.

Πηγαίνουμε Σχεδίαση -> Στοιχεία Σελίδας -> Προσθήκη Widget -> HTML/JavaScript και κάνουμε επικόλληση τον παρακάτω κώδικα :

1:  <a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="#" /></a>   

Εκεί που λέει src="#" στη θέση του # θα βάλετε το link τις εικόνας.
Κάντε αποθήκευση και είστε έτοιμοι !!!

Για να βρείτε εικονίδια για το κουμπί Back to Top κάντε μία αναζήτηση στο google image και θα σας βγάλει αρκετές εικόνες !!

ΕΦΕ ΓΙΑ ΤΙΣ ΕΙΚΟΝΕΣ ΤΟΥ BLOG ΣΑΣ

Σήμερα θα σας δώσω ένα script για να έχουν εφέ οι εικόνες του blog σας. Δηλαδή όταν πατάει κάποιος πάνω σε μια εικόνα αυτή θα μεγαλώνει έτσι ώστε να φαίνεται καλύτερα .

Πηγαίνουμε Σχεδίαση -> Επεξεργασία html -> "Επέκταση προτύπων γραφικών στοιχείων"
Πατάμε ctrl+F και γράφουμε

 ]]></b:skin>

και πριν απο αυτο κάνουμε επικόλληση το παρακάτω

 /* SLIMBOX */
#lbOverlay {
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
cursor: pointer;
}
#lbCenter, #lbBottomContainer {
position: absolute;
z-index: 9999;
overflow: hidden;
background-color: #fff;
}
.lbLoading {
background: #fff url(http://sites.google.com/site/bl12tr34/archeiotheke/loading.gif) no-repeat center;
}
#lbImage {
position: absolute;
left: 0;
top: 0;
border: 10px solid #fff;
background-repeat: no-repeat;
}
#lbPrevLink, #lbNextLink {
display: block;
position: absolute;
top: 0;
width: 50%;
outline: none;
}
#lbPrevLink {
left: 0;
}
#lbPrevLink:hover {
background: transparent url(http://sites.google.com/site/bl12tr34/archeiotheke/prevlabel.gif) no-repeat 0 15%;
}
#lbNextLink {
right: 0;
}
#lbNextLink:hover {
background: transparent url(http://sites.google.com/site/bl12tr34/archeiotheke/nextlabel.gif) no-repeat 100% 15%;
}
#lbBottom {
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #fff;
border-top-style: none;
}
#lbCloseLink {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(http://sites.google.com/site/bl12tr34/archeiotheke/closelabel.gif) no-repeat center;
margin: 5px 0;
outline: none;
}
#lbCaption, #lbNumber {
margin-right: 71px;
}
#lbCaption {
font-weight: bold;
}

Μετά ξαναπατάμε ctrl+F και γράφουμε

 </head>

και πριν από αυτό κάνουμε επικόλληση αυτό

 <!-- Start jQuery -->
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>google.load(&quot;jquery&quot;, &quot;1.4.2&quot;);</script>
<!-- End jQuery -->
<script src='http://sites.google.com/site/bl12tr34/archeiotheke/slimbox2.js' type='text/javascript'/>
<!-- End slimbox2 -->

Τέλος πατάμε αποθήκευση προτύπου .

Αργότερα αφού κάνετε μια ανάρτηση και βάλετε κάποια εικόνα θα πατήσετε Επεξεργασία Html και στον κώδικα τις εικόνας πριν το

 ><img

εσείς θα βάλετε αυτόν εδώ τον κώδικα

 rel="lightbox" title="Ο τίτλος που θέλετε"

τώρα είστε έτοιμοι !!!

Δείτε αυτή την photo !!