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 και να βρει </ head>
Επικολλήστε τον παρακάτω κώδικα ακριβώς πριν </ head>


<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>



Τώρα βρείτε </ body>
Τοποθετήστε τον ακόλουθο κώδικα λίγο πριν </ body>

<!--Start post title code http://www.foulscode.blogspot.gr -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
// Post titles to Older Post and Newer Post links (without stats skew)
// by MS-potilas 2012. See http://foulscode.blogspot.gr/2013/01/add-post-titles-to-older-and-newer-post.html
//<![CDATA[
var urlToNavTitle = {};
function getTitlesForNav(json) {
for(var i=0 ; i < json.feed.entry.length ; i++) {
var entry = json.feed.entry[i];
var href = "";
for (var k=0; k<entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
href = entry.link[k].href;
break;
}
}
if(href!="") urlToNavTitle[href]=entry.title.$t;
}
}
document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/posts/summary?redirect=false&max-results=500&alt=json-in-script&callback=getTitlesForNav"></'+'script>');
function urlToPseudoTitle(href) {
var title=href.match(/\/([^\/_]+)(_.*)?\.html/);
if(title) {
title=title[1].replace(/-/g," ");
title=title[0].toUpperCase() + title.slice(1);
if(title.length > 28) title=title.replace(/ [^ ]+$/, "...")
}
return title;
}
$(window).load(function() {
window.setTimeout(function() {
var href = $("a.blog-pager-newer-link").attr("href");
if(href) {
var title=urlToNavTitle[href];
if(!title) title=urlToPseudoTitle(href);
if(title) $("a.blog-pager-newer-link").html("&lt;&lt; Newer Post<br />" + title);
}
href = $("a.blog-pager-older-link").attr("href");
if(href) {
var title=urlToNavTitle[href];
if(!title) title=urlToPseudoTitle(href);
if(title) $("a.blog-pager-older-link").html("Older Post &gt;&gt;<br />" + title);
}
}, 500);
});
//]]>
</script>
</b:if><a href="http://www.foulscode.blogspot.gr">Widgets By FoulsCode</a><!--End post title code http://www.foulscode.blogspot.gr -->


Τώρα Βρείτε]]> </ b: skin>
 Τοποθετήστε τον ακόλουθο κώδικα ακριβώς πάνω]]> </ b: skin> 


.blog-pager-newer-link {background-color:transparent !important;padding: 0 !important;}
.blog-pager-older-link {background-color:transparent !important;padding: 0 !important;}
#blog-pager-newer-link {padding:5px;font-size:90%;width:200px;text-align:left;}
#blog-pager-older-link {padding:5px;font-size:90%;width:200px;text-align:right;}


 Αποθηκεύστε το πρότυπό σας και είστε έτοιμοι.

Πιστεύω ότι αυτή η συμβουλή θα συμμετάσχουν στους αναγνώστες σας λίγο περισσότερο, αν και θα μπορούσε να βοηθήσει όσον αφορά τη μείωση του ποσοστού εγκατάλειψης των blogs σας. Παρακαλώ μοιραστείτε αυτό, αν και τη βρήκε χρήσιμη.

Αφήστε τα σχόλιά σας παρακάτω! Ευχαριστώ. :)
Μετάφραση Google


ΠΗΓΗ



Σχόλια