Bbelog - Mega Grid Blogger Templates

Bbelog - Mega Grid Blogger Templates

Bbelog - Mega Grid Blogger Templates

Aditya Subawa0 comments19 Views

Mega Grid Blogger Templates is a development of my previous blogger templates called clean wood. Actually this is my personal project, who wanted to create a blogger templates based on blogger widgets andblogger tutorial I've ever posted on this blog. I beautify the touch display with frontpage grid-list view and image slider. This template has 2 column, 3 column footer, the dominant color of white, Grid-List View, Social Media icon, Navigation Menu, SEO Metadata, Image Slider, Rating, Sexy Social Bookmarking, Related Posts and Threaded Comments. very suitable for personal blogging and the development of the theme/topic, I give to the visitor of bloggerbelog.com.

What you got?

Social Media:

Find the Following code below and replace with your own destination social networking link.


<div class='social' id='css3'>
<li class='rss'><a href='#' rel='nofollow' target='_blank' title='RSS'/></li>
<li class='youtube'><a href='#' rel='nofollow' target='_blank' title='Youtube Channel'/></li>
<li class='googleplus'><a href='#' rel='nofollow' target='_blank' title='GooglePlus'/></li>
<li class='twitter'><a href='#' rel='nofollow' target='_blank' title='Twitter Profile'/></li>
<li class='facebook'><a href='#' rel='nofollow' target='_blank' title='Facebook FanPage'/></li>
</div>


Source and Tutorial: http://www.bloggerbelog.com/2012/09/simple-social-icons-hover-with-css3.html

Navigation Menu:

Find the Following code below and replace with your own title and destination link.

<div class='menu'>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Project</a></li>
<li><a href='#'>Recent Posts</a></li>
<li><a href='#'>Portfolio</a></li>
<li><a href='#'>Contact</a></li>
</ul>
</div>

Image Slider:

Find the Following code below and replace with your own image and title.


<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div id='slideshow'>
    <ul>
        <li><img alt='Nice work' height='320' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG6Vr8B1hqoxc0A-HzrBFOUs8zWM62B9npDXrmbTsP1mX2u8f7udEBxvgMFT8SCd5kzkYnZjV3J4YdlsejNrEI9sAidaQ9pY-vFARsw1VeNb6iEnbjW0Ibq6SkOrKmWoGb_5F3CYq1mg/s1600/1.jpg' title='Blue Fish' width='620'/></li>
        <li><img alt='Blogger widget' height='320' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdilZloGhlaXbHFUO6vlCnD8HPUwHoNfccJaWMsz7R5Yx9t99oALAevwsyYqr0PsbCeNfxrZxR6NxUIwzOPZgy2hzRl8Cq8FXcFdE0isiUX8XAAS_R5ZMTSuxXN0xymjPQ9N0P15z3NA/s1600/2.jpg' title='Sweet Rocks' width='620'/></li>
        <li><img alt='Aditya Subawa' height='320' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjII-u6fLGxrkdUF4ljEMPUsX8zKwPE1nSkePfPlyJ-D5YXCz_gxNhH9_R1mR_PV2CDnhBy8-ZnGiCA45TEvIIoLBvxhKD7HPdmVFMCTJyX3ZW6ryBtn9eO75PkUVUrwzNnMYjg0NVfTQ/s1600/3.jpg' title='Prototype' width='620'/></li>
    </ul>
  </div>
</b:if>

Grid - List View:

Grid View:

List View:

Email Subscribed:

Find the following code below:


<div class='hl-email'>
<form action='http://feedburner.google.com/fb/a/mailverify' id='feedform' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=bloggerbelog/update&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input class='textarea' gtbfieldid='3' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}' onfocus='if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter email address here'/>
<input name='uri' type='hidden' value='bloggerbelog/update'/><input name='loc' type='hidden' value='en_US'/>
<input class='hl-emailsubmit' type='submit' value='Submit'/>
</form>
</div>

Replace bloggerbelog/update with your feedburner id.
Source and Tutorial: http://www.bloggerbelog.com/2012/04/email-subcriptions-v2-blogger-widgets.html

Popular Posts Widgets:

This is optional widgets, you can replace it if you do not like the looks. By remove gadgets through page elements.

Post Rating:

Source and tutorial: http://www.bloggerbelog.com/2012/07/add-graddit-star-rating-on-blogger-post.html

Social Bookmarking:

Source and tutorial: http://www.bloggerbelog.com/2012/02/adding-sexy-bookmarking-widget-on.html

Related Posts:

Source and tutorial: http://www.bloggerbelog.com/2012/09/simple-related-posts-on-blogger.html

Back To Top:

Source and tutorial: http://www.bloggerbelog.com/2012/06/adding-back-to-top-blogger-widgets.html

SEO - Metadata:

Find the following code below after <head>


<meta content='YOUR DESCRIPTION HERE' name='description'/>
<meta content='YOUR KEYWORD HERE' name='keywords'/>
<meta content='AUTHOR NAME' name='Author'/>
<meta content='AUTHOR EMAIL' name='Email'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='global' name='distribution'/>
<meta content='1 days' name='revisit-after'/>
<meta content='YOUR GEO COUNTRY' name='geo.placename'/>

Change the CAPITAL FONT with your settings.

Note:
Mega Grid Blogger Templates comes under a Creative Commons Attribution 3.0 License.
This template is free of charge to create a personal blog.
You can make changes to the templates to suit your needs.
But You must keep the footer links Intact.