Παρόμοια Άρθρα για το Blogger
Σχετικές Widget μηνυμάτων θα εμφανίσει συνδέσμους σε άλλες θέσεις της ίδιας κατηγορίας / ετικέτα, στο blog σας. Με την προσθήκη αυτή, οι περισσότεροι από τους αναγνώστες σας θα μπορούσε να βρει ένα θέμα του ενδιαφέροντός τους για τις σχετικές θέσεις και ως εκ τούτου θα παραμείνουν στο blog σας για μεγαλύτερο χρονικό διάστημα. Συστήνω ιδιαίτερα την προσθήκη αυτό το widget στο blog σας.
Πώς να προσθέσετε το New Σχετικές Θέσεις Widget;
Ακολουθήστε τα παρακάτω βήματα για να προσθέσετε το νέο "πιο επαγγελματική αναζητούν" Σχετικά widget μηνυμάτων κάτω από μηνύματα σας στο Blogger blogs σας.
Δημιουργία αντιγράφων ασφαλείας του προτύπου σας.
Μετάβαση στο Blogger ταμπλό >> Σχεδίαση >> Επεξεργασία HTML.
Επιλέξτε το πλαίσιο δίπλα στο "Επέκταση προτύπων γραφικών στοιχείων".
Ψάξτε για <head>
Τοποθετήστε τον ακόλουθο κώδικα ακριβώς κάτω από την ετικέτα <head>: (Αυτό το βήμα είναι βασικά για την προσθήκη του API γραμματοσειράς Google για το "H2 τίτλο γραμματοσειρά" του Widget Σχετικές Δημοσίευση Επομένως, μην χάσετε αυτό το βήμα.)
<link href='http://fonts.googleapis.com/css?family=Fontdiner+Swanky'
rel='stylesheet' type='text/css'/>
Τώρα, αναζητήστε </ head>.
Προσθέστε τον ακόλουθο κώδικα πριν από το </ head>:
<!--StartsRelatedPosts-->
<style>
#related-posts
{
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 12px Verdana;
margin-bottom:10px;
}
#related-posts .widget
{
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2
{
font : 20px Fontdiner Swanky;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a
{ text-decoration : none;
}
#related-posts a:hover
{ text-decoration : none;
}
#related-posts ul
{
list-style:none;
}
#related-posts ul li
{
display : block;
background: transparent url(http://i1141.photobucket.com/albums/n581/fskhan619/bullet-blue-icon.png) no-repeat scroll 0px 4px;
margin: 0 0;
padding: 0 0 0.8em 20px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}
#related-posts ul li:hover{
background: transparent url(http://i1141.photobucket.com/albums/n581/fskhan619/bullet-green-icon.png) no-repeat scroll 0px 4px;
}
</style>
<script language='JavaScript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
document.write('<a rel="dofollow" href="http://www.foulscode.blogspot.gr" style="float:right;font-size:10px;">Blogger Widgets</a></font>');
}
//]]>
</script>
<!--EndsRelatedPosts-->
Τώρα αναζήτηση για <data:post.body/>
(αν δεν μπορείτε να το βρείτε στη συνέχεια, αναζητήστε <div class="post-body">)
Επικολλήστε τον ακόλουθο κώδικα ακριβώς κάτω από τον κωδικό που είδατε για:
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<font face='Fontdiner Swanky' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>
Εάν θέλετε να εμφανίσετε οποιοδήποτε άλλο κείμενο στη θέση του "Related Posts" και στη συνέχεια απλά να την αντικαταστήσει με οποιοδήποτε κείμενο θέλετε.
Εάν θέλετε να εμφανιστούν περισσότερες από 5 Σχετικές Θέσεις, απλά αντικαταστήστε το "5" με κάθε τιμή που θέλετε.
Μετάφραση Google
ΠΗΓΗ
Κατηγορίες:
Σχόλια