3D Mag Exclusive Blogger Template Download

Google blogger exclusive template free download

5
data:blog.title
animated template

3D Mag Exclusive Blogger Template can be used for any purpose. The main concept of this template is 3D style and animated cloud background. From the beginning I have receive many request to share this template..so finally I have just published for multiple use. This template has some unique features with soft Blue color combination. This is 2 Column Magazine style boxed blogger template which is attractive in design and Layout. In addition this 3D Mag blogger template based on neat and clean design with animated feature.

Template Name: 3D Mag
Platform: Blogger / Blogspot
Release date : 29th September 2014
Author : Mohammad Fazle Rabbi
Website: www.bloggerspice.com
License : Creative Commons Attribution 3.0


Some key features that I have incorporated in this premium blogger template that might be helpful for potential users. The main features of this blogger template are as follows-
  • 3D Design- I have designed Menu, Buttons, Sidebar & footer headline, Labels 3D style as well as News Ticker.
  • Animated Cloud Background- I have added animated cloud background. It will look like floating cloud at the top side of the template.
  • Soft Blue  Dropdown menu- Blue Mag Blogger Template contain flexible 2 sets menu which will help your visitor to navigate to different categories. Top menu include dropdown option.
  • List Style Related Posts - The main concept of this template is Square style so I have added Related Posts with square size small image Thumbnails which will perfect to display related posts thumbnail and can be resize.
  • Social Media Icon- A set of social media icon has added at the top of the template. Which will help your visitors to connect with your social media profile.
  • Flicker Image Gallery- You can easily display your Flicker images as Gallery style in your blogger template.
  • Page Navigation- For making the template user friendly I have added 3D style pagination that will help the user to navigate easily.
  • Other features- Ads ready space, 2 column Magazine Style blogger template, 3 column Footer section, Customized footer, 3D Label, Threaded comment, Back to top button for speed scroll, Soft Blue & Black color combination. Fast loading.

Social Media Widget Setup

Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard

Step 2 Now click on -> Template -> Edit HTML

Step 3 Now Find this code like below by Pressing Ctrl+F

<li class='sorting-01 facebook'>
<a href='http://www.facebook.com/'><span class='inv'>Facebook</span></a></li>
<!--Replase With Facebook URL-->
<li class='sorting-03 twitter'>
<a href='http://twitter.com'><span class='inv'>twitter</span></a></li>
<!--Replase With Twitter URL-->
<li class='sorting-02 googleplus'><a href='https://plus.google.com'><span class='inv'>googleplus</span></a></li>
<!--Replase With Google Plus URL-->
<li class='sorting-10 youtube'>
<a href='http://www.youtube.com'><span class='inv'>youtube</span></a></li>
<!--Replase With Youtube URL-->
<li class='sorting-05 linkedin'><a href='http://linkedin.com'><span class='inv'>linkedin</span></a></li>
<!--Replase With linkedin URL-->
<li class='sorting-06 flickr'>
<a href='http://www.flickr.com'><span class='inv'>flickr</span></a></li>
<!--Replase With Flicker URL-->
<li class='sorting-13 envato'><a href='http://activeden.net'><span class='inv'>envato</span></a></li>
<!--Replase With envato URL-->
<li class='sorting-11 behance'>
<a href='http://www.behance.net'><span class='inv'>behance</span></a></li>
<!--Replase With behance URL-->
<li class='sorting-04 vimeo'>
<a href='http://vimeo.com'><span class='inv'>vimeo</span></a></li>

Step 4 After finding it Replace all the Bold URL with your social site's URLs and ID.

Step 5 Save the template by clicking Save template button.


Top Menu Customization

Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard

Step 2 Now click on -> Template -> Edit HTML

Step 3 Now Find this code like below by Pressing Ctrl+F

<li class='sub '><a href='#'><span>Blogger</span></a>
<ul>
<li><a href='#'><span>SEO</span></a></li>
<li><a href='#'><span>Template</span></a></li>
<li><a href='#'><span>Widgets</span></a></li>
<li><a href='#'><span>Plugins</span></a></li>
</ul>
</li>
<li><a href='#'><span>Applicatoin</span></a>
<ul>
<li><a href='#'><span>HTML Encoder</span></a></li>
<li><a href='#'><span>HTML Editor</span></a></li>
</ul></li>
<li><a href='#'><span>Tools</span></a>
<ul>
<li><a href='#'><span>Online HTML Editor</span></a></li>
<li><a href='#'><span>Color Code</span></a></li>
<li><a href='#'><span>Page Rank Checker</span></a></li>
</ul>
</li>
<li><a href='#'><span>Faqs</span></a></li>

