Wednesday 12 March 2014
Brand mag UX is a responsive design blogger template. Template is unique, beautiful header slider, stickey navigation bar, Ads ready, and Much More Features.
Template Name: BrandMag UX
Platform: Blogger / Blogspot
Release date : 18, December 2013
Author : www.templateism.com
License : Creative Commons Attribution 3.0
Platform: Blogger / Blogspot
Release date : 18, December 2013
Author : www.templateism.com
License : Creative Commons Attribution 3.0
More Features :
- Unique Design:
- Sticky Navigation Bar:
- 100% Responsive Design:
- Featured Label Area:
- 3D Gallery Slider:
- Automatic Summery
- Auto Read More
- Ad Friendly
- 4 column Footer
- Cloud Labels
- Related posts
- Threading commenting
- Much More Features
How to Customize Feature Top Label:
go to Blogger.com >> Layout >> Feature Top (Full Width) >> Edit. and paste the following code in HTML text box.
<h2>Trending Articles From <b>Brand. Mag. Ux.<b></b></b></h2>
<script type='text/javascript'>
var numposts = 10;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 280;
</script>
<script type="text/javascript" src="/feeds/posts/default/-/Featured?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
Final Words :
I hope you'll like this template and give your views about the templates.
Now a days every one want to know that how to show hosted
adsense ads on custom domain. So today I want to share that how to show
adsense ads on custom domain. It is not difficult to show hosted
adsense ads on custom domain. You first need to create blank blogger
template and put the adsense code on the blogger template.
Download Blank template here : Download
How to Install Template.
Go to blogger dashboard
Create a new test blog
Give it title and address
Choose any template but simple is good
Next Blog >> Template >> Edit HTML
here is the code of Template
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Them name : Blank blogger template
----------------------------------------------- */
#navbar-iframe { height:0px; visibility:hidden; display:none }
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
$(body.background.override) margin: 0;
padding: 0;
}
]]></b:skin>
</head>
<body>
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/>
</b:section>
<!-- Your adsense code here -->
<div style='margin-top:400px; '>
<!--Please keep the Credits intact-->
<center><p><a href='http://www.coolbloggertricks.com'>Cool Blogger Tricks </a>© 2013.</p></center>
</div>
</body>
</html>
Create a new file in your server file manager with extension .html
add this code in the file.
iframe1
<iframe src='http://yourblog.blogspot.com/' width='1100' height='1100' marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling='no'></iframe>
and the last step is that to add the iframe in the custom domain.
add this code where you want to add adsense code.
iframe2
<iframe src='http://yoursite.com/abc.html' width='336' height='280' marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling='no'></iframe>
Note : in iframe 2 you can change the height and width size with your own ad unit size.
You are Done. :)
You are Done. :)
Happy Earning,,
Thanks don't forget to share
Geekiesm Professional Blogger Template
Geekiesm is a professional blogger template. Geekiesm is a responsive,
SEO Friendly, Magazine style blogger template. This template is free and
change the look of your blog attractive.
Features of Template :
- Responsive Design
- Comment Smiley
- Custom 404
- Show Post With Labels
- Advance Admin Panel
- Social Share Button
- Numbered Page Navigation Menu
- jQuery ready
- SEO Friendly
- Ads Ready
Layout Customization :
You can customize your blog layout of this template.
go to blogger dashboard
Select blog >> Layout
Menu Customization :
Customization of Header menu located above header
go to dashboard
select blog >> template >> Edit HTML
and find the following :
<div id="cssmenu">
<ul>
<li class="active"><a href="index.html"><span>Home</span></a></li>
<li class="has-sub"><a href="#"><span>Products</span></a>
<ul>
<li class="has-sub"><a href="#"><span>Product 1</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
<li class="has-sub"><a href="#"><span>Product 2</span></a>
<ul>
<li><a href="#"><span>Sub Item</span></a></li>
<li class="last"><a href="#"><span>Sub Item</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"><span>About</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
Display Post With Labels
<div id='featurebottom1'>
<h2 class='headingfeature'>
<a href="/search/label/fashion">Fashion</a>
</h2>
<div class='left-corner-canvas'/>
<script src='/feeds/posts/summary/-/fashion?
max-results=4&orderby=published&alt=json-in-script&
callback=recentthumbs&' type='text/javascript'/>
</div>
<div style='clear:both;'/>
</script>
</div>
</div>
Final Words :
So this is geekiesm blogger template with a lot of features. I hope you'll like this template.