Νοεμβρίου 2013

Χριστουγεννιάτικα λαμπάκια για το blog σας

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-h4qjMmkaWmY/Upne_cAIUSI/AAAAAAAAGEM/H4eoEZl9kdw/s1600/lefta4klik-stolidia.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Χριστουγεννιάτικα λαμπάκια" border="0" height="32" src="http://3.bp.blogspot.com/-h4qjMmkaWmY/Upne_cAIUSI/AAAAAAAAGEM/H4eoEZl9kdw/s640/lefta4klik-stolidia.gif" title="" width="640"></a></div>
Καλησπέρα σε όλους, σήμερα θα σας δώσω ένα γκατζετάκι να αρχίσετε να στολίζετε το blog σας για την περίοδο των γιορτών. Θα δώσει ένα άλλο αέρα στο blog σας τώρα για το κλίμα τον εορτών.<br />
<br />
Μπορείτε να το δείτε μια σε δοκιμαστική έκδοση προτού το βάλετε, δείτε το <a href="http://epidixi.blogspot.gr/" rel="nofollow" target="_blank">πατώντας εδώ</a>. Είναι τα λαμπάκια που βλέπετε πάνω πάνω να αναβοσβήνουν.<br />
<br />
Προσθήκη στο blog σας:<br />
<ol style="text-align: left;">
<li>Αφού συνδεθείτε και επιλέξετε το blog που σας ενδιαφέρει, από το μενού πατήστε "Διάταξη" και "Προσθήκη gadget"</li>
<li>Στο παράθυρο που ανοίγει αφού αντιγράψετε τον πιο κάτω κώδικα επικολλήστε τον σε αυτό</li>
<li>Αποθηκεύστε και είστε έτοιμοι.</li>
</ol>
<div class="emfanisikodika">
<script type="text/javascript" src="https://googledrive.com/host/0B3fIJ7nZFI9iYXBkdWgwdzhodWM/"></script>
</div>
<div>
<br /></div>
Μπορείτε επίσης να κάνετε το blog σας ακόμα πιο χριστουγεννιάτικο, <b>δείτε</b>: <a href="http://lefta4klik.blogspot.gr/2012/12/gadget-agiou-basili.html" target="_blank">gadget Αγίου Βασίλη</a>, <a href="http://lefta4klik.blogspot.gr/2012/12/xristougeniatika-gadget.html" target="_blank">χριστουγεννιάτικα gadget</a>.</div>

Χριστουγεννιάτικα λαμπάκια για το blog σας

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

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

