Vito's Restaurant Blogger Template

Vito's Restaurant is a 3 column food or cooking blogger template designed by Putu Eka Ariyasa. It has a neat food design and main layout, with left and right sidebar, and 4 column footer.

Lets start with the main menu bar on top, to modify the links, create pages like About, Contaact etc from Posting--Edit Pages--New Pages, and the link will appear in the menu bar. To change the slider, go to Design--Edit HTML > Expand Widget Templates, search for this code -

<div id='slider-wrapper'>

<div id='slider'>

<a href='#'>

<img alt='' src='https://lh3.googleusercontent.com/-FD-WqmvrAO0/Tv08QcngXpI/AAAAAAAAAvY/dV2E8BPEifk/h1600/slider-1.jpg' title='#slide-caption-one'/> 

</a>

Add image link, alt text, image url, description and save the changes, follow the same steps for the remaining slides. The main post appears below it, at the end of the post is a small box which has the default Blogger social media icons, labels and comments.

The two sidebars and the footer space can be utilised to display labels, categories, archives, or any blogger widgets.

Vito's Restaurant Blogger Template

Nomad Portfolio Style Blogger Template

Nomad is a 2 column portfolio style template created by Web2Feel and converted to blogger by Best Theme. The template has a simple and clean layout with a left sidebar and 4 column footer.


Installation Process:


Design >> Edit HTML >> Upload Template >> Save


Editing Process:


Menu Bar: Design >> Page Elements, click on edit 'Link list' and create one of your own.


<a href='#Link URL'><img alt='' class='slideimg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlObBXliuPpvuSZzhvVMhMnZ4CE9bRkNuwpKs_8aLd3aPOLo8OUlgPXYrIdbpiyIMNHEVH4q-jo40aofFG1cyKWHENeclP981meESOXdHgDgpmJLPrOB5e3mFe4gSjjhPnztD0IfsjXr8/s1600/beauty-of-nature.jpg' title=''/></a>
</li>


<li>
<a href='#Link'><img alt='' class='slideimg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-VdhP-rNfLjGsS_XI8hRNgwnV7eEH60DEf1KfbayDvFcligHkX1t4JlJS_D1tVBFd5Y2pVFtQTPF5Z32CPcUHpTwku9583iDJNMLjBRDP_d_HY6rLzzEkZh2DXoGscZbkNnRetE1Wltw/s1600/nature-photography.jpg' title=''/></a>
</li>


Add details like post url, link, change the image url, title and follow the same steps for all the slides, save the changes. The image size can be around 650px x 430px. The main post area includes boxes with an image, short brief on the post linking to the entire article and comments. 


The left sidebar has the blog logo on top, access your Edit Html, find this image url and replace it.


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhij7O9yBssoPUpUs3edvMZ_D9PJ4oc5-4IyJ0Co5sSmJcTFMdgkZ74hyphenhyphen6SxTPMwDwjAXHl2xzA2m1R2t_FoLMuFIKAYtYtVOfqaVx2SgvYXTSaJNRpIRju-GT0oXygEZxCTzjgUhcfYMc/s1600/logo.png

Nomad 2 Column Portfolio Style Blogger Template

Magpress Magazine Style Blogger Templates

MagPress is a magazine style blogger template designed by New WP Themes and converted to blogger by Lasantha. Its a 3 column theme with dual navigation bar, featured content slider and 4 column footer.


You can add your blog logo from Page Elements, which is the default Blogger method, image size should be 270px width and 43px height.

To configure the top navigation bar, go to Design >> Page Elements, create a link list of pages like About, Contact, Advertise, etc., and save the changes. The second menu bar that comes with a drop-down, go to Edit Html and find this code -

<li><a href='#'>Business</a>
<ul class='children'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>#039;#


Change the main category (Business, Downloads etc) and sub-categories under 'ul class=children', insert the relevant links and follow the same steps for other default categories. Moving on to the slider, go to Edit Html and find this code -


<div class='fp-thumbnail'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj593nQcW7xA8sq5gYr8bYnODgeemgZdyBCVIrtkqhBZ4ORUrxWOTminJ3ei4xMT_O0kh_jy4TlbzBFEXTCpgHwqoTQdGJb_LFtUxeDvr2TN4YA0hKx5hTCJo609AuU_Rv75DbQRXEi1N51/s1600/1.jpg'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>This is default featured slide 1 title</a>
</h3>
<p>
Go to Blogger Edit Html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com. 
</p>


Add the post link, image url, post title and short description in the above code and repeat the steps for remaining slides. The sidebar on the right includes social media icons for users to connect with you, a search box, and tabbed widget to show varied content. Change the tab names from Edit Html -


<ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
<li><a href='#widget-themater_tabs-1432447472-id1'>Popular</a></li>
<li><a href='#widget-themater_tabs-1432447472-id2'>Tags</a></li>
<li><a href='#widget-themater_tabs-1432447472-id3'>Blog Archives</a></li>
</ul>


You can utilise the second sidebar and footer space to show more content. Overall Magpress Blogger Templates has a simple layout and can be used if you have lots of content on your site.

Free Magpress Blogger Template