Friday, December 18, 2009

Blogger Template | Newzmag

Newzmag blogger template i.e Newspaper, or some say it is magazine type of theme. This template is very in demand for all those who run dynamic content weblog.Blogger writing daily content news will love it a lot.Twitter account is ready to be added within the theme setup. Suitable for beginner or journalism who write a lot.Rss feed widget is also ready and very beautiful slider with image thumbnail used in it.For more features and its live demo you can read on below.

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




Newzmag Template Installation



  • Header Title


  • 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>


  • Top Menu Links



  • 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.

  • Featured Content Slider


  • 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 &#8211; How To Drive Loads of Traffic to your blog and Make Money</a></h1></div>
    <div class="featured-thumb"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ4PEP4-8mNijDvgZr25mNmSt51Y0PYfHxZStcffhe956rFVbgI3DiH22hT1LGJpaJO2pyodgDSu25oX3kLnlJE6STUVj2uLQEoHzm2Kn2_wDcl1qCftvXGE9iRz5gLnwVzW3dBfuWPVdQ/s400/twitter_lg2.jpg"/></div>
    <p>If you aren&#8217;t using twitter as a way of generating free traffic to your website, you&#8217;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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvZrbu3krYRp8609Gc7h5RbQqZcoa9en6WAn423RLaV7a3RkHOjAt6EQWYCwno5UWB5xDxk_WMJngu0eBrZnCrM1esiRt5r8PyzcznSUNRcSaqwlpZhepVszvwrPlmXuIujiU0xFoWFVIv/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx5SUOgTFtIZ06CZy8f3ZEEKLPL9BYfJLVaRahRGFZkhTAFIjjLPSVYiVrtcVgbUk08PrP-XvubsXjJNsFAsUUs5UKWh2rAlBh3Hrqs2z4ONJ4aH5U55TzXu2PXhTKXAJOETFY-eSlI2Pu/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXUOwZC0rd8YyWVLfOcoeHhGgchRn-hPhQALsBeJNjTduylPNUd-HI9zvfSjjfKaCGgoa0Yca7pBGfq_KFrxc7NzhK3X40ZyfimtHmc8zCX8unKpS_WnjGhKrw5gCQNypMIKo4tYsovPZS/s400/downloadreport.jpg"/></div>
    <p>Gauher Chaudhry, the man behind Pay Per Click Formula, has just released an 89 page insider&#8217;s guide to CPA marketing profts for FREE!
    That&#8217;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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPkbNxp3UlTv9WpyGltjg6f17vGBuPSlrHocIsHO2p5uBRVgONNpzTBAI0ZMyKjIBF0TTkuZlc3ghrBvjZsF13y9klV9E00FNuWtDew7QihS4yaW2KCB2ufIFyokPm8fTbDLXglCwZB6X8/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.

  • Twitter Username


  • 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>



  • 125 Banner Ads


  • Just find the below codes:-


    <div class='sidebanner1'>
    <a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZAzWlPTBJMsgUS_a6gm1GiYx7I8Sn_U-odBapqQfqMU3QWRSrvorCiQYTTpAVxok8ZuS2a1O98zdxQ5k6yFR3P0vQc6G8DffZbgssJ9fNQJHdW3H8Z7wkwwPSJTsVubp31BQBt_kGAk4t/s400/125.gif'/></a>
    </div>
    <div class='sidebanner2'>
    <a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZAzWlPTBJMsgUS_a6gm1GiYx7I8Sn_U-odBapqQfqMU3QWRSrvorCiQYTTpAVxok8ZuS2a1O98zdxQ5k6yFR3P0vQc6G8DffZbgssJ9fNQJHdW3H8Z7wkwwPSJTsVubp31BQBt_kGAk4t/s400/125.gif'/></a>
    </div>
    <div class='sidebanner1'>
    <a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZAzWlPTBJMsgUS_a6gm1GiYx7I8Sn_U-odBapqQfqMU3QWRSrvorCiQYTTpAVxok8ZuS2a1O98zdxQ5k6yFR3P0vQc6G8DffZbgssJ9fNQJHdW3H8Z7wkwwPSJTsVubp31BQBt_kGAk4t/s400/125.gif'/></a></div>
    <div class='sidebanner2'>
    <a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZAzWlPTBJMsgUS_a6gm1GiYx7I8Sn_U-odBapqQfqMU3QWRSrvorCiQYTTpAVxok8ZuS2a1O98zdxQ5k6yFR3P0vQc6G8DffZbgssJ9fNQJHdW3H8Z7wkwwPSJTsVubp31BQBt_kGAk4t/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.

  • Read More Feature


  • 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.




If i left something that you need more while installation of template or something where i got wrong in explaination or made complex let me know.

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.

No comments:

Post a Comment