Μετάβαση στο κύριο περιεχόμενο

Αναρτήσεις

Εμφάνιση αναρτήσεων με την ετικέτα Tricks

Κάντε το blog σας να ανανεώνεται αυτόματα

Κατά καιρούς έχετε παρατήρηση πως μερικά blog κάνουν ανανέωση μονα τους αυτόματα.
Εδώ θα σας δώσω τον κώδικα προσαρμογής και για το δικό σας blog.

Αναζητήστε το <head> πατώντας το ctrl + f και ακριβώς  από κάτω κάντε επικόλληση τον παρακάτω κώδικα.




<meta content='220;' http-equiv='refresh'/>

Το 220 είναι τα δευτερόλεπτα, ο χρόνος που θα κάνει ανανέωση αυτόματα.

Θες να με αντιγράψεις; Βάλε και την πηγή

Ένα ξυπνώ script που κάθε φορα που κάνουν αντιγραφή από το blog σας και όταν κάνουν επικόλληση θα εμφανίζεται η πηγή του blog σας!

Αντιγραφή επικόλληση τον παρακάτω κώδικα:

Επικολλήστε πριν από  </body>

<script type="text/javascript">
if(document.location.protocol==&#39;http:&#39;){
 var Tynt=Tynt||[];Tynt.push(&#39;a8Kw0GrZ8r4kpuadbi-bpO&#39;);Tynt.i={&quot;ap&quot;:&quot;Πηγή:&quot;};
 (function(){var s=document.createElement(&#39;script&#39;);s.async=&quot;async&quot;;s.type=&quot;text/javascript&quot;;s.src=&#39;http://foulsblog.xtgem.com/foulscode-stopcopy.txt.js&#39;;var h=document.getElementsByTagName(&#39;script&#39;)[0];h.parentNode.insertBefore(s,h);})();
}
</script>



Πώς να φαίνονται μόνο οι τίτλοι στην αναζήτηση, στις ετικέτες και στο αρχείο

Για να το δούμε και αυτό.

Βρείτε πρώτα το <b:include data='post' name='post'/> και αντικαταστήστε με το παρακάτω.


<!--ARCHIVE-TITLES-STARTS--><b:if cond='data:blog.homepageUrl !=data:blog.url'><b:if cond='data:blog.pageType != "item"'><a expr:href='data:post.url'><li></li><data:post.title/></a><br/><br/><b:else/><b:include data='post' name='post'/></b:if><b:else/><b:include data='post' name='post'/></b:if><!--ARCHIVE-TITLES-STOPS-->

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

Πόσος χρόνος απαιτείται για να φορτωσει πλήρως η ιστοσελίδα σας?

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

Για να ξεκινήσετε απλά πληκτρολογήστε τη διεύθυνση URL μιας ιστοσελίδας, επιλέξτε τον αριθμό των calls / time intervals, και στη συνέχεια κάντε κλικ στην επιλογή "Time It!".
WebWait θα τρέξει ενα γρήγορο δοκιμαστικό και θα σας δώσει ένα μέσο χρόνο φόρτωσης της σελιδας . 



Είναι πολύ χρήσιμο εργαλείο και  τώρα νομίζω ότι ήρθε η ώρα να βελτιστοποιήσουμε την σελιδα μας δεν νομίζετε ?!!!.....


ΠΗΓΗ

Όλο το περιεχόμενο σε μια ανάρτηση

Όλο το περιεχόμενο σε μια ανάρτηση μπορείτε να το δείτε και στο blog μας

DEMO


Αντιγραφή επικόλληση τον παρακάτω κώδικα html



<script src="http://betafouls.xtgem.com/allposts.txt.js">
</script>
<script src="http://ΤΟ ΟΝΟΜΑ ΤΟΥ BLOG ΣΑΣ.gr/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
Αποθήκευση και αυτό ήταν!

Rotating image hover trick for Blogger.

Δώστε στις εικόνες σας ζωντάνια και κίνηση. Δίνει τη δυνατότητα στις εικόνες των αναρτήσεών σας να κάνουν μια μικρή κλίση προς τα δεξιά αμέσως τις μόλις ακουμπήσει κάποιος με το ποντίκι. Ακολουθήστε τα παρακάτω βήματα για να εφαρμόσετε τον κώδικα στο δικό του blog:
Σύνδεση στον BloggerΠρότυπο / Επεξεργασία HTML / ΣυνέχειαΒρείτε την ]]></b:skin>


Επικολλήστε πριν από αυτήν τον παρακάτω κώδικα:



.post img:hover {
    -moz-transform: scale(1.2) rotate(-350deg);
    -webkit-transform: scale(1.2) rotate(-350deg);
    -o-transform: scale(1.2) rotate(-350deg);
    -ms-transform: scale(1.2) rotate(-350deg);
    transform: scale(1.2) rotate(-350deg);
    -webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
    -moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
    box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
}
Αποθηκεύστε το πρότυπό σας και είστε έτοιμοι.

ΠΗΓΗ

Πώς να προσαρμόσετε ετικέτες Cloud στο Blogger

Μετάβαση στο Blogger ταμπλό> Ρυθμίσεις> Layouts
Κάντε κλικ στο κουμπί Προσθήκη gadget> Ετικέτες
Επιλέξτε Display Cloud μόλις είστε μέσα στις ρυθμίσεις.
Επιλέξτε να εμφανίσει 25 ετικέτες σε πιο Επειδή πάρα πολύ δύσκολη θα δούμε.
Αποθηκεύστε το widget. Πηγαίνετε στο Ρυθμίσεις> Πρότυπο
Δημιουργία αντιγράφων ασφαλείας του προτύπου σας.
Κάντε κλικ στο κουμπί Επεξεργασία HTML> Προχωρήστε στη συνέχεια, αναζητήστε]]></b:skin> και από κάτω βάλτε

