Πώς να προσθέσει CSS εικόνα που να κινείται το μενού του Blog σας ~ Blokakias

1. Συνδεθείτε στο λογαριασμό Blogger σας και πηγαίνετε στο Design>> Επεξεργασία HTML

2. Πρώτα απ 'όλα κατεβάσετε την πλήρη template.Μήπος κάνετε κάποιο λάθος να μπορείτε να το ανακτήσει.

3. Βάλτε σημάδι επιλογής Επέκταση προτύπων γραφικών στοιχείων

4. Αναζήτηση αυτού του κώδικα με τη χρήση ]]></b:skin>

5.Επικολλήστε τον παρακάτω κώδικα πριν από ]]></b:skin>

#imagemove {            
        padding:0;             
        margin-left:30px;             
        list-style-type:none;             
        height:120px;             
        }             
#imagemove li {             
        display:block;             
        float:left;             
        width:120px;             
        height:120px;             
        position:relative;             
        margin:0 15px 7px 0;             
        }             
#imagemove li a {             
        display:block;             
        width:120px;             
        height:120px;             
        background:transparent;             
        overflow:hidden;             
        position:relative;             
                padding:5px;             
        } 
#imagemove li a img {            
        width:100%;             
        height:100%;             
        border:0;             
        margin-right:30px;             
        padding:5px;             
        }             
#imagemove li a:hover{             
        position:absolute;             
        left:0px;             
        top:20px;             
        padding:5px;             
        width:120px;             
        height:120px;             
        z-index:100;             
        }

6. Τώρα, κάντε κλικ στην επιλογή Αποθήκευση προτύπου.

7. Μετάβαση στη σελίδα Στοιχείων και κάντε κλικ στο κουμπί Προσθήκη gadget

8.Κάντε κλικ στο κουμπί JavaScript / HTML και επικολλήστε παρακάτω κώδικα.

<ul id="imagemove">              
<li><a href="http://blokakias.blogspot.com/"><img alt="menu 1" src="http://i43.tinypic.com/2arep5.png" title="home"/>home</a></li>

<li><a href="http://blokakias.blogspot.com/"><img alt="download" src="http://i41.tinypic.com/20pxbmc.png" title="download"/>download</a></li>

<li><a href="http://blokakias.blogspot.com/"><img alt="music" src="http://i41.tinypic.com/2rhqtlf.png" title="menu 3"/>menu 3</a></li>  

<li><a href="http://blokakias.blogspot.com/"><img alt="feed" src="http://i40.tinypic.com/vqkvbl.png" title="feed"/>feed</a></li>  

<li><a href="http://blokakias.blogspot.com/search?max-results=200"><img alt="search" src="http://i44.tinypic.com/2lus08g.png" title="search"/>search</a></li>               
</ul>