Κινούμενη μπάρα για κοινοποίηση του blog σας

TetsiTech

Με αυτό το widget τοποθετούμε μία οριζόντια μπάρα, στην κορυφή του blog μας, με όλα τα κουμπιά κοινοποίησης (share buttons). Αρχικά η μπάρα είναι κριμένη και εμφανίζετε όταν αρχίζουμε να κατεβαίνουμε προς τα κάτω στο blog μας.

Δείτε demo

Από το αριστερό μενού του Blogger επιλέγουμε το [Πρότυπο] και [επεξεργασία HTML]

Με Ctrl + F αναζητούμε τη λέξη: </head>

Ακριβώς επάνω από το </head> επικολλάμε τον παρακάτω JavaScript κώδικα:

<script type="text/javascript">
var addthis_config = {
    bar_show_below : 150
}
</script>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js"></script>

Με Ctrl + F αναζητούμε τη λέξη: <body>

Ακριβώς κάτω από το <body> επικολλάμε τον παρακάτω κώδικα:

<div class="addthis_bar addthis_bar_medium">
    <label>Δείξτε αυτό το blog στους φίλους σας:</label>
    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
        <span><a class="addthis_button_preferred_1"></a></span>
        <span><a class="addthis_button_preferred_2"></a></span>
        <span><a class="addthis_button_preferred_3"></a></span>
        <span><a class="addthis_button_preferred_4"></a></span>
        <span><a class="addthis_button_compact"></a></span>
        <span><a class="addthis_counter addthis_bubble_style"></a></span>
    </div>
</div>

[Αποθήκευση] και τελειώσαμε.

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

4 Σχόλια

* Please Don't Spam Here. All the Comments are Reviewed by Admin.

Eurosold Ltd22 Οκτωβρίου 2013 στις 4:56 μ.μ.
ΚΑΛΗΣΠΕΡΑ. ΜΟΛΙΣ ΕΒΑΛΑ ΤΟΝ ΚΩΔΙΚΑ ΤΗΝ ΑΛΛΗ ΗΜΕΡΑ Η GOOGLE ΕΒΓΑΛΕ ΕΝΗΜΕΡΩΣΗ ΓΙΑ ΙΟ ΣΤΟ BLOG ΓΙΑΤΙ;
ΑπάντησηΔιαγραφή
Απαντήσεις
Tetsi Chris26 Οκτωβρίου 2013 στις 4:36 π.μ.
Φίλε μου αποκλείω το ενδεχόμενο να φταίει η συγκεκριμένη μπάρα για το θέμα που αντιμετωπίζεις. Ο κώδικας προέρχεται από αξιόπιστη πηγή (www.addthis.com). Στο addthis είμαι μέλος εδώ και χρόνια και όπως λέει και το ίδιο "Over 14 million domains trust AddThis."

Κάτι άλλο φταίει στον κώδικά σου και πρέπει να τον εξετάσεις με έναν από τους τρόπους που παρουσιάζω στο άρθρο μου "Πως σκανάρουμε το blog μας για κακόβουλο (Malware) κώδικα." που θα το βρεις εδώ: http://tetsitech.blogspot.gr/2013/04/blog-malware.html

Εάν δε βρεις άκρη πες μου να το ψάξουμε μαζί.
ΑπάντησηΔιαγραφή
Απαντήσεις
Unknown2 Νοεμβρίου 2014 στις 8:35 μ.μ.
Καλησπέρα! Δε βρίσκω το body κι όταν το βάλω στο /body το εμφανίζει σταθερό στο τέλος της σελίδας, πως μπορώ να το βάλω στη κορυφή;
ΑπάντησηΔιαγραφή
Απαντήσεις