May 11th, 2009

Milano

milano-blogger-template-big

Equipped with unique welcome message and featured content section, Milano is yet another professional Blogger template for your professional blog. Discover and use Milano to bring your blog to next level!

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.

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 Featured Content Scroller

Milano has a featured content scroller at the right of the Welcome Message section, 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’.

<span class=”fullpost”></span>

On the next time you write an article, you just need to add this line of code to hide the text. For example,

<span class=”fullpost”>Here are the texts you want to hide</span>

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.