Πέμπτη 28 Απριλίου 2011

Facebook Like and Share Box

Οι αναγνώστες σας θα σας δείξουν την αγάπη τους μέσω αυτού του gadget. Πώς θα το βάλετε στη σελίδα σας;

  • Συνδεθείτε στο λογαριασμό σας
  • Επεξεργασία HTML
  • Ctrl+F για να βρείτε το ]]></b:skin>
  • Επικολλήστε πριν από αυτόν τον  παρακάτω κώδικα
.fb_like_box {
margin-top:10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px;
background-color:#3B5999;
border:3px solid #2B2B2B;
margin-bottom:10px;
padding:10px 7px;
width:460px;
}
.fb_like_top {
overflow:visible;
padding:0;margin:0 0 5px;
width:349px;
height:24px;
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjggu9joHXvBDgPhvDM6BHhlyaHDMf-DycT6M18XZBhFjHJqh8ZIkj2BwOIXTTuCrPJYIzpm9r641un4a3QCXJvNZ7T2brHllz2SlURP4U6Ys7f_R270wEMha0MJaNtBTXqYIyZwF5khfw/") no-repeat scroll left top transparent;
}
.fb_like_button_holder {
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px;
background:none repeat scroll 0 0 #FFFFFF;
padding:12px 12px 0 12px;
width:438px;
height:38px;
}

  • Βρείτε τώρα το <data:post.body/>
  • Επικολλήστε μετά από αυτόν τον παρακάτω κώδικα
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='fb_like_box'>
<div class='fb_like_top'></div>
<div class='fb_like_button_holder'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px;height:30px;'/>
</div>
</div>
</b:if>


  • Αποθήκευση προτύπου και είσαστε έτοιμοι
*** Μπορείτε να αλλάξετε τις παραμέτρους και να ρυθμίσετε τις δικές σας διαστάσεις.***

      0 σχόλια:

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

      Twitter Delicious Facebook Digg Stumbleupon Favorites More