Μετρητής σχολίων δεξιά στους τίτλους των αναρτήσεων

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

  • Σύνδεση στον Blogger
  • Σχεδίαση / Επεξεργασία HTML
  • Επέκταση Γραφικών Στοιχείων
  • Βρίσκουμε την ετικέτα  ]]></b:skin>
  • Επικολλάμε πριν από αυτήν τον παρακάτω κώδικα:

.comment-bubble {
float : right;
width : 48px;
height : 48px;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpdFTu-HUHR4JZMGYlEYtpEzyatJJerL9U40S6e4ptMwgGcGV1_jMp9oXCkuMZX9s9LaQtwSQJ_RA0tuuAk4316QCFnZ2JN4W5zRTG5uPmARWIhXVaDfte0fz0ekEbPlBkcnR7luJ1y3uS/s1600/Comment+Bubble+%2815%29.png) no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
}
  • Βρείτε τώρα τον παρακάτω κώδικα:

<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
  • Επικολλήστε ενδιάμεσα σ' αυτόν τον παρακάτω κώδικα:

<b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>

Θα πρέπει να δείχνει όπως παρακάτω:

<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'><b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
  • Πατήστε προεπισκόπηση για να δείτε αν κάτι δεν έχει πάει καλά και στη συνέχεια αποθήκευση προτύπου.



    0 σχόλια:

    Post a Comment

     
    back to top