If you are not in search of this type of template the other templates you can give the trial are sGallery and Mainam.
Features Of Newzmag Blogger Template
- Fixed Width Template
- Two Column Blogger Template
- Right Sidebar
- Rss Button Ready
- Twitter Ready Widget
- Compatible With Mozilla, Chrome and IE7
- Top Menu Links
- Beautiful Comment System
- 125 x 125 adds Widget
- Auto Slider Featured Post
Hacks Supported By Template
- Swap Title Hack For Blogger
- Hidden Navbar Layout
- Post Date Widget
- Blogger Avatars Activated
- Auto Move Featured Posts
- Tweet Me Button
Newzmag Template Installation
- Header Title
- Top Menu Links
- Featured Content Slider
- Twitter Username
- 125 Banner Ads
- Read More Feature
Just find below code and change the text in red with your title.
<div class='header-text'><h1><a class='header-title' href='/'>Blogger Template Demo</a></h1></div>
Just find the below codes and edit the links and text in it.
<ul id='top-navi'>
<li><a href='/'>Home</a></li>
<li class='page_item page-item-2'><a href='#' title='About'>About</a></li>
<li class='page_item page-item-75'><a href='#' title='Contact'>Contact</a></li>
</ul>
Replace # with links and bold ones with linking text.
Just Go To Blogger Layout > Page Elements > Click on Edit Button of HTML/Javascript Widget as shown in below picture
And add the following codes to it.
<!-- begin featured -->
<div id="featured">
<div class="post">
<div class="featured-text"><h1><a href="#" class="featured-title">Twitter Traffic – How To Drive Loads of Traffic to your blog and Make Money</a></h1></div>
<div class="featured-thumb"><img src="http://1.bp.blogspot.com/_j82W7u9kZbs/SyYMf2_xTsI/AAAAAAAAAW4/eGINX3BxQgI/s400/twitter_lg2.jpg"/></div>
<p>If you aren’t using twitter as a way of generating free traffic to your website, you’re missing out on one of the easiest marketing strategies ever to hit the Internet.
With so many social communities online, it is easy to see why Internet Marketers with limited time have been drawn to the simplistic interface and speediness...</p>
<div class="featured-meta">
<span class="featured-date">11th October 2009</span>
<span class="featured-comment"><a href="/#comments">1 comment</a></span>
<a href="#" class="featured-read">Read full</a>
</div>
</div>
<div class="post">
<div class="featured-text"><h1><a href="#" class="featured-title">Secret Methods of How to Make Money with Email Marketing</a></h1></div>
<div class="featured-thumb"><img src="http://4.bp.blogspot.com/_j82W7u9kZbs/SyYMfLhD0zI/AAAAAAAAAWo/mNuMhEfOgko/s400/ebook_350.png"/></div>
<p>Online marketing may have developed a sudden surge these past few years, but many in the know how have felt its rise even from way then. As more internet based businesses are put up, the need to develop new marketing skills and knowledge based on this new medium have arisen. More and more marketing strategies...</p>
<div class="featured-meta">
<span class="featured-date">1st October 2009</span>
<span class="featured-comment"><a href="/#comments">1 comment</a></span>
<a href="#" class="featured-read">Read full</a>
</div>
</div>
<div class="post">
<div class="featured-text"><h1><a href="#" class="featured-title">Get paid to blog at today.com</a></h1></div>
<div class="featured-thumb"><img src="http://1.bp.blogspot.com/_j82W7u9kZbs/SyYMerjCVhI/AAAAAAAAAWg/2YliGo6vctQ/s400/070125_the_traffic_bully.gif"/></div>
<p>Today.com is a free blogging platform that works like Blogger and Wordpress, except that you will be paid for blogging at Today.com. Payment will be made on the 10th of each month via Paypal or check with $50 minimum payment.
How to Earn Money with Today.com
1. $2.00 per 1000 unique visitors for the first 30 days.
2....</p>
<div class="featured-meta">
<span class="featured-date">25th March 2009</span>
<span class="featured-comment"><a href="/#comments">4 comments</a></span>
<a href="#" class="featured-read">Read full</a>
</div>
</div>
<div class="post">
<div class="featured-text"><h1><a href="#" class="featured-title">Free download CPA marketing guide</a></h1></div>
<div class="featured-thumb"><img src="http://1.bp.blogspot.com/_j82W7u9kZbs/SyYMgbSDzTI/AAAAAAAAAXA/rGhNuo6t2og/s400/downloadreport.jpg"/></div>
<p>Gauher Chaudhry, the man behind Pay Per Click Formula, has just released an 89 page insider’s guide to CPA marketing profts for FREE!
That’s right, FREE as in cost you zero cents to get the most comprehensive guides on CPA marketing and learn the way to earn as much as $100,000 per day with CPA...</p>
<div class="featured-meta">
<span class="featured-date">18th March 2009</span>
<span class="featured-comment"><a href="/#comments">10 comments</a></span>
<a href="#" class="featured-read">Read full</a>
</div>
</div>
<div class="post">
<div class="featured-text"><h1><a href="#" class="featured-title">Delicious ice cream post</a></h1></div>
<div class="featured-thumb"><img src="http://4.bp.blogspot.com/_j82W7u9kZbs/SyYMffUehOI/AAAAAAAAAWw/W8jq0N9vI7Y/s400/ice_cream.jpg"/></div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nec lorem. Duis erat. Mauris faucibus, nibh sed scelerisque commodo, libero lacus posuere diam, at ornare felis quam vitae mauris. Nam in diam. Cras nec metus. Nam suscipit elementum eros. Mauris ut nibh. Maecenas id velit. Nulla pellentesque porttitor dui.
Lorem ipsum dolor sit amet, consectetuer adipiscing...</p>
<div class="featured-meta">
<span class="featured-date">3rd December 2008</span>
<span class="featured-comment"><a href="/#comments" title="Comment on Delicious ice cream post">1 comment</a></span>
<a href="#" class="featured-read">Read full</a>
</div>
</div>
</div>
<!-- end featured -->
Replace :-
# :- With Post Link
Bold Text:- With Post Title
Green Text Link:- With Image Link
Text In Italic :- With Post Description
11th October 2009 :- With Your Post Date
/#comments :- With Post url Like this http://post-url/#comments
Now edit all like this or i just give you basic formt for it below.Just keep on making yours.
<!-- begin featured -->
<div id="featured">
<div class="post">
<div class="featured-text"><h1><a href="Post-Link" class="featured-title">Post Title</a></h1></div>
<div class="featured-thumb"><img src="Image-url"/></div>
<p>Post-Summary</p>
<div class="featured-meta">
<span class="featured-date">Post-Date</span>
<span class="featured-comment"><a href="Post-link/#comments">Comment-Count</a></span>
<a href="Post-link" class="featured-read">Read full</a>
</div>
</div>
.
.
repeat above part again for second post with other post url and title
.
.
.Keep on adding above part to any no. you want in between begin and end of featured content
.
.
<div><!-- end featured -->
Just Replace Bold Text with what they saying and keep on repeating the middle codes with other posts links to increase the no of posts in slider.
I have hosted the javascripts file in blogger itself because of bandwidth problems.You can host them to your server also to make your template load fast.All three scripts you will get together with template on above download link.
Just find below codes and change the twitter username to yours.
<div class='header-twitter'><a href='http://www.twitter.com/anshuldudeja'>Follow me on Twitter</a></div>
Just find the below codes:-
<div class='sidebanner1'>
<a href='#'><img src='http://2.bp.blogspot.com/_j82W7u9kZbs/SyVYzxcjEdI/AAAAAAAAAVA/FRNYL3bk63M/s400/125.gif'/></a>
</div>
<div class='sidebanner2'>
<a href='#'><img src='http://2.bp.blogspot.com/_j82W7u9kZbs/SyVYzxcjEdI/AAAAAAAAAVA/FRNYL3bk63M/s400/125.gif'/></a>
</div>
<div class='sidebanner1'>
<a href='#'><img src='http://2.bp.blogspot.com/_j82W7u9kZbs/SyVYzxcjEdI/AAAAAAAAAVA/FRNYL3bk63M/s400/125.gif'/></a></div>
<div class='sidebanner2'>
<a href='#'><img src='http://2.bp.blogspot.com/_j82W7u9kZbs/SyVYzxcjEdI/AAAAAAAAAVA/FRNYL3bk63M/s400/125.gif'/></a>
</div>
Now replace the # with links and image link with yours or either completely remove all codes if you don't want banner ads.
As the design is based on read more feature,but i have not added any automatic read more feature to it.To have post summary at home page you have to use read more feature provided by blogger.If you don't know about it i will tell you how to implement it in this template.
First Of all Go to Settings > At The bottom of page will find Select Post Editor.Just select the option of updated editor and save settings like below picture.
Now, If you write your post in Edit Html Mode then you need to add only
<!-- more -->
at place where you want to break post in summary and keep on writing post further.
If you write in Compose mode just click on the icon available for it in compose mode as shown in picture.
Donate If You Like The Work
If You Really liked our work and want us to continue provide these premium templates for free, Then support us by donating something you feel for this design by using paypal button in my sidebar.
23 comments:
Thank you.........
my request is
post one thing that is
How to get Google adsense account with 'blogspot.com' domain please?
@suresh to say true if your blog on blogspot is too famous to bloggers or your are from area that is too backward where there are no adsense users or awareness then only you can get approve to adsense on blogspot. That's my personal experiense.Else you need a domain 6 months old and with good traffic and quality content to approve for adsense.
UAU! I love it !
Thanks for this layout!
I will!
I really like this layout, but I was trying to add some minor modifications--mainly, adding "permalink" and "email this post" below the "comments" hyperlink on the left. But the formate changes when I add the permalink. Any helpful clues? thanks
(my blog is here:
http://deadrodentyping.blogspot.com
As you can see, the permalink formatting is not working at all.
you just need to first get codes of both permalink and email this post from blogger default templat and add them in place after where comments is added.May get difficult for you if not aware of all codes
gracias, me gusto mucho tu plantilla
Hi I am getting blank post after my feature posts shows, in other words post 1 shows then post 2 and then post 3 and then it changes to blankness. How can I make it to where just 3 posts rotate without a blank post showing up? Thanks
@meka i viewed your blog its working fine man..
Great layout Anshul! I have three questions for you:
1.) Is there a way to replace the heading with an image? There is no option to do this under Layout >> Page Elements.
2.) When I post two or more posts on the same date, only the first one shows the date. Is there a way to repeat the date for every post.
3.) How can I change/remove those icons next to the date, tags, and comments.
My blog: http://electricladies.blogspot.com/
Thanks friend! When I get paid I will donate. =)
@zanneta solutions to ques
1. where you writing title for header remove it and use image link like this.
<img src='image-link'/>
to show image there.
2.ya when we post two post on same day it takes only one date.Its the problem by blogger only or can say its there format to show date for one post on day.I just tell u hack to dit it.Just expand your html codes find for below code
<data:post.dateHeader/><br/><data:post.timestamp/>
And just replace it with
<data:post.timestamp/>
and now set format for timestaml as date from blogger settings > formatting.
3.remove these codes to remove labels and comments.
<div class='entry-category'><b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if></div>
<div class='entry-comment'><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a></div>
hi anshul this is really a nice template.I have a problem with header section.
I want to use both the header image and text in header section.
and when i click the banners it opens in the same window but i want it to open in new window please help me to solve these problems
@kartik just replace text with image i think i have told above . then after the images add text but text size is big,you have to reduce text size also for header.Find below css property and make it 2 em it will get half.
font: normal 4em Georgia, Times, Serif;
to the banner link add target="blank" it will open in new window.
Hey Anshul, thanks alot for the template, its really nice. I just have one question. I have 5 different post loaded on the featured content slider, and what happens is it slides through all five, but then it slides through an extra blank slide for the 6th time before going back to the beggining and starting all over with the first one again. And it does this all the time. Can you help me figure out how to fix this?
Hey Anshul, great template. One problem im facing thou is that the featured content slider goes through a blank slide each time it goes through the posts before starting all over from the beginning again. Is there any way to prevent this?
@sham i am not able to see any problem like this u saying in your template.Just its sliding fine all 6 posts one by one and showing.
Hey thanks for the reply i got it working thanks, but now im facing another problem. The slider stopped and i think its cus i added some code elsewhere that affected it, do u have any idea on how to fix it?
@sham ya adding some other script can make it stop to make it work again just try chnaging the postion of scripts in blog or else u have to remove the new script u added.
Thanks for the great template.............http://topblogger1.blogspot.com/
Hi Anshul, What a stunning template. Thanks for that. I'm trying to get the slider to work but it wont show my images (but it does yours). Am I doing something wrong? Do I need a Piccasa account for it to work?
Here is the image I am trying to include in the slider...
http://4.bp.blogspot.com/_52jj9o-f9gE/S2vqzXAJmXI/AAAAAAAAAFU/zrpbgor8js8/s1600-h/iStock_000005359004XSmall.jpg
The blog is here -
http://thefactoryblogger.blogspot.com/
Many thanks
Hi Anshul,
Ignore my last post, I've solved it. The person I have taken the blog over from has done something weird. Thanks again for a great template.
tank to this template.
Damn, I wish I had seen this amazing template before building my blog. It's too late now as I don't feel like recreating the whole blog from the ground up, but I'd love to use your featured content slider in my template. Is it possible? If so, how?
This is my blog address www.iwagle3d.com
@waggler use our premium services.
Post a Comment