WELCOME TO SHARING SHIP. Get Our Post Daily to Your Mobile Click Here



Friday, 23 March 2012

Pin It

“MBT Church Theme”. Wordpress Converted Blogger Template Free worth $300


MBT Church Theme

This template is different and unparallel in every aspect as compared to any other Blogger template found in the blogosphere. Its not just a Wordpress template converted to blogger but it is a precious blog template which is highly Stylized,Customized and Optimized by default!

See it for yourselves,

MBT-church-theme-Demo Demo  |  Download

Downloads: 1135

This is how the Church Theme originally looked when converted to blogger.

uncustomized-church-theme-dDemo

Amazed to see the difference, aren’t you? Lets look at some important features that makesMBT Church Theme the only template with “extensive customization”.

Features related to Customization

Some Important features and built-in widgets are highlighted in the image below,

  1. Blogger Navigation Bar invisible by Default (1)
  2. Coloured title (2)
  3. Curtain Style Header (3)
  4. RSS Feed Widget/Subscription Email Form Widget, with a customized email form and button (4) (Not Built-in)
  5. Built-in Pop up image effect (5)
  6. Built-in Fading image effect (6)
  7. Beautiful Social Bookmarking Icons (7)
  8. Related Post Widget (8)
  9. Adsense adds appear in sub-pages only for fast Page-load-time (9)
  10. Built-in Comment counter! (10)
  11. Author comments appear in different style (11)
  12. Different Sidebar Web Bullet (12)
  13. Page Navigation! (13)
  14. Highly stylized Three Column Footer Widget – The most important edition to the template (14)
  15. Blinking Back To Top Link (15)
  16. 3D style Sidebar Top Area (16)
  17. 3D style Sub Navigation Bar (16)
  18. Built-in Read More  or Continue Reading Link visible on homepage

MBT-church-theme-Display

Layout Screen Shot

Here is a screenshot of the layout, where you can see extra “add a gadget” widgets above header, post-body and footer.

MBT-church-theme-layout

Optimization Guide

MBT Church Theme is a well scripted and optimized BlogSpot template. I have done whatever I could to let search engines better crawl your blog content and let your blog rank higher in search results.

By default I have added some very important meta tags under the <head> tag. Meta tags help search engines to better know what your blog is all about. These meta tags need some edition. To edit them follow the steps below,

Go To Layout > Edit HTML

And search for <head> (Press Ctrl + F to use a search box for finding <head>)

You will find 4 important meta tags under the <head> tag as shown in the image below,

Meta-Tags-For-MBT-Church-Th

You just need to edit the Meta tags as guided in the bolded text below.

Update:- I have observed that for some unknown reasons the meta tags get automatically deleted. If you see no metas in your buster theme than simple copy paste the code below just under <b:include data='blog' name='all-head-content'/>

<link href='mailto:Your Email Address Goes Here' rev='made'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Add your blog description here. Maximum Characters (including spaces) should be 120' name='Description'/></b:if>
<meta content='Add your keywords here, Maximum Characters (including spaces) should be 200' name='keywords'/>
<meta content='Write your name here' name='Author'/>

A meta Description can be a simple sentence that defines the overall topic of your blog.

A meta keywords tag is supposed to be a brief and concise list of the most important terms on your page

I am giving a dummy example below for my blog to help you get an idea

<link href='mailto:mustafa.xyz@hotmail.com' rev='made'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content=’Get dozens of tricks related to blogger hosted blogs with free download of highly professional blogger templates' name='Description'/></b:if>
<meta content='Blogger widgets,templates, download, free, seo tips, blogspot tricks' name='keywords'/>
<meta content='Mohammad Mustafa Ahmedzai' name='Author'/>

Avoid duplicate meta keywords/ repetitive keywords. For instance, for meta keywords I have written 'Blogger widgets,templates, download, free, seo tips, blogspot tricks

and not  ‘Blogger widgets, Blogger templates, download Blogger templates, free Bloggertemplates, Blogger seo tips, Blogger tricks’

You can observe that the word Blogger is used 6 times and templates 3 times. Please avoid repetition of a single keyword. You don’t need to worry about the arrangement of your keywords because search engines are clever enough to create good combination of words by themselves out of the keywords you have provided.

Customization Guide

NAVIGATION-MENU

To customize the Navigation Menu, do the following,

