WEEK
4: 16/03/2013
As
promised, today lecture was on creating Blog and drop down menu. I have created
my own blog. The next was to create the drop down menu. Drop down menu was
created according to the steps below:
1. Webpage
with the link as http://pixopoint.com/products/suckerfish_css/
was browsed. This webpage provides us the opportunity to customize our blog
according to our preference. I was able to choose my own fonts, colours,
backgrounds and layouts. After that, the “SUBMIT DESIGN” icon was clicked.
After that, I was able to preview the complete layout of my blog together with
the CSS code for the layout.
2. Next,
in my blogger page, I clicked on “template”, then “layout” and finally, “edit
HTML”. Next I clicked “Ctrl & F” simultaneously, and typed the code “]]></b:skin>”.
Next . I paste the CSS code and saved the template. I typed “Ctrl & F ” simultaneously
and typed the code “/*Tabs” and deleted the content within the range. Then ,
the template was saved. The code that was obtained from this link http://faialnasir88.blogspot.com
was pasted in the “Window HTML”. The term “sub link” is the drop down menu.
3. The
code #suckerfishnav li: hover, #suckerfishnav li.hover{position : static;} was
typed at the template designer , the advance section. Some of the codes will be
typed in respective positions to ensure the layout and drop down menu is
complete.
4. The
drop down menu was created.
There
was some error in creating the drop down menu. My blog does not show any
accurate drop down menu. Hence, I re-start creating the drop down menu, and
ensured all the coding was done accurately.
Lastly , the drop down menu was created . I would really appreciate my
coursemates help especially Group 1 for helping me in creating my blog.
0 comments:
Post a Comment