Social Sharing Widget below Blogger Posts.

Οι κοινωνικοί σύνδεσμοι σε μια ιστοσελίδα είναι ο καλύτερος & ευκολότερος τρόπος προώθησης-διαφήμισης της σελίδας σας. Μέχρι σήμερα σας έχουμε παρουσιάσει αρκετές αναρτήσεις με ανάλογα widgets. Στη σημερινή μας παρουσίαση θα σας δείξουμε ένα widget που εμφανίζεται στο τέλος της κάθε ανάρτησης και περιέχει τους τρεις πιο βασικούς κοινωνικούς συνδέσμους (facebook, twitter & google+) για την πιο άμεση προώθηση του άρθρου σας.
Ας μη το καθηστερούμε & να πάμε να δούμε τον τρόπο εγκατάστασης.
1. Θα κάνετε Σύνδεση/Login στο blog σας & θα μπείτε στον Πίνακα Ελέγχου σας --> Πρότυπο --> Επεξεργασία HTML.
2. Εκεί θα τσεκάρετε το κουτάκι "Επέκταση προτύπων γραφικών στοιχείων"
3. Και θα κοιτάξετε να βρείτε μία από τις παρακάτω γραμμές κώδικα με Ctrl + F....

<div class='post-footer'>

ή
<div class='post-footer-line post-footer-line-1'/>
ή

<div class='post-footer-line post-footer-line-1'>

Μόλις το βρείτε στην ακριβώς προυγούμενη γραμμή θα προσθέστε τον παρακάτω κώδικα.

<!--Social-Sharing-Widget-STARTS-Widget-http://loneeagle110.blogspot.com/-->
<b:if cond='data:blog.pageType == "item"'>
<style>.promote_post_bg{height:103px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqOwALduTCsHYlA4R8vA4R4fqSfW6dWSJhsdgV3KOaVUbjajdwDN8yIxcjaUzt9X18x-Mlw2I1LNqTpV4tRPJHm-2LE5CyxMrBPUKOo3rcrJCCpO4P64FAWE3Tvz8nj4LewnMmh8m13sY/s516/social.sharing.widget.le.png) 0 -7px no-repeat;width:500px;margin-left:65px}.promote_twitter{width:130px;height:38px;float:left;margin:0 39px 0 0; padding:65px 0 0 13px;text-align:center}.promote_facebook{width:115px;height:40px;float:left;margin:0 39px 0 0;padding:63px 0 0 28px;text-align:center}.promote_google{width:65px;height:40px;float:left;margin:0 39px 0 0;padding:65px 0 0 28px;text-align:center}</style>
<div class='promote_post_bg'>
<div class='promote_twitter'>
<a class='twitter-share-button' data-via='.....το UserName Σας από το Twitter.....' href='https://twitter.com/share'>Tweet</a>
<script>
!
function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.id = id;
js.src = "//platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
}
}(document, "script", "twitter-wjs");
</script>
</div>
<div class='promote_facebook'>
<fb:like action='like' colorscheme='light' expr:href='data:post.canonicalUrl' font='verdana' layout='button_count' send='false' show_faces='false'/>
<div>
<b:if cond='data:post.isFirstPost'>
<script>
(function (d) {
var js, id = 'facebook-jssdk';
if (d.getElementById(id)) {
return;
}
js = d.createElement('script');
js.id = id;
js.async = true;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));
</script>
</b:if>
</div>
</div>
<div class='promote_google'>
<g:plusone annotation='none' size='medium'/>
<script type='text/javascript'>
(function () {
var po = document.createElement('script');
po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>
</div>
</div>
</b:if>
<!--Social-Sharing-Widget-STOPS-Widget-http://loneeagle110.blogspot.com/-->

4. Θα κάνετε προεπισκόπηση του προτύπου σας κι αν δεν σας βγάλει κάποιο λάθος θα πατήσετε ΑΠΟΘΗΚΕΥΣΗ.

Αυτό ήταν!!!

Επιστρέψτε στη σελίδα σας & κάντε ανανέωση!!!

Καλή Επιτυχία!!!!!