Πέμπτη 26 Δεκεμβρίου 2013

Related posts για το blog blogger κάτω από το θέμα. Νέος τρόπος.

Με το Τσόκαρο
   Ένας εύκολος τρόπος για να κάνετε το σχετικά θέματα - νέος τρόπος εμφανίσεις Σχετικά Άρθρα κάτω από τη θέση είναι ένας νέος τρόπος που πρέπει να ισχύει για τα blogs που έχουμε εάν χρησιμοποιήσουμε Templete που δεν το διαθέτουν.
   Η λειτουργία της εγκατάστασης ενός Related posts σε κάθε θέση έχει σημαντική επίδραση στον αριθμό των προβολών σελίδων ανά επισκέπτη. Μπορείτε να φανταστείτε εάν ένας από τους επισκέπτες στο blog σας, ορισμένα ακόμα σχετικά άρθρα, το trafiik θα αυξηθεί περισσότερο και θα κάνει την ιστοσελίδα / blog σας πιο ορατό από τις μηχανές αναζήτησης όπως το google.
Πώς να εφαρμόσετε το Related posts Σχετικά Άρθρα:
   1. Συνδεθείτε στο λογαριασμό σας blog.
   2. Πηγαίνετε στο Blogger ταμπλό >>Templete κλικ και επιλέξτε Επεξεργασία HTML
   3. Στη συνέχεια, μπορείτε να βρείτε τον κωδικό <data:post.body/>. Χρησιμοποιείτε το CTRL + F για να αναζητήσετε πιο εύκολα και αν βρείτε περισσότερους από ένα κωδικό, χρησιμοποιήστε τον 2ο από την κορυφή (εμένα ήταν ο τρίτος).
4. Copy-paste τον παρακάτω κώδικα κάτω από τον κώδικα .
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p style='font-style:bold;'>Διαβάστε επίσης:</p>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:150px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 15;
maxNumberOfPostsPerLabel = 50;
maxNumberOfLabels = 3; function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;albri&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if>
   5. Στη συνέχεια, αναζητήστε τον κωδικό ]]></b:skin> .
6. Copy-paste τον κωδικό που ακολουθεί ακριβώς πάνω από τον κώδικα ]]></ b: skin>.
.rbbox{border: 1px solid #000000;padding: 5px;
background-color: #F2F2F2;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: #EFFBEF;}
.rbbox ul li {
display : block;
background : url(http://i1237.photobucket.com/albums/ff469/indolaron/icon/005.png) no-repeat 0px 0;
margin-left : -10px;
padding-top : 0;
padding-right : 0px;
padding-bottom : 1px;
padding-left : 20px;
margin-bottom : 5px;
line-height : 1em;
border-bottom:1px dotted #cccccc;}
   7. Κάντε κλικ στο Save / Αποθήκευση Templete.
ΠΡΟΣΘΕΤΕΣ ΠΛΗΡΟΦΟΡΙΕΣ:
   * Μην ξεχάσετε να αφαιρέσετε το Read more: Με το Τσόκαρο όλο το λινκ.
   * Διαβάστε επίσης, = μπορεί να αλλάξει κατά βούληση. π.χ.: Σχετικές Δημοσιεύσεις, Διαβάστε Επίσης, διαβάστε περισσότερα ή ότι άλλο σας αρέσει.
   * maxNumberOfPostsPerLabel = 50; = Ο αριθμός των ποστ που σχετίζονται ή πόσα θέλετε να εμφανίσετε
   * maxNumberOfLabels = 3; = Ο αριθμός των ετικετών που θέλετε να εμφανίζεται
   * background-color: #F2F2F2; = Για το χρώμα φόντου στα σχετικά άρθρα και μπορεί να αλλάξει ανάλογα με το γούστο
   * background-color: #EFFBEF; = Το χρώμα του φόντου, όταν περνάει ο κέρσορας από πάνω, το highlight
   * http://i1237.photobucket.com/albums/ff469/indolaron/icon/005.png = Το εικονίδιο μπροστά από το σύνδεσμο
   Αυτό είναι το μόνο που μπορώ να μοιραστώ σχετικά με το νέο τρόπο για να βάλετε το: Σχετικά Άρθρα κάτω από τα θέματα. Ελπίζω να είναι χρήσιμο και ωφέλιμο σε όλους σας. Σας ευχαριστώ για την επίσκεψη στο blog μου.

0 σχόλια:

Δημοσίευση σχολίου