Paste the code provided below just above the code in no. 6/*-----Custom Labels Cloud widget by www.FoulsCode.blogspot.gr----*/.label-size{margin:0 2px 6px 0;padding: 3px;text-transform: uppercase;border: solid 1px #C6C6C6;border-radius: 3px;float:left;text-decoration:none;font-size:10px;color:#666;}.label-size:hover {border:1px solid #6BB5FF;text-decoration: none;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;transition: all 0.5s ease-ou…

Παρόμοια Άρθρα για το Blogger

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



Πώς να προσθέσετε το New Σχετικές Θέσεις Widget;
Ακολουθήστε τα παρακάτω βήματα για να προσθέσετε το νέο "πιο επαγγελματική αναζητούν" Σχετικά widget μηνυμάτων κάτω από μηνύματα σας στο Blogger blogs σας. Δημιουργία αντιγράφων ασφαλείας του προτύπου σας. Μετάβαση στο Blogger ταμπλό >> Σχεδίαση >> Επεξεργασία HTML. Επιλέξτε το πλαίσιο δίπλα στο "Επέκταση προτύπων γραφικών στοιχείων". Ψάξτε για <head> Τοποθετήστε τον ακόλουθο κώδικα ακριβώς κάτω από την ετικέτα <head>: (Αυτό το βήμα είναι βασικά για την προσθήκη του API γραμματοσειράς Google για το "H2 τίτλ…

Add Post Titles to Older and Newer Post Links to Engage Your Readers!

Κάντε τους επισκέπτες σας να μείνετε στο blog σας και τη συμμετοχή τους για μεγαλύτερο χρονικό διάστημα είναι πολύ δύσκολο. WordPress blogs έχουν αυτό το πλεονέκτημα σε σχέση με bloggers blogs ότι κάτω από blog θέσεις τους έχουν δεσμούς και τις πραγματικές τους τίτλους των εμφανίζεται δίπλα και προηγούμενες θέσεις. Blogger blogs έχουν τα μεγαλύτερα και νεότερα συνδέσεις αλλά κανένα τους δεν είναι ο τίτλος που εμφανίζεται σελίδα. Θέλω να πω μόνο το σύνδεσμο λέγοντας "Older" ή "Newer" θα κάνει τους επισκέπτες σας-για να τους επισκεφθούν, εκτός εάν υπάρχει μια μικρή λεπτομέρεια λίγο για την παλαιότερη ή νεότερη θέση. Το συγκεκριμένο σεμινάριο είναι για το πώς να εμφανίσετε τα Νεότερες και Παλαιότερες τίτλους μετά να blogger blogs σας.







Μετάβαση στο Blogger Σχεδιασμός>.
Δημιουργήστε αντίγραφα ασφαλείας του προτύπου σας.
Κάντε κλικ στο σύνδεσμο Επεξεργασία HTML.
Επιλέξτε το πλαίσιο δίπλα στο "Επέκταση προτύπων γραφικών στοιχείων".
Πατήστε F3 και να βρει <…

Χρησιμοποιήστε Firebug για εύρεση των κωδικών στο πρότυπό σας

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

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


Για να εντοπίζετε οποιοδήποτε κώδικα των σελίδων σας (και άλλα), σας συνιστώ τοFirebug , ένα add-ons που χρησιμοποιώ για να μετατρέψω ακόμα και τα θέματα Wordpress σε  Blogger.


Μετά την εγκατάσταση του Firebug, μεταβείτε στη σελίδα στην οποία θέλετε να τροποποιήσετε τον κώδικα (αν είναι το δικό σας blog , να πάτε στην κεντρική σελίδα και οχι στην σελίδα επεξεργασίας του κώδικα ), κάντε κλικ στην μπάρα του  browser Εργαλεία -Firebug – Επιτήρηση Αντικείμενου , όπως φαίνεται παρακάτω : 


Θα παρατηρήσετε ότι ανοίγει ένα παράθυρο στο κάτω μέρος της οθόνης , στη δεξιά πλευρά θα δείτε τον κώδικα CSS (που δίνει…

Smartcam: Μετατρέψτε το κινητό σας σε web camera

Αν θέλετε μπορείτε πολύ εύκολα μέσω ασύρματης σύνδεσης η bluetooth να μετατρέψετε το κινητό σας τηλέφωνο (Android, Samsung Bada, WinMo6.x, S60)σε web camera, προκειμένου να την χρησιμοποιήσετε για συνομιλίες και όπως αλλιώς θέλετε. Αυτό μπορείτε να το κάνετε πολύ εύκολα, με μια βολική και εύχρηστη εφαρμογή, διαθέσιμη για Linux και Windows που ονομάζεται: SmartCam.
Για Ubuntu, Mint, Debian και παράγωγες διανομές, διαθέτει ένα ετοιμο εκτελέσιμο DEB, οπότε αρκεί διπ0λο κλικ επάνω του για να το εγκαταστήσετε μόλις κατέβει.
ΣΗΜΕΙΩΣΗ: Το πακέτο deb είναι για 32b συστήματα, άρα για τα 64b, το χρησιμοποιείτε με άγνωστα αποτελέσματα. Μπορείτε απλά να ανοίξετε το Κέντρο Λογισμικού (Synaptic, Software Manager, κλπ), να κάνετε αναζήτηση για:smartcam και να το εγκαταστήσετε.
Θα πρέπει όμως, να εγκαταστήσετε και κάποιες αναγκαίες εξαρτήσεις που επίσης υπάρχουν στο Κέντρο Λογισμικού.
Αυτές είναι: libgconf2-4 και libjpeg62.
Εναλλακτικά, μπορείτε να τα εγκαταστήσετε όλα, μέσω του τερματικού/κονσόλας σα…

Αυτόματα Τabs στην Sidebar σου

Πριν ξεκινήσεις καλό θα ήταν να κάνεις Λήψη του Προτύπου σου.

Ακολουθήστε τα παρακάτω βήματα:

1) Σύνδεση στον blogger
2) Σχεδίαση
3) Επεξεργασία HTML
4) Επέκταση προτύπων γραφικών στοιχείων
5) Με CTRL + F βρείτε το </head> και από πάνω του, βάλτε τον παρακάτω κώδικα:

