RSS

Category Archives: LINK

ΕΥΚΟΛΗ ΑΝΑΚΑΤΕΥΘΥΝΣΗ ΣΥΝΔΕΣΜΟΥ

Καλησπέρα σε όλους και σε όλες. Σήμερα θα δούμε ένα πολύ εύκολο και πολύ καλό κολπάκι. Θα σας δείξω πως μπορείτε να κάνετε ανακατεύθυνση (redirection) ενός ιστολογίου σε ένα άλλο. Δηλαδή αν έχετε ένα παλιό ιστολόγιο το οποίο για οποιοδήποτε λόγο το έχετε εγκαταλείψει και έχετε φτιάξει ένα καινούριο και δε θέλετε να χάσετε τους αναγνώστες του παλιού, θα μπορείτε να παραπέμπετε τους αναγνώστες σας στο καινούριο σας blog ακόμα και όταν πληκτρολογούνε τη διεύθυνση του παλιού.
Μπαίνουμε στο λογαριασμό μας στο blogspot και από τον πανόπτη πάμε στη διάταξη και από εκεί στην επεξεργασία HTML. Πριν προχωρήσουμε παίρνουμε ένα αντίγραφο αφαλείας (back up) του κώδικα μας. Πατάμε control και F (Ctrl+F) για να ανοίξει το ψαχτήρι στο κάτω μέρος του φυλλομετρητή (browser).
Μέσα στο πλαίσιο στο ψαχτήρι πληκτρολογείστε:

</head>

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

<meta http-equiv=»refresh» content=»0;url=http://yournewurl.com«/>

