This is the code of one slide in slider, if you want more, you can duplicate the code above and modify the content.
The content in each slide is up to you, but I suggest 3 small part:
- Background image (image_01_url)
- Title of slide (marked with text "title here")
- Sub title (marked with "Sub title here")
- Description text (marked with "text goes here")
I also add some CSS code to make this appear as I want ( the code start with "style='..........' "). You can change these code to make it display as you want, for example font size, color, position... and you have to familiar with CSS. No shortcut here if you want to make it your way. If not, you can copy the code above and remain the CSS code as above.
8, Widgets : Block 1, Block 2, Block 3, Block 4, Block 5, Block 6, Block 7, Block 8, Block9 and Block 10 can be edit easily.
Just click on the widget you want and add content in widget content dialog, it will be display in corresponding position in homepage.
9, There are 3 widgets in the footers : Recent posts, latest tweets and FlickR. These widget is made for demo only and you can replace them with your own widgets in minutes.
10, Save changes. That's all in Layout tab.
Now we move to some coding works. Don't worry, just change the top menu navigation and footer menu.
You need to back to Blogger Dashboard then go to Template tab.
Click on Edit HTML
For the top menu
Click on drop : Jump to widget and choose widget HTML12.
Now you will see the code of top menu, just change it as your own: