Θέλετε να έχετε συγκεκριμένο url στις νέες αναρτήσεις σας; Εύκολο, και απλό, και θα έχετε την ονομασία που εσείς θα έχετε επιλέξει, ενώ θα έχετε και πιό εύκολη αναζήτηση στους ξένους αναγνώστες σας.
Φτιάξετε μία ανάρτηση που θα θέλατε ...Μετά, πατήστε δεξιά, το "Μόνιμος σύνδεσμος" και πατήστε το "προσαρμοσμένος μόνιμος σύνδεσμος" και στο κουτάκι από κάτω γράψτε ότι θέλετε να φαίνεται σαν σύνδεσμος στην ανάρτηση αυτή....
παράδειγμα => arxikiselida (ότι θέλετε εσείς στα λατινικά)
Τώρα η ανάρτηση που θα φαίνεται ανεξάρτητη, έχει το λινκ
www. yourDomain .blogspot.gr/arxikiselida (αυτό είναι ένα τρυκ που χρησιμοποιούμε για να δίνουμε συγκεκριμένο λίνκ στις αναρτήσεις μας.
Πατήστε Δημοσίευση...
Ενα ακόμη τρυκ, για να κρύβετε αναρτήσεις που δεν θέλετε να δουν στις πρώτες αναρτήσεις σας οι αναγνώστες σας, βάζοντας παλιά ημερομηνία (και 2 και 5 χρόνια πρίν) στις αναρτήσεις...Πατήστε "πρόγραμμα" και από κάτω, στο ημερολόγιο που θα ανοίξει, βάλτε παλιά ημερομηνία...έτσι οι αναρτήσεις αυτές θα φαίνονται με τις παλιές σας αναρτήσεις και όχι στις πρόσφατες.dr-blogger.com
Διαγράψτε το-Εγγραφή σε: Αναρτήσεις (Atom)
Ενσωματώσετε στην ιστοσελίδα σας το γνωστό σε όλους μας δεκαεξαδικό διάγραμμα χρώματος- Color Codes Chart
Ο Παρακάτω κώδικας σας δίνει τη
δυνατότητα να ενσωματώσετε στην ιστοσελίδα σας το γνωστό σε όλους μας δεκαεξαδικό διάγραμμα χρώματος. Το παρακάτω διάγραμμα αποτελείται από ένα σύνολο 216 δεκαεξαδικών χρωμάτων τα οποία είναι συμβατά από όλους τους browsers .
δυνατότητα να ενσωματώσετε στην ιστοσελίδα σας το γνωστό σε όλους μας δεκαεξαδικό διάγραμμα χρώματος. Το παρακάτω διάγραμμα αποτελείται από ένα σύνολο 216 δεκαεξαδικών χρωμάτων τα οποία είναι συμβατά από όλους τους browsers .
Το παρακάτω διάγραμμα χρώματος χρησιμοποιεί ένα συνδυασμό scripted HTML και CSS για να παραγάγει ένα αποτέλεσμα ποντίκι πάνω όταν τοποθετείτε τον κέρσορα πάνω από τα κελιά του πίνακα.
Μπορείτε να χρησιμοποιήσετε αυτό το διάγραμμα για τα δωρεάν ή και εμπορικούς σκοπούς. Μπορείτε επίσης να χρησιμοποιήσετε τους κωδικούς για την επεξεργασία των χρωμάτων της πλατφόρμας Blogspot, Wordpress ή διαφόρων web προτύπων. Μπορείτε ακόμη να ενσωματώσετε αυτό το Χρωματολόγιο - πίνακα ή σε ιστοσελίδες ή στα blog σας σας..lovefortechnology.net
Χωρίστε την ανάρτηση σε 2 στήλες
Είναι εύκολο να εφαρμοστεί και έχετε την ελευθερία να το χρησιμοποιήσετε σε αναρτήσεις που εσείς θέλετε .Εκτος από κείμενο μπορείτε να προσθέστε και gadgets,widgets ,για να είναι σε παράλληλη γραμμή.
Απλά προσθέστε τον παρακάτω κωδικό στην ανάρτησή σας.
Απλά προσθέστε τον παρακάτω κωδικό στην ανάρτησή σας.
Αντικαταστήστε εκεί που λέει ..Εδώ το κείμενο,αριστερά και δεξιά ,προσθέτοντας το κείμενο η widget που θέλετε.
1.....
2.....
Σύγχρονη Κορδέλα Hover Effect Bar Μενού Για Blogger
Κάντε κλικ στο κουμπί EDIT HTM L . Τώρα κάντε κλικ στο κουμπί Προχωρήστε . Βρείτε αυτήν την ετικέτα με τη χρήση του Ctrl + F ]]> </ b: skin> .Επικολλήστε παρακάτω κώδικα Πριν ]]> </ b: skin> tag
View Demo- http://demo.bloggertrix.com/2013/02/blog-post.html
..........................................
Μετάβαση στο blogger και κάντε κλικ στην επιλογή Διάταξη
Κάντε κλικ στο κουμπί Προσθήκη gadget και επιλέξτε "HTML / Javascript
Επικολλήστε παρακάτω κώδικα.
------------------------------
Αντικαταστήστε το # με τις συνδέσεις σας. 10. αποθηκεύσετε τώρα σας HTML / Javascript ". Τελειώσατε
http://www.bloggertrix.com/2013/02/modern-ribbon-hover-effect-menu-bar-for.html
View Demo- http://demo.bloggertrix.com/2013/02/blog-post.html
..........................................
Μετάβαση στο blogger και κάντε κλικ στην επιλογή Διάταξη
Κάντε κλικ στο κουμπί Προσθήκη gadget και επιλέξτε "HTML / Javascript
Επικολλήστε παρακάτω κώδικα.
------------------------------
Αντικαταστήστε το # με τις συνδέσεις σας. 10. αποθηκεύσετε τώρα σας HTML / Javascript ". Τελειώσατε
http://www.bloggertrix.com/2013/02/modern-ribbon-hover-effect-menu-bar-for.html
Προσθήκη Chat Room στην ιστοσελίδα σας
Γράμματα 3D στο κείμενό σας
Kώδικα CSS και το κείμενο που βλέπετε γίνεται τρισδιάστατο...οι οδηγίες στο τέλος της ανάρτησης!
Ο ΚΩΔΙΚΑΣ CSS:
@import url(http://fonts.googleapis.com/css?family=Bevan);
h3 {
background-color: white;
margin: 0 auto;
color: #000;
text-align: center;
font-family: "Bevan", sans-serif;
font-weight: bold;
font-size: 20px;
letter-spacing: 0px;
text-shadow: 0 1px 0 #CCC, 0 2px 0 #C9C9C9, 0 3px 0 #BBB, 0 4px 0 #B9B9B9, 0 5px 0 #AAA, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15)
}
O KΩΔΙΚΑΣ HTML:
ΕΔΩ ΓΡΑΨΕΤΕ ΤΟ ΚΕΙΜΕΝΟ ΣΑΣ
**font-size: 20px; αλλάξτε το μέγεθος των γραμμάτων...
letter-spacing: 0px; αλλάξτε το κενό των γραμμάτων...
**family=Bevan αλλάξτε τη γραμματοσειρά (πχ βάλτε arial)
from;http://www.dr-blogger.com/2013/03/blog-post.html#more
from;http://www.dr-blogger.com/2013/03/blog-post.html#more
Τρισδιάστατο κειμενο 3D mouseover
Ενα κώδικας CSS και το κείμενο που βλέπετε γίνεται τρισδιάστατο μόλις περάσει από πάνω ο κέρσορας.
Ο ΚΩΔΙΚΑΣ CSS:
#animationWrapper {
width:300px;
font-family:"proxima-nova-1","proxima-nova-2","Helvetica Neue","Arial",sans-serif;
background:none;
padding:20px;
}
/* link which encapsulates SPANs */
#animationWrapper a {
font-weight: 200;
text-transform: uppercase;
font-size: 22px;
line-height: 1.3em;
margin-bottom: 0px;
display: block;
position: relative;
color: #E58;
text-decoration: none
}
/* span and a - "workers" */
#animationWrapper a, #animationWrapper span {
-webkit-transition: all 0.12s ease-out;
-moz-transition: all 0.12s ease-out;
-o-transition: all 0.12s ease-out;
-ms-transition: all 0.12s ease-out;
transition: all 0.12s ease-out;
}
#animationWrapper span {
display: block;
color: #FFF;
text-shadow: 1px 1px black, 2px 2px black, 3px 3px black, 4px 4px black, 5px 5px black, 6px 6px black, 7px 7px black, 8px 8px black;
}
/* special size for the first item */
#animationWrapper .span1 {
font-size: 37px;
line-height: 0.8em;
}
#animationWrapper a:hover {
color: #fff ;
top: -3px;
left: -3px;
}
/* all spans become white */
#animationWrapper a:hover span {
color:#fff;
}
/* different colors for each SPAN */
#animationWrapper a:hover .span1 {
text-shadow: 1px 1px #58E, 2px 2px #58E, 3px 3px #58E, 4px 4px #58E, 5px 5px #58E, 6px 6px #58E, 7px 7px #58E, 8px 8px #58E, 9px 9px #58E, 10px 10px #58E, 11px 11px #58E;
}
#animationWrapper a:hover .span2 {
text-shadow: 1px 1px #F90, 2px 2px #F90, 3px 3px #F90, 4px 4px #F90, 5px 5px #F90, 6px 6px #F90, 7px 7px #F90, 8px 8px #F90, 9px 9px #F90, 10px 10px #F90, 11px 11px #F90;
}
#animationWrapper a:hover .span3 {
text-shadow: 1px 1px #3C7, 2px 2px #3C7, 3px 3px #3C7, 4px 4px #3C7, 5px 5px #3C7, 6px 6px #3C7, 7px 7px #3C7, 8px 8px #3C7, 9px 9px #3C7, 10px 10px #3C7, 11px 11px #3C7;
}
#animationWrapper a:hover .span4 {
text-shadow: 1px 1px #E58, 2px 2px #E58, 3px 3px #E58, 4px 4px #E58, 5px 5px #E58, 6px 6px #E58, 7px 7px #E58, 8px 8px #E58, 9px 9px #E58, 10px 10px #E58, 11px 11px #E58;
}
O ΚΩΔΙΚΑΣ HTML:
## ">
Cool - Aigio
--web-radio--
listen to
different players
** Το ## αν θέλετε θα το αντικαταστήσετε με ένα link...
**Στα κόκκινα γράμματα βάλτε τα δικά σας κείμενα...
**Μπορείτε να βάλετε και τους 2 κώδικες σε gadget σαν HTML/Javascript
**Στο κώδικα css μπορείτε όσοι ξέρετε να αλλάξετε τα χρώματα και τα μεγέθη των γραμμάτων..
(αν δεν ξέρετε μην το επιχειρήσετε)...
πηγη-http://www.dr-blogger.com/2013/03/mouseover.html#more
Ο ΚΩΔΙΚΑΣ CSS:
#animationWrapper {
width:300px;
font-family:"proxima-nova-1","proxima-nova-2","Helvetica Neue","Arial",sans-serif;
background:none;
padding:20px;
}
/* link which encapsulates SPANs */
#animationWrapper a {
font-weight: 200;
text-transform: uppercase;
font-size: 22px;
line-height: 1.3em;
margin-bottom: 0px;
display: block;
position: relative;
color: #E58;
text-decoration: none
}
/* span and a - "workers" */
#animationWrapper a, #animationWrapper span {
-webkit-transition: all 0.12s ease-out;
-moz-transition: all 0.12s ease-out;
-o-transition: all 0.12s ease-out;
-ms-transition: all 0.12s ease-out;
transition: all 0.12s ease-out;
}
#animationWrapper span {
display: block;
color: #FFF;
text-shadow: 1px 1px black, 2px 2px black, 3px 3px black, 4px 4px black, 5px 5px black, 6px 6px black, 7px 7px black, 8px 8px black;
}
/* special size for the first item */
#animationWrapper .span1 {
font-size: 37px;
line-height: 0.8em;
}
#animationWrapper a:hover {
color: #fff ;
top: -3px;
left: -3px;
}
/* all spans become white */
#animationWrapper a:hover span {
color:#fff;
}
/* different colors for each SPAN */
#animationWrapper a:hover .span1 {
text-shadow: 1px 1px #58E, 2px 2px #58E, 3px 3px #58E, 4px 4px #58E, 5px 5px #58E, 6px 6px #58E, 7px 7px #58E, 8px 8px #58E, 9px 9px #58E, 10px 10px #58E, 11px 11px #58E;
}
#animationWrapper a:hover .span2 {
text-shadow: 1px 1px #F90, 2px 2px #F90, 3px 3px #F90, 4px 4px #F90, 5px 5px #F90, 6px 6px #F90, 7px 7px #F90, 8px 8px #F90, 9px 9px #F90, 10px 10px #F90, 11px 11px #F90;
}
#animationWrapper a:hover .span3 {
text-shadow: 1px 1px #3C7, 2px 2px #3C7, 3px 3px #3C7, 4px 4px #3C7, 5px 5px #3C7, 6px 6px #3C7, 7px 7px #3C7, 8px 8px #3C7, 9px 9px #3C7, 10px 10px #3C7, 11px 11px #3C7;
}
#animationWrapper a:hover .span4 {
text-shadow: 1px 1px #E58, 2px 2px #E58, 3px 3px #E58, 4px 4px #E58, 5px 5px #E58, 6px 6px #E58, 7px 7px #E58, 8px 8px #E58, 9px 9px #E58, 10px 10px #E58, 11px 11px #E58;
}
O ΚΩΔΙΚΑΣ HTML:
## ">
Cool - Aigio
--web-radio--
listen to
different players
** Το ## αν θέλετε θα το αντικαταστήσετε με ένα link...
**Στα κόκκινα γράμματα βάλτε τα δικά σας κείμενα...
**Μπορείτε να βάλετε και τους 2 κώδικες σε gadget σαν HTML/Javascript
**Στο κώδικα css μπορείτε όσοι ξέρετε να αλλάξετε τα χρώματα και τα μεγέθη των γραμμάτων..
(αν δεν ξέρετε μην το επιχειρήσετε)...
πηγη-http://www.dr-blogger.com/2013/03/mouseover.html#more
Εγγραφή σε:
Αναρτήσεις (Atom)