Όπου http://yournewurl.com βάζεται τη διεύθυνση (url) του νέου ιστολογίου σας ή ιστοσελίδας σας. Πατήστε αποθήκευση (save) και είστε έτοιμοι. Κάντε μια δοκιμή για να βεβαιωθείτε ότι λειτουργεί. Πληκτρολογήστε τη διεύθυνση του παλιού σας ιστολογίου και πατήστε enter. Θα εμφανιστεί το ιστολόγιο σας και μετά από ένα με δύο δευτερόλεπτα θα μεταφερθείτε αυτόματα στη νέα σας σελίδα. Ελπίζω να το βρείτε χρήσιμο.
P.S.:
Από σήμερα μπορείτε να επισκέπτεστε το Locus Blogus πληκτρολογώντας τη νέα διεύθυνση www.locusblogus.com (όσοι πληκτρολογείτε την παλιά: http://locusblogus.blogspot.com θα γίνεται ανακατεύθυνση αυτόματα)

 
16 Σχόλια

Posted by στο Νοέμβριος 8, 2010 in BLOG, ΑΝΑΚΑΤΕΥΘΥΝΣΗ, LINK, REDIRECTION

 

ΠΡΟΣΘΗΚΗ ΣΥΝΔΕΣΜΟΥ "TWEET THIS"

Καλησπέρα και καλή εβδομάδα. Μετά από μια μικρή απουσία λόγω επαγγελματικών υποχρεώσεων το Locus Blogus είναι εδώ με μια νέα ανάρτηση. Θα δούμε πως μπορούμε να προσθέσουμε στο blog μας ένα link με ένα εικονίδιο. Συγκεκριμένα το Tweet This. Όπως καταλάβατε αυτό το post είναι για τους λάτρεις του Twitter και του microblogging γενικότερα.
Μπαίνουμε μέσα στο λογαριασμό του blogspot και από τον Πανόπτη πάμε διάταξη και μετά επεξεργασία HTML. Κάνουμε κλικ στο κουτάκι που βρίσκεται δίπλα στην Επέκταση προτύπων γραφικών στοιχείων. Πατάμε control και F (Ctrl + F) για να ανοίξει το ψαχτήρι στο κάτω μέρος του browser και πριν συνεχίσουμε παίρνουμε ένα αντίγραφο ασφαλείας (back up) του template μας. Μέσα στο ψαχτήρι βάζουμε με αντιγραφή – επικόλληση (copy – paste) το παρακάτω κομμάτι του κώδικα:

<div class=’post-footer-line post-footer-line-1′>

Αν δεν το βρείτε ψάξτε για το:

<p><data:post.body/></p>

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

<b:if cond=’data:blog.pageType == «item»‘><span style=’float: left; background: url(http://lh6.ggpht.com/_xn2gmPb9TfM/Sb_fZkjAxpI/AAAAAAAAD3E/_9xpsQgFfTg/s128/twitter-16×16.png) left no-repeat; padding-left: 20px;’><script charset=’utf-8′ src=’http://bit.ly/javascript-api.js?version=latest&login=tweettrackjs&apiKey=R_7e9987b2fd13d7e4e881f9cbb168f523&#8242; type=’text/javascript’/>
<script charset=’utf-8′ src=’http://s.bit.ly/TweetAndTrack.js?v=1.01&#8242; type=’text/javascript’/>
<a expr:onclick='»return TweetAndTrack.open(this, \»» + data:post.url + «\»);»‘ href=’#’>
<span style=’display:none;’>I’m reading: <data:post.title/></span>Tweet this!</a></span></b:if>

Πατήστε αποθήκευση (save). Αν μπείτε ξανά στο blog σας και κάνετε κλικ στην επικεφαλίδα μιας ανάρτησης θα δείτε στο κάτω μέρος του post το παρακάτω εικονίδιο με τον σύνδεσμο Tweet This!
Αυτό ήταν! Καλή επιτυχία. 😉

 
5 Σχόλια

Posted by στο Μαΐου 10, 2009 in LINK, MICROBLOGGING, TWEET THIS, TWITTER

 

ΠΡΟΣΘΗΚΗ LINK ΕΚΤΥΠΩΣΗΣ ΜΕ ΕΙΚΟΝΙΔΙΟ ΣΤΟ BLOG

Πως θα σας φαινόταν αν μπορούσατε να δώσετε τη δυνατότητα στους αναγνώστες σας να εκτυπώνουν τα post σας με ένα κλικ; Η όλη διαδικασία δεν είναι ιδιαίτερα δύσκολη. Πάμε να δούμε πως γίνεται.
Μπαίνουμε στο λογαριασμό του blogspot και από εκεί πάμε πανόπτης, διάταξη και επεξεργασία HTML. Πρώτα κρατάμε ένα αντίγραφο ασφαλείας (back up) σε περίπτωση που συναντήσουμε κάποιο πρόβλημα. Μετά πληκτρολογούμε Control και F (CTRL + F) για να ανοίξει το ψαχτήρι μας στο κάτω μέρος της οθόνης. Πληκτρολογούμε στο ψαχτήρι μας </head> και αμέσως θα δούμε στον κώδικα μας τονισμένο με πράσινο χρώμα το κομμάτι που πληκτρολογήσαμε προηγουμένως. Αμέσως πριν από αυτό κάνουμε αντιγραφή επικόλληση (copy – paste) το παρακάτω κομμάτι κώδικα:

<style media=’print’ type=’text/css’> #header-wrapper, #header, .header, #sidebar-wrapper, .sidebar, #footer-wrapper, #footer, .date-header, .post-meta-data, .comment-link, .comment-footer, #blog-pager, #backlinks-container, #navbar-section, .subscribe_notice, .noprint {display: none;} #main-wrapper {width: 95%} </style>

Πατάμε αποθήκευση (save) και μετά κάνουμε κλικ στο κουτάκι που βρίσκεται δίπλα στην Επέκταση προτύπων γραφικών στοιχείων. Μετά στο ψαχτήρι μας πληκτρολογούμε: <p><data:post.body/></p> ή αν δε βρεθεί το παρακάτω κομμάτι του κώδικα πληκτρολογούμε: <data:post.body/> και αν δε μας ικανοποιεί ούτε αυτό τότε ψάχνουμε για το: <a expr:name=’data:post.id’/> (προτείνεται) και θα δούμε στον κώδικα μας τονισμένο με πράσινο χρώμα το κομμάτι που πληκτρολογήσαμε προηγουμένως. Αμέσως πριν από αυτό το κομμάτι κάνουμε αντιγραφή – επικόλληση (copy – paste) το παρακάτω κομμάτι κώδικα:

<b:if cond=’data:blog.pageType == «item»‘> <span style=’background: url(http://bloggerbuster.com/images/print.gif) left no-repeat; padding-left: 20px;’><a href=’javascript:window.print()’>Print this post</a></span> </b:if>

Πατήστε αποθήκευση (save). Όταν βρίσκεστε στο blog σας για να δείτε το εικονίδιο και το link για την εκτύπωση πρέπει να μπείτε σε ένα post, δηλαδή αν κάνετε κλικ στον τίτλο ενός post θα δείτε το εικονίδιο και το link για την εκτύπωση. Κάντε κλικ και θα δείτε. Εννοείται ότι βασική προϋπόθεση είναι η ύπαρξη εκτυπωτή. Αν κάνετε μια εκτύπωση ενός post σας θα δείτε ότι εκτυπώνεται μόνο το post και όχι οι sidebars και τα υπόλοιπα στοιχεία του blog σας. Για να καταλάβετε καλύτερα δείτε το παρακάτω screenshot. Καλό, ε; Καλή επιτυχία.

 
24 Σχόλια

Posted by στο Μαρτίου 24, 2009 in BLOG, BLOGGER, BLOGSPOT, ΕΚΤΥΠΩΣΗ, LINK, PRINT, PRINTER