Τρίτη, 8 Ιουλίου 2014

Μπαλονάκι με τα σχόλια των αναρτήσεων





Σε αυτήν την ανάρτηση θα μάθεις για το πως να βάλεις τα σχόλια τω αναρτήσεων σου μέσα σε ένα ωραίο μπαλονάκι, το οποίο και θα σε διευκολύνει στο να βλέπεις τα σχόλια των αναρτήσεων σου αλλά και θα αποδώσει στο Blog σου την ομορφιά που του αξίζει. Είναι πραγματικά ένα από τα πιο ωραία και χρήσιμα Template Hacks για Blogs.

Για να το εφαρμόσετε, ακολουθήστε με προσοχή τα παρακάτω βήματα:
1) Σύνδεση στον Blogger
2) Σχεδίαση
3) Επεξεργασία HTML
4) Επέκταση προτύπων γραφικών στοιχείων
5) Με τη βοήθεια του CTRL + F βρες τον παρακάτω κώδικα:

<h3 class='post-title entry-title'>

6) Μόλις το βρούμε, ακριβώς απο κάτω βάζουμε τον παρακάτω κώδικα:

<!--COMMENT-BUBBLES-STARTS--->
<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><!--COMMENT-BUBBLES-STOPS--->

7) Στην συνέχεια με την βοήθεια του CTRL + F (ξανά), βρες το:

</head>

8) Πάνω από το </head> προσθέτουμε τον παρακάτω κώδικα:

<!--COMMENT-BUBBLES-STARTS--><style type="text/css">
.comment-bubble {
float: right;
background: url(image direct link) no-repeat;
width: 55px;
height: 38px;
font-size: 18px;
margin-top: -15px;
margin-right: 2px;
text-align: center;
}
</style><!--COMMENT-BUBBLES-STOPS-->


Εκεί που γράφει  "image direct link" βάλτε το Link της εικόνας της αρεσκείας σας



0 σχόλια:

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