Moo Magazine blogger template for blogazine

Back again I convert wordpress theme into blogger template, this time the victim is Motivatic Premium Theme from Wobzy.com. But as always there is that I distinguish, as it appears it may look nearly identical posts with previously blogger template that I have shared before which named White Magz. Yup I admit that this is just a template blogger template that I developed from the template above, the difference is clearly visible only in the header.

Okay, as I've said before, that I convert this template from the premium wordpress theme from Wobzy.com. Here's a screenshot of the original Theme (On Wordpress). And the demo can be seen in http://motivatic.wobzy.com/

which has been converted like screenshot below. Demo can be seen in http://moo-magz.blogspot.com/

This template name is Moo Magaizne. Features and descriptions of this template is

• Adopting Style Magazine
• 4 column in addition to articles and pages
• 3 coloms on article pages and page
• Jquery slider image in header
• 2 menus, one menu features a multi-leveling menus (drop down menu)
• Auto Readmore with thumbnails
• Clean template
• Breadcumb Feature
• Page Navigation Feature
• Related Articles Feature
• 4 column footer

Well now, this tutorial to edit the template, which needs to be edited to fit your desires are as follows



1. Top Menu.

Search / Find (Ctrl + F) Top Menu Edit Start
The red color replace with your desired link
The green color change with the name you want the Menu

<!-- ============= Top Menu Edit Start =============== -->
<li class='current-cat'><a href='/'>Home</a></li>
<li><a href='#YOURLINK'>News &amp; Blogs</a></li>
<li><a href='#YOURLINK'>About Us</a></li>
<li><a href='#YOURLINK'>Profile</a></li>
<li><a href='#YOURLINK'>Discography</a></li>
<li><a href='#YOURLINK'>Shows</a></li>
<li><a href='#YOURLINK'>Store</a></li>
<li><a href='#YOURLINK'>Contact</a></li>
<!-- ============= Top Menu Edit End =============== -->

2. Main Menu

Search / Find (Ctrl + F) Main Menu Edit Start
The red color replace with your desired link
The green color change with the name you want the Menu

<!-- ============= Main Menu Edit Start =============== -->
<li><a href='#YOURLINK'>Menu 1</a>
<ul>
<li><a href='#YOURLINK'>Menu 1.1</a>
<ul>
<li><a href='#YOURLINK'>Menu 1.1.1</a></li>
<li><a href='#YOURLINK'>Menu 1.1.2</a></li>
<li><a href='#YOURLINK'>Menu 1.1.3</a></li>
<li><a href='#YOURLINK'>Menu 1.1.4</a></li>
</ul>
</li>

<li><a href='#YOURLINK'>Menu 1.2</a>
<ul>
<li><a href='#YOURLINK'>Menu 1.2.1</a></li>
<li><a href='#YOURLINK'>Menu 1.2.2</a></li>
<li><a href='#YOURLINK'>Menu 1.2.3</a></li>
<li><a href='#YOURLINK'>Menu 1.2.4</a></li>
</ul>
</li>

<li><a href='#YOURLINK'>Menu 1.3</a>
<ul>
<li><a href='#YOURLINK'>Menu 1.3.1</a></li>
<li><a href='#YOURLINK'>Menu 1.3.2</a></li>
<li><a href='#YOURLINK'>Menu 1.3.3</a></li>
<li><a href='#YOURLINK'>Menu 1.3.4</a></li>
</ul>
</li>
</ul>
</li>

<li><a href='#YOURLINK'>Menu 2</a>
<ul>
<li><a href='#YOURLINK'>Menu 2.1</a>
<ul>
<li><a href='#YOURLINK'>Menu 2.1.1</a></li>
<li><a href='#YOURLINK'>Menu 2.1.2</a></li>
<li><a href='#YOURLINK'>Menu 2.1.3</a></li>
<li><a href='#YOURLINK'>Menu 2.1.4</a></li>
</ul>
</li>

