Template name: Milano
Template Author: Jinsona Design
Template Converter: Falcon Hive
Compatible BSP: Blogger
Best Viewed Browser: IE 8, Firefox RC3, Opera 9.6, Google Chrome 0.3.154.9, Safari 4 Public Beta
Feature Included:
- Unique and professional layout design
- Welcome Message section
- Featured Content section
- Top navigation menu
- Second navigation menu
- JavaScript-based tabber
- 300×250 Ads gadget
- 125×125 Ads gadget
- 2 sidebar section
- Fully widgetized
You can observe the demo and download the Milano Blogger template (Uploading…).
Setup the title logo
Open the ‘logo’ file with image editing software like Photoshop, then edit the text with your own preferred title and save it as ‘logo1.png’. Access into image hosting site like Photobucket and upload your ‘logo1.png’ picture, then access into blog’s layout and under the ‘Edit HTML’ mode, press [CTRL+F3] to find the ‘IMAGE-LINK-HERE/logo1.png’ and replace the ‘IMAGE-LINK-HERE’ with your hosted image link.
Set up the Top Navigation Menu
You can customize your header navigation link to your own preferred link. To achieve this, access into ‘Layout’ and under the ‘Page Element’ section, click on the ‘Edit’ of the ‘Top Navigation Menu’ and configure the Link Gadget setup.
Set up the Top Navigation Menu
You can customize your header navigation link to your own preferred link. To achieve this, access into ‘Layout’ and under the ‘Page Element’ section, click on the ‘Edit’ of the ‘Welcome Message’ and put any text you preferred, ‘Save’ to display the message on the blog.
Set up the Featured Content Scroller
There’s also got a wide space under the sliding carousal, which you can access into the space through the ‘Page Element’ section. Simply copy the code below, then access into ‘Layout’ and under the ‘Page Element’, click on the ‘Edit’ of the ‘Featured Content Scroller’, paste and edit the code with the corresponding item.
If you want to have more than 1 Featured Content slide, you can copy, paste and edit the code above again in the same HTML/ JavaScript gadget.
Set up the Second Navigation Menu
You can customize your header navigation link to your own preferred link. To achieve this, access into ‘Layout’ and under the ‘Page Element’ section, click on the ‘Edit’ of the ‘Second Navigation Menu’ and configure the Link Gadget setup.
Hide article’s content on the main page
As this template got ‘Read More’ function, you probably want to hide some text from being displayed on the main page. In fact, you just need some extremely easy step to achieve this. Simply copy the highlighted code below, then access into ‘Settings’ and under the ‘Formatting’ tab, paste the code into the ‘Post Template’.
On the next time you write an article, you just need to add this line of code to hide the text.
Set up the JavaScript-based Tabber
You can probably notice that there’s got a dynamic tabber with 3 gadget inside on the sidebar. By clicking the ‘Video’, you can actually set up the ‘Video’ part of the tabber with any gadget, same as clicking ‘Recent’ and ‘Popular’, which directs you to the setting of second and third part of the tabber.
To set up the Video section, you can put favorite Youtube video inside the section by just few simple steps. You can just copy the video’s embed code link, then access into ‘Layout’ and under the ‘Page Element’ tab, click on the ‘Edit’ of the ‘Featured Video’, paste the code then ‘Save’ to show the video!
Your Youtube video’s embed code link is located below the profile of the video uploader, and you can adjust the (embed)’s width and height inside the code to fix the section size. The recommended width and height for the video is 310 and 255.
To set up the ‘Recent’ section, you can put your Feed gadget together with your blog’s feed into the section.
To set up the Popular (post) section, you can simply copy the code below then access into ‘Layout’ and under the ‘Page Element’ tab, add a HTML/JavaScript gadget into the ‘Popular’ section then paste the code inside the gadget and edit it with corresponding item:
Set up the 300×250 Ads
Milano template got an ads space under the top featured content section, and you can setup the ads space with Google Adsense Ad Unit 300×250 Ads. To achieve this, simply access into ‘Layout’ and under the ‘Page Element’ tab, click on the ‘Edit’ of the ‘Ads 1′, copy and paste your Adsense or ads code then ‘Save’ to show the ads.
Set up the 125×125 Ads
You can change the 125×125 ads image to your own ads image. To achieve this, simply copy the code below and access into ‘Layout’ and under ‘Page Element’ tab, click on the ‘Edit’ of the ‘125×125 Ads’, paste and edit the code with corresponding item:
Social Widget