Πώς να προσθέσετε φόρμα επικοινωνίας στο blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-wQDINRPCeeU/UpCwtN6WWXI/AAAAAAAAGBk/r-UYyYG3s9M/s1600/forma-epikoinonias.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="φόρμα επικοινωνίας blogger" border="0" height="125" src="http://3.bp.blogspot.com/-wQDINRPCeeU/UpCwtN6WWXI/AAAAAAAAGBk/r-UYyYG3s9M/s320/forma-epikoinonias.jpg" title="" width="320"></a></div>
Καλησπέρα σε όλους, σήμερα θα δούμε ένα πολύ απλό τρόπο που μπορούμε να ενσωματώσουμε στο <a href="http://lefta4klik.blogspot.gr/2012/12/pos-ftiaxno-blog.html" target="_blank">blog</a> μας μια φόρμα επικοινωνίας για να μπορούν οι αναγνώστες να μας στέλνουν τα μηνύματα που θέλουν μέσω αυτής της φόρμας.<br />
<br />
Θεωρώ ότι πρέπει να υπάρχει σε κάθε blog μια φόρμα επικοινωνίας, ο κυριότερος λόγος είναι ότι θα μπορεί ο χρήστης να επικοινωνήσει άμεσα μαζί μας συμπληρώνοντας τα πεδία της φόρμας και χωρίς να χρειάζεται να συνδεθεί στο λογαριασμό του προσωπικού του email. Επίσης ένας άλλος βασικός λόγος είναι ότι δεν θα χρειάζεται να εμφανίζετε το email στην σελίδα μας και κατά συνέπεια δεν θα μπορούν τα bot να διαβάζουν το email, με αυτό το τρόπο θα αποφύγουμε σε πολύ μεγάλο βαθμό το spam που στις μέρες μας έχει πάρει τεράστιες διαστάσεις.<br />
<br />
Μπορείτε να δείτε την φόρμα που φαίνεται πατώντας εδώ: <a href="http://lefta4klik.blogspot.gr/2012/11/epikinonia.html" target="_blank">http://lefta4klik.blogspot.gr/2012/11/epikinonia.html</a><br />
<br />
Στο τέλος του παρόν άρθρου θα δείτε ένα δικό μου οδηγό βίντεο που θα σας βοηθήσει να προσθέσετε και εσείς την φόρμα.<br />
<br />
<b>Διαδικασία προσθήκης φόρμας επικοινωνίας</b>:<br />
<ul style="text-align: left;">
<li>Σύνδεση στο λογαριασμό μας στο blogger και επιλογή του blog που θέλουμε να βάλουμε την φόρμα επικοινωνίας.</li>
<li>Από το μενού πατάμε "Διάταξη" και "Προσθήκη gadget".</li>
<li>Από το κάθετο μενού του παράθυρου που ανοίγει πατάμε την δεύτερη επιλογή "Περισσότερα Gadget" επιλέγουμε αυτό που γράφει "Φόρμα επικοινωνία" και αποθήκευση.</li>
<li>Βάζουμε το gadget ακριβώς πάνω από τις "Αναρτήσεις ιστολογίου" και πατάμε αποθήκευση διάταξης που βρίσκετε πάνω δεξιά.</li>
<li>Ακολούθως από το μενού πατάμε "Πρότυπο" και " Επεξεργασία HTML"</li>
<li>Μας ανοίγει ο κώδικας του προτύπου, βάζουμε τον κέρσορα κάπου μέσα σε αυτό και πατάμε <kbd style="background-color: white; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid gray; box-shadow: rgb(238, 238, 238) 1px 0px 1px 0px, rgb(204, 204, 204) 0px 2px 0px 2px, rgb(68, 68, 68) 0px 2px 0px 3px; color: #272727; line-height: 26px; margin: 2px 3px; padding: 1px 5px;">Ctrl</kbd><span style="background-color: white; color: #272727; font-family: 'Droid Serif', Enriqueta, Georgia, serif; line-height: 26px;"> + </span><kbd style="background-color: white; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid gray; box-shadow: rgb(238, 238, 238) 1px 0px 1px 0px, rgb(204, 204, 204) 0px 2px 0px 2px, rgb(68, 68, 68) 0px 2px 0px 3px; color: #272727; line-height: 26px; margin: 2px 3px; padding: 1px 5px;">F</kbd>, στο παράθυρο search που ανοίγει αναζητούμε το "]]></b:skin>" πατώντας το πλήκτρο <kbd style="background-color: white; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid gray; box-shadow: rgb(238, 238, 238) 1px 0px 1px 0px, rgb(204, 204, 204) 0px 2px 0px 2px, rgb(68, 68, 68) 0px 2px 0px 3px; color: #272727; line-height: 26px; margin: 2px 3px; padding: 1px 5px;">Enter</kbd></li>
<li>Αφού το βρούμε επικολλούμε ακριβώς από πάνω του την πιο κάτω γραμμή κώδικα, πατάμε αποθήκευση προτύπου και κλείνουμε</li>
</ul>
<div class="emfanisikodika">
.widget.ContactForm {
 display: none;
 }
</div>
<br />
<ul style="text-align: left;">
<li>Τέλος πάμε στη σελίδα επικοινωνίας (αν δεν έχουμε μπορούμε να δημιουργήσουμε μία), σε αυτή την σελίδα επιλέγουμε την λειτουργία "HTML" πάνω δεξιά, αντιγράφουμε και επικολλούμε σε αυτή τον πιο κάτω κώδικα:</li>
</ul>
<div class="emfanisikodika">
<style type="text/css">
 .widget.ContactForm {
 display: block;
 }
 .post-footer {
 display: none;
 }
 #blog-pager {
 display: none;
 }
 .blog-feeds {
 display: none;
 }
 .widget.ContactForm .title {
 display: none;
 }
 .widget.ContactForm * {
 max-width: 100%;
 }
 </style>
</div>
Πατάμε ενημέρωση και είμαστε έτοιμη!<br />
<br />
<b>Αν δυσκολεύεστε δείτε τον οδηγό βίντεο που έφτιαξα όπου κάνω την όλη διαδικασία</b>:<br />
<div class="separator" style="clear: both; text-align: center;">
<object class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="http://i1.ytimg.com/vi/fw1ltXO7tB8/0.jpg" height="266" width="320"><param name="movie" value="http://www.youtube.com/v/fw1ltXO7tB8?version=3&f=user_uploads&c=google-webdrive-0&app=youtube_gdata" /><param name="bgcolor" value="#FFFFFF" /><param name="allowFullScreen" value="true" /><embed width="320" height="266"  src="http://www.youtube.com/v/fw1ltXO7tB8?version=3&f=user_uploads&c=google-webdrive-0&app=youtube_gdata" type="application/x-shockwave-flash" allowfullscreen="true"></embed></object></div>
</div>

Πώς να προσθέσετε φόρμα επικοινωνίας στο blogger

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

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

Gadget για να βλέπετε τα πιο πρόσφατα σχόλια του blog (Recent Comments)

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-A_d3GfWJbtA/Un-RplQTLNI/AAAAAAAAF70/9o_YSGNWQmM/s1600/recent-comments.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Recent Comments" border="0" height="184" src="http://2.bp.blogspot.com/-A_d3GfWJbtA/Un-RplQTLNI/AAAAAAAAF70/9o_YSGNWQmM/s320/recent-comments.jpg" title="Τα πιο πρόσφατα σχόλια του blog" width="320"></a></div>
Καλησπέρα σε όλους τους φίλους και αναγνώστες του lefta4klik, σήμερα θα σας δώσω ένα χρήσιμο script για να βλέπετε τα τελευταία σχόλια που έχουν γίνει στο blog σας.<br />
<br />
Όπως θα δείτε αν το προσθέσετε στο blog σας θα εμφανίζεται ένα απόσπασμα του σχολίου μαζί με το όνομα του χρήστη και το τίτλο στον οποίο καταχώρησε το σχόλιο όπου θα υπάρχει και το ανάλογο λινκ για να σας στέλνει στην σελίδα του σχολίου.<br />
<br />
<b>Οδηγός προσθήκης</b>:<br />
<ol style="text-align: left;">
<li>Σύνδεση στο blogger.com και επιλογή του blog που θέλετε</li>
<li>Από το μενού πάτε "<b>Διάταξη</b>" και στο σημείο που προτιμάτε πατάτε "<b>Προσθήκη gadget</b>", επιλέγετε το HTML/JavaScript</li>
<li>Αντιγράφετε το πιο κάτω κώδικα και τον κάνετε επικόλληση στο παράθυρο που σας άνοιξε πιο πριν αφού πρώτα αλλάξετε τα γράμματα που έχω μαρκαρισμένα με κόκκινο: src=<span style="color: red;">http://lefta4klik.blogspot.gr</span>/feeds/comments/default με το url του blog σας
<div class="emfanisikodika">
<script style=text/javascript src="https://googledrive.com/host/0B3fIJ7nZFI9iaVR4cWE0dGZpRFk/"></script><script style=text/javascript >var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=100;</script><script src=<span style="color: red;">http://lefta4klik.blogspot.gr</span>/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script><span id=rcw-cr><a href=http://lefta4klik.blogspot.com/2013/11/gadget-blog-recent-comments.html>Recent Comments</a></span><style type=text/css> .rcw-comments a {text-transform: capitalize;} .rcw-comments {border-bottom: 1px dotted; padding-top: 7px!important; padding-bottom: 7px!important;} #rcw-cr {font-size:9px;} </style>
</div>
</li>
</ol>
Αν δυσκολεύεστε με την προσθήκη gadget στον blogger δείτε το πιο κάτω βίντεο:<br />
<div class="separator" style="clear: both; text-align: center;">
<object class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="http://img.youtube.com/vi/4hkmbqenpFg/0.jpg" height="266" width="320"><param name="movie" value="http://youtube.googleapis.com/v/4hkmbqenpFg&source=uds" /><param name="bgcolor" value="#FFFFFF" /><param name="allowFullScreen" value="true" /><embed width="320" height="266"  src="http://youtube.googleapis.com/v/4hkmbqenpFg&source=uds" type="application/x-shockwave-flash" allowfullscreen="true"></embed></object></div>
</div>

Gadget για να βλέπετε τα πιο πρόσφατα σχόλια του blog (Recent Comments)

Καλησπέρα σε όλους τους φίλους και αναγνώστες του lefta4klik, σήμερα θα σας δώσω ένα χρήσιμο script για να βλέπετε τα τελευταία σχόλια πο...

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

Φόρουμ

Φόρμα επικοινωνίας

Χριστουγεννιάτικα λαμπάκια για το blog σας

Πώς να προσθέσετε φόρμα επικοινωνίας στο blogger

Gadget για να βλέπετε τα πιο πρόσφατα σχόλια του blog (Recent Comments)