To edit the Main navigation menu, follow the steps below,

  1. Go to Layout > Edit HTML

  2. Search for <div id='NavbarMenu'> using the browser search box     (Tip:- Press Ctrl + F )

  3. Just below <div id='NavbarMenu'> you will see a long chain of code as shown below,

<div id='NavbarMenuleft'>
      <ul id='nav'>
        <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
        <li>
          <a href='#'>Sitemap</a>
<ul>
            <li>
              <a href='#'>Sub Page #1</a>

       <ul>
                <li><a href='#'>Sub Sub Page #1</a></li>
                <li><a href='#'>Sub Sub Page #2</a></li>
                <li><a href='#'>Sub Sub Page #3</a></li>
              </ul>
            </li>
            <li><a href='#'>Sub Page #2</a></li>
            <li><a href='#'>Sub Page #3</a></li>
            <li><a href='#'>Sub Page #4</a></li>
            <li><a href='#'>Sub Page #5</a></li>
          </ul>
        </li>
        <li><a href='#'>About Me</a></li>
        <li><a href='#'>Contact Me</a></li>
      </ul>
    </div>

Edit the bolded text in the code above with your own Page links and Page Titles. Replace the hash sign (#) with your Page URLs/Links and bolded black text with your Page Titles

If you don’t want sub pages then simply delete this part of the code

<ul>
            <li>
              <a href='#'>Sub Page #1</a>

       <ul>
                <li><a href='#'>Sub Sub Page #1</a></li>
                <li><a href='#'>Sub Sub Page #2</a></li>
                <li><a href='#'>Sub Sub Page #3</a></li>
              </ul>
            </li>
            <li><a href='#'>Sub Page #2</a></li>
            <li><a href='#'>Sub Page #3</a></li>
            <li><a href='#'>Sub Page #4</a></li>
            <li><a href='#'>Sub Page #5</a></li>
          </ul>

To edit the Sub navigation menu, follow the steps below,

  1. Go to Layout > Edit HTML

  2. Search for <div id='subnavbar'> using the browser search box     (Tip:- Press Ctrl + F )

  3. Just below <div id='subnavbar'> you will see a long chain of code as shown below,

<ul id='subnav'>
       <li>
         <a href='http://www.mybloggertricks.com/2009/08/releasing-amazing-mbt-church-theme.html'>Download This Theme</a>
         <ul>
           <li>
             <a href='http://www.mybloggertricks.com/2009/08/releasing-amazing-mbt-church-theme.html'>My Blogger Tricks</a>
<ul>
               <li>
                 <a href='#'>Sub Sub Page #1</a>
               </li>
               <li>
                 <a href='#'>Sub Sub Page #2</a>
               </li>
               <li>
                 <a href='#'>Sub Sub Page #3</a>
               </li>
             </ul>

   </li>
           <li>
             <a href='#'>Sub Page #2</a>
           </li>
           <li>
             <a href='#'>Sub Page #3</a>
           </li>
         </ul>
       </li>
       <li>
         <a href='http://www.mybloggertricks.com'>Template Gallery</a>
       </li>
       <li>
         <a href='http://www.mybloggertricks.com'>Blogger Tricks</a>
       </li>
     </ul>

Again replace the hash sign (#) with your Page Links and Bolded Green Text with your Page Titles. Also Replace http://www.mybloggertricks.com/2009/08/releasing-amazing-mbt-church-theme.html    and   http://www.mybloggertricks.com with your own Page Links

If you don’t want sub pages delete this part of the code,

<ul>
               <li>
                 <a href='#'>Sub Sub Page #1</a>
               </li>
               <li>
                 <a href='#'>Sub Sub Page #2</a>
               </li>
               <li>
                 <a href='#'>Sub Sub Page #3</a>
               </li>
             </ul>

   </li>
           <li>
             <a href='#'>Sub Page #2</a>
           </li>
           <li>
             <a href='#'>Sub Page #3</a>
           </li>
         </ul>

Do you Like this story..?

Get Free Email Updates Daily!

Follow us!


Kindly Bookmark this Post using your favorite Bookmarking service:
Technorati Digg This Stumble Stumble Facebook Twitter

Confused? Feel free to ask

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.

Note:
Please do not spam Spam comments will be deleted immediately upon our review.

Regards,
Karthikraghunath K

0 comments:

Post a Comment


Web Visitors

SUPPORT US

Followers

 

About The Author

Categories

My Blogger Pedia. Copyright 2008 All Rights Reserved | Contact | about

/*featured start*/ /*featured start*/