create animated menus next to the blogger

Tag Technorati: {grup-tag}tutor blog

Post this time, I want to give you how to create animated menus that are on the right or left of your blog. Widget menu list one of the most interesting in my opinion, for example you can see my right-wing blogs have animated menus. You are interested ........??? The following steps - steps made.

# Log in to Blogger with your ID.
# Select the Layout then click Edit HTML.
# Back up the template first, if fear of failure.
# Look for this code: </ head> in your template.
# Copy the entire code below, then paste it right above this

code:
<style>
# menu1 a (color: white; background-color: # 3D81EE; text-decoration: none; text-indent: 1ex;)
# menu1 a: active (color: white; text-decoration: none;)
# menu1 a: hover (color: brown; background-color: # 0066CC)
# menu1 a: visited (color: yellow; text-decoration: none;)
</ style>
<script language='JavaScript1.2' src='http://www.geocities.com/adestd40/mmenu.js'/>
<script>
resizereinit = true;
menu [1] = (
id: 'menu1',
bartext: 'MENU BLOG',
menupos: 'right',
barbgcolor: "# FF0000",
barcolor: "WHITE",
barfontweight: "bold",
barfontsize: '100% ',
bordercolor: '# ffffff',
fontsize: '100% ',
linkheight: 20,
hdingwidth: 210,
menuItems: [
[ "Home", "http://www.echabintangtimur.blogspot.com", "_self"],
[ "Tutorial Blogger", "http://www.echabintangtimur.blogspot.com/search/label/Tutorial% 20Blogger", ""],
[ "Software", "http://www.echabintangtimur.blogspot.com/search/label/Software", ""],
[ "Anti Virus", "http://www.echabintangtimur.blogspot.com/search/label/Antivirus", ""],
[ "Exchange Links", "http://www.echabintangtimur.blogspot.com/search/label/Tukar% 20Link", ""],
[ "Banner Links Friends", "http://www.echabintangtimur.blogspot.com/search/label/Tukar% 20Link", ""],
[ "The Color Code", "http://www.echabintangtimur.blogspot.com/2009/06/kode-warna-html.html", ""],
[ "Blog Contest", "http://www.echabintangtimur.blogspot.com/search/label/Blog% 20Kontes", ""],
[ "Motivation", "http://www.echabintangtimur.blogspot.com/search/label/Motivasi", ""],
[ "Trick Tips", "http://www.echabintangtimur.blogspot.com/search/label/Tips% 20Trik", ""],
[ "Award", "http://www.echabintangtimur.blogspot.com/search/label/AWARD", ""],
[ "Contact Me", "http://kontactr.com/user/echabintangtimur", ""],
[ "Back To Top", "#", ""] / / at the end of the entry should not be given a coma
]);
make_menus ();
</ script>

# The data above is the data shown in the floating menu star.
# Replace the red printed with the data you want to display and only as an example.
# When finished click Save Template.
# See the blog you now.
# Good luck, hopefully useful ...!!!
Widget Code menu located above the right wing of your blog, if you want to change it so the left wing, menu post replace this sentence: 'left', became menu post : 'right',