CSS Dock Menu can be found easily on the internet. There are many variants of the Dock menu. One of them made by Ndesign-studio.com. Maybe you've seen the picture below on Windows, Macintosh and some other OS [Operating System]
How it works like this dock menu, if you point the mouse cursor to the dock icon menu, there will be changes in the size of the icon. For details, please see the menu on My Blog
Step One:
Download the CSS dock package files. Then unzip the file. Look in the folder there are 2 JS file JavaScript is interface.js and jquery.js. While in the images folder is a file picture. Please upload the file jquery.js & interface.js to your hosting, and uploading image files to your hosting image.
Download the CSS dock package files. Then unzip the file. Look in the folder there are 2 JS file JavaScript is interface.js and jquery.js. While in the images folder is a file picture. Please upload the file jquery.js & interface.js to your hosting, and uploading image files to your hosting image.
Step Two:
-Log in to Blogger with your id.
-Please go to Layout.
-Choose Edit HTML.
-Backup the template by clicking Download Full Template.
-Search <head> then place the javascript code at the bottom so that it becomes:
Javascript
Step Three:
Still in the Edit HTML, now looking for code ]]></b:skin> and place the following code on it.
so be Thou this
Javascript
Step Four:
Still in the Edit HTML, now we will put the id for css dock menu.
find this code:
Javascript
And place the following code below it, thus becomes:
Javascript
-Now click the Save Template button
-Completed
Note :
- For bold text, please replace the link provided.
- And for the text italic, you please replace with the address of your image
0 Comment:
Post a Comment