Step 4 After finding it Replace all # with your Post Label's URLs and change the category name.

Step 5 Save the template by clicking on Save template button.

Main Menu Customization

Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard

Step 2 Now click on -> Template -> Edit HTML

Step 3 Now Find this code like below by pressing Ctrl+F

<li class='sub '><a href='#'><span>Blogger</span></a>
<ul>
<li><a href='#'><span>SEO</span></a></li>
<li><a href='#'><span>Template</span></a></li>
<li><a href='#'><span>Widgets</span></a></li>
<li><a href='#'><span>Plugins</span></a></li>
</ul>
</li>
<li><a href='#'><span>Applicatoin</span></a>
<ul>
<li><a href='#'><span>HTML Encoder</span></a></li>
<li><a href='#'><span>HTML Editor</span></a></li>
</ul></li>
<li><a href='#'><span>Tools</span></a>
<ul>
<li><a href='#'><span>Online HTML Editor</span></a></li>
<li><a href='#'><span>Color Code</span></a></li>
<li><a href='#'><span>Page Rank Checker</span></a></li>
</ul>
</li>
<li><a href='#'><span>Faqs</span></a></li>
<li><a href='#'><span>About Us</span></a></li>
<li><a href='#'><span>Contact Us</span></a></li>

Step 4 After finding the code Replace all # with your Post Label's URLs and change the category name.

Step 5 Save the template by clicking on Save template button.

News Ticker Customization

Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard

Step 2 Now click on -> Template -> Edit HTML

Step 3 Now Find this code like below by pressing Ctrl+F

&quot;http://bloggerspice.com/feeds/posts/default

Step 4 After finding it Replace bloggerspice.com with your Blog URLs.

Step 5 Save the template by clicking on Save template button.

Page Navigation Setup

Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard

Step 2 Now click on -> Template -> Edit HTML

Step 3 Now Find this code like below by pressing Ctrl+F

var postperpage=4;
var numshowpage=2;

Step 4 After finding it alter postperPage= 4,numshowpage=2, digit only.

Flicker Image Code

Step 1 First Go to ->Blogger Dashboard -> Layout

Step 2 Now Click On Add a gadget link and add an HTMl widget

Step 3 Now Copy the Code Given Below and Paste it to there.

<div class="flickr_plugin"><script src="http://www.flickr.com/badge_code_v2.gne?count=8&display=latest&size=s&layout=x&source=user&user=52617155@N08" type="text/javascript"></script></div>

Customization

  • Replace 52617155@N08 With Your Flicker Id
  • You Can use http://idgettr.com/ to Generate Your Flickr Id
Step 4 Now Click on Save by clicking on Save template button.

You are done.

License

This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.

However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
  • http://creativecommons.org/licenses/by/3./
3D Mag Exclusive Blogger Template Download
4 Stars stars - "3D Mag Exclusive Blogger Template Download" 3D Mag Exclusive Blogger Template can be used for any purpose. The main concept of this temp...

Post a Comment

Nice Template & Nice Work Rabbi bro

Thanks for the Nice template & I use this template of my blog.
My blog : http://shoppinghelpinfo.blogspot.com/

Welcome Daniel..

Possible template conversion from English to Arabic
ممكن تحويل القالب من انجليزى الى عربى

Facebook Group Community Disqus Channel Code ConverterHide Code Converter Show EmoticonHide Emoticon

Got questions? Ask ’em below! While we’re here, you might like to give any feedback about this Post, Your comment inspire us to continuous Improvement of This Blog and Contents. Your words are your own, so be nice and helpful if you can. Please, only use your REAL NAME, not your business name or keywords. Using business name or keywords instead of your real name will lead to the comment being deleted. Anonymous commenting is not allowed either. Limit the amount of links submitted in your comment. We accept clean XHTML in comments, but don't overdo it please.

Make sure you tick the Notify Me box below the comment form to be notified of follow up comments and replies. Thank you for commenting

Contact Form

Name

Email *

Message *