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

Με αυτό το 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 σχόλια:

  1. ΚΑΛΗΣΠΕΡΑ. ΜΟΛΙΣ ΕΒΑΛΑ ΤΟΝ ΚΩΔΙΚΑ ΤΗΝ ΑΛΛΗ ΗΜΕΡΑ Η GOOGLE ΕΒΓΑΛΕ ΕΝΗΜΕΡΩΣΗ ΓΙΑ ΙΟ ΣΤΟ BLOG ΓΙΑΤΙ;

    ΑπάντησηΔιαγραφή
  2. Φίλε μου αποκλείω το ενδεχόμενο να φταίει η συγκεκριμένη μπάρα για το θέμα που αντιμετωπίζεις. Ο κώδικας προέρχεται από αξιόπιστη πηγή (www.addthis.com). Στο addthis είμαι μέλος εδώ και χρόνια και όπως λέει και το ίδιο "Over 14 million domains trust AddThis."

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

    Εάν δε βρεις άκρη πες μου να το ψάξουμε μαζί.

    ΑπάντησηΔιαγραφή
  3. Καλησπέρα! Δε βρίσκω το body κι όταν το βάλω στο /body το εμφανίζει σταθερό στο τέλος της σελίδας, πως μπορώ να το βάλω στη κορυφή;

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Φίλε Κωνσταντίνε, δεν βρίσκεις το body γιατί μάλλον μέσα στην ετικέτα γράφει και κάτι άλλο
      body ..... Οπότε κάνε αναζήτηση χωρίς να κλείνει με ">". Δηλαδή ψάξε για τη λέξη: "<body"

      Διαγραφή

Δικά μου

Larissakid

Χρησιμοποιώ