<li><a href='#YOURLINK'>Menu 2.2</a>
<ul>
<li><a href='#YOURLINK'>Menu 2.2.1</a></li>
<li><a href='#YOURLINK'>Menu 2.2.2</a></li>
<li><a href='#YOURLINK'>Menu 2.2.3</a></li>
<li><a href='#YOURLINK'>Menu 2.2.4</a></li>
</ul>
</li>

<li><a href='#YOURLINK'>Menu 2.3</a>
<ul>
<li><a href='#YOURLINK'>Menu 2.3.1</a></li>
<li><a href='#YOURLINK'>Menu 2.3.2</a></li>
<li><a href='#YOURLINK'>Menu 2.3.3</a></li>
<li><a href='#YOURLINK'>Menu 2.3.4</a></li>
</ul>
</li>
</ul>
</li>

<li><a href='#YOURLINK'>Menu 3</a>
<ul>
<li><a href='#YOURLINK'>Menu 3.1</a>
<ul>
<li><a href='#YOURLINK'>Menu 3.1.1</a></li>
<li><a href='#YOURLINK'>Menu 3.1.2</a></li>
<li><a href='#YOURLINK'>Menu 3.1.3</a></li>
<li><a href='#YOURLINK'>Menu 3.1.4</a></li>
</ul>
</li>

<li><a href='#YOURLINK'>Menu 3.2</a>
<ul>
<li><a href='#YOURLINK'>Menu 3.2.1</a></li>
<li><a href='#YOURLINK'>Menu 3.2.2</a></li>
<li><a href='#YOURLINK'>Menu 3.2.3</a></li>
<li><a href='#YOURLINK'>Menu 3.2.4</a></li>
</ul>
</li>

<li><a href='#YOURLINK'>Menu 3.3</a>
<ul>
<li><a href='#YOURLINK'>Menu 3.3.1</a></li>
<li><a href='#YOURLINK'>Menu 3.3.2</a></li>
<li><a href='#YOURLINK'>Menu 3.3.3</a></li>
<li><a href='#YOURLINK'>Menu 3.3.4</a></li>
</ul>
</li>
</ul>
</li>

<li><a href='#YOURLINK'>Menu 4</a></li>
<li><a href='#YOURLINK'>Menu 5</a></li>
<!-- ============= Main Menu Edit End =============== -->

3. Image Slider
Search / Find (Ctrl + F) Slider Edit Start
Red color replace with your desired link
Green color replace with your desired URL image
Purple color change with the description

<!-- ============= Slider Edit Start =============== -->
<a href='#YOURLINK'>
<img src='http://farm5.static.flickr.com/4106/5119134122_3324280d90_z.jpg'/>
<span>
1. Here your description
</span>
</a>
 
<a href='#YOURLINK'>
<img src='http://farm2.static.flickr.com/1048/5119133738_9d40981378_z.jpg'/>
<span>
2. Here your description
</span>
</a>

<a href='#YOURLINK'>
<img src='http://farm2.static.flickr.com/1259/5118530879_59f9138f72_z.jpg'/>
<span>
3. Here your description
</span>
</a>

<a href='#YOURLINK'>
<img src='http://farm2.static.flickr.com/1212/5118529687_7716edd51f_z.jpg'/>
<span>
4. Here your description
</span>
</a>

<a href='#YOURLINK'>
<img src='http://farm2.static.flickr.com/1420/5119155084_b9c9bb29cb_z.jpg'/>
<span>
5. Here your description
</span>
</a>
<!-- ============= Slider Edit End =============== -->

4. Logo Title

Go to Design - Page Elements - Click Edit the Title widgets / badged

5. Web Description

Go to Design - Page Elements - Click Edit the Description widgets / badged

Done :)
Oh ... I almost forgot, this template can be downloaded at http://www.mediafire.com/?2uu1hqbr8u1zkmc