<script type='text/javascript'>//<![CDATA[document.write('<style type="text/css">.tabber{display:none;}<\/style>');function tabberObj(argsObj){var arg;this.div = null;this.classMain = "tabber";this.classMainLive = "tabberlive";this.classTab = "tabbertab";this.classTabDefault = "tabbertabdefault";this.classNav = "tabbernav";this.classTabHide = "tabbertabhide";this.classNavActive = "tabberactive";this.titleElements = ['h2','h3','h4','h5','h6'];this.titleElementsStripHTML = true;this.removeTitle = true;this.addLinkId = false;this.linkIdFormat = '<tabberid>…

Μικρά tips για να επιταχύνετε τον χρόνο φόρτωσης του blog σας

Πως σβήνουμε το "Εγγραφή σε: Αναρτήσεις (Atom)"

Σίγουρα σε όλα τα Blogs νομίζω υπάρχει ένα Link κάτω-κάτω στην σελίδα του Blog το οποίο λέει:

Εγγραφή σε: Αναρτήσεις (Atom)
Είναι ένα από τα πιο ενοχλητικά πράγματα που υπάρχουν στον Blogger !
Το κακό είναι ότι ο Blogger δεν σε αφήνει να το διαγράψεις και έτσι τα περισσότερα Blogs το έχουν και προσπαθούν με κάθε τρόπο είτε να το κρύψουν είτε να το βγάλουν γενικότερα.

Με αφορμή ένα Mail που μου έστειλε ένας φίλος, είπα να κάνω και αυτή την ανάρτηση.

Η διαδικασία αφαίρεσης του είναι πολύ εύκολη !

1) Σύνδεση στον λογαριασμό μας στον Blogger
2) Σχεδίαση
3) Επεξεργασία HTML
4) Με την βοήθεια του CTRL+F ψάξε για το παρακάτω:

.feed-links {
clear: both;
line-height: 2.5em;
}
Μόλις το βρεις ΑΝΤΙΚΑΤΕΣΤΗΣΕ το με το παρακάτω:

.feed-links {
display:none;
}
Αν για κάποιο λόγο δεν το βρεις, τότε ψάξτα (με CTRL+F πάλι) πατώντας:

.feed-links{clear:both;line-height:2.5em}ή απλά βάζοντας τον αριθμό 2.5em

Βγάλε το clear:both;line-height:2.5em και στην θέση του βάλε το display:none;