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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU_gfqc8nKb64jcl0BZtg30EReVYcroO-VHQsLZAKdOxmogbznrtShXUOMfWYxsjHJjXpPNggtgdC-oTR7Pj8Ic70_Lf-6GaVeL_I8KRo-rQbjT_ucPpcvDkqtwICX19q7JrZNFpHnxQyX/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