My Extra News

Love this
  • Layout
  • 2 Column with Right Sidebar
  • Colors
  • My Extra News template color schemes:
About this template
  • Date Released:   Feb, 2013
  • Designer:   Ivy Themes
  • Price:   FREE
  • Creative Commons Attribution: You are free to use for personal/commercial use. But, you must attribute the work to the author. Should not remove credit links.
  • Downloads:   10123
  • Demo views:   12675
  • 64 people love this template
Shortlist this Blogger template
Lovely Template Editor's Choice award winning template
Design Features
  • Responsive design
  • Designed to provide optimal viewing experience across wide range of devices from Desktop to mobile phones
  • Post Thumbnails
  • Show a thumbnail image (small image) for every post using this template
  • Featured Post
  • Show featured posts in home page using this template. Engage your users by showing your top content in home page
  • Custom web fonts
  • My Extra News template uses Web fonts like Google Fonts. Improve your website typography by using custom fonts
Customization Features
  • HTML Menu
  • Navigation menu for this template is customizable in HTML. Edit the HTML to add your menu links
  • Widget Ready
  • My Extra News template comes with many widgetized area. Add your widgets easily using this template
  • Footer Widgets
  • My Extra News template comes with footer widgets. Use your footer area effectively for engaging your users
More Features
  • SEO Ready
  • My Extra News template is optimized for Search engines like Google. This template helps your website to rank higher in search engines
  • Related Posts
  • My Extra News template shows related posts in the bottom of every post. This improves user engagement of your site
  • Ad Ready
  • Use this template to show Banner advertisement or Google ads easily. Make money using your site
  • Social Buttons
  • This template comes with social buttons like facebook, twitter etc., Let your users share your content easily
  • Search box
  • My Extra News template has search box in it. Search box helps your user to find the content easily on your site
  • Infinite Scrolling
  • This template comes with Load More button to load posts dynamically using AJAX JSON response. This is not really infinite scrolling, but user can still load more posts without complete page refresh.

Top Right corner Navigation menu

You have to edit the HTML in order to update the top right corner navigation menu. Open MyExtraNews template.xml file in notepad or notepad++. If you have already installed the template then go to Template -- Edit HTML to do this. Now, find following code and update this with your navigation links and text

<ul class='menuhlng' id='topnav'>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact</a></li>
<li class='dgnsubtop'><a href='#'>More</a>
<ul class='sub-menu-top hidden'>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>

Top Navigation menu (Under Header)

Open the template xml file in a text editor. Find following code and update this with your menu links and text

<ul class='menunav' id='navinti'>
<li class='mhome'><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>About</a></li>
<li class='dgnsub'><a href='#'>Archive</a>
<ul class='sub-menu hidden'>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li class='dgnssub'><a href='#'>Sub Menu</a>
<ul class='sub-sub-menu hidden'>
<li><a href='#'>Sub Sub Menu</a></li>
<li><a href='#'>Sub Sub Menu</a></li>
<li><a href='#'>Sub Sub Menu</a></li>
<li><a href='#'>Sub Sub Menu</a></li>

Recent Posts Widget

This template uses AJAX technique to load Recent posts. Go to Layout page and click Edit on Recent Posts widget. Now, paste the following code in the content box,

<div id="recentpostxx"></div>
<script type='text/javascript'>
$(document).ready(function () {

Recent Comments Widget

Click Edit on Recent comments Widget. This widget is available next to Popular Posts widget in Layout page. Now, paste the following code in the content box.

<div id="recentcommnetsx"></div>
<script type='text/javascript'>
$(document).ready(function () {

Random Post Widget

This template shows Random posts as tiles in Home page. This looks really beautiful. If you want to configure this then click Edit on Random posts widget in Layout page. Then, paste the following code in the content box,

<div id="randompostxx"></div>
<script type='text/javascript'>
$(document).ready(function () {

Some tips - If you want to show posts from a specific label then change tagName parameter in the above code. For example, you may have tagName: "Category1" to show posts from Category1. Or, if you want to show your recent posts then change RandompostActive parameter to false like RandompostActive: false in the above code.

Meta Description

This template uses Search preferences options for meta description. Go to settings -- Search Preferences and enter a description for your site. This description will come as meta description for your home page. Helpful for Search engines. Also, you can add meta descriptions for every page you create in blogger. This template is completely optimized for SEO.

Layout for My Extra News Blogger Template


    Wonderful template
    but i can't understand how to optimize this template :(

    • lovelytemplates

      Most of the blogger templates are designed to use as-is. If you are looking to customize a lot then go for templates that supports "Template Designer" feature –

      But, not many templates support Template designer

  • Alfred Aborga

    Using this template now but The Menu cant change to my default Menu settings… Is there a way to edit the menu to mine?

    • lovelytemplates

      Your site is not loading for me…

  • languagebymusic

    please help me, how do i get posts to show at the top of the page like yours ?

    • lovelytemplates

      Looks like you didn't refer to the documentation. In this page, click Documentation tab and refer to "Random Post Widget" section. Your download should also has a documentation text file in it.

  • Pawel

    Hi, really great template – exactly what I was looking for! However, I have a serious problem – in Internet Explorer (I'm using version 8) the Random Posts widget does not separate articles thumbs in my case… It shows it perfectly in Firefox but in IE I can see only 1 thumbnail with mixed articles (only 1 image visible to the left and the post titles overlap each other). Am I doing something wrong or the template is not compatible with IE v8?
    Many thanks for your help. Regards.

    • lovelytemplates

      Random post won't work in IE8. It works only in modern browsers.

      • Pawel

        I'm happy to surprise you then :) I made some research and I found a simple way to make it wotk in IE8. In the code you just need to substitute:
        ul.randomnya li:nth-child(1)
        ul.randomnya li:nth-child(2)
        ul.randomnya li:nth-child(3)
        ul.randomnya li:nth-child(4)

        ul.randomnya&gt;li + li
        ul.randomnya&gt;li + li + li
        ul.randomnya&gt;li + li + li + li

        Work for all then. Hope that helps. Thanks a lot again for this great template! When I finish all the adjustments I will surely use it for my web.

        • lovelytemplates

          That's good. Thanks for sharing

  • Pawel

    Hi, I have one more issue… In Firefox (updated browser) the template does not show the section "head-ads". Not even in the layout section of Blogger. Any idea why? In internet explorer it is perfectly visible everywhere.
    Many thanks in advance for help.

    • lovelytemplates

      Which section is not showing in Firefox? You said "head-ads" section. I didn't name any section like that. Do you mean the HTML/Javascript widget in the header which is for placing 468×60 ads? That AD works fine for me in my firefix

      • Pawel

        Yes, the one to the right from the blog title and description. I uploaded the template again to a brand new blog to check if I haven't deleted something important while playing with the template but it still doesn't show up. I'm using Firefox v. 20.0.1. In IE it is visible. It seems like my Firefox doesn't recognize this section at all (I cannot add nor move there any gadget, as it is totally blank). Any idea what can it be?
        Many thanks for your help.

      • Pawel

        Ok, right after posting my last comment I have resolved it… It was my adblock add-in… :D It was identifying head-ad section as an add and was hiding it (also in the template layout editor!). Now it's fine.

  • Vicky

    everything is working fine…just a problem i got is ..MY latest post is appearing above Random Post..

    Can you please give a solution for the same..

    • lovelytemplates

      You have to re-install this template. You did a mistake in Layout page. You moved the Random post widget to wrong area.

      If you do not want to re-install then try this. Go to the Layout page. Compare the layout page with the "Template Layout" image in this page. In this page we have a tab called "Template Layout". This tab has the correct layout of this template. Compare your layout with our layout and adjust the Random post widget. Random post Widget should be placed above "Blog Posts" widget.

      • vicky

        Thanks Its now working fine:)

  • Dimang

    How to change link of ivythmes from my footer?

    • lovelytemplates

      You should not remove Ivythemes link as per the license

  • sai

    My random post is showing up :(

    please help

    • lovelytemplates

      Have you set up Random posts widget by following our documentation. You have to paste some code in the Random posts widget.

  • zoll

    why menu sub (Top Navigation menu (Under Header)) NOT WORKING? I think the problems from random post widget, after I reload my pages menu is working (appear) before random post appear.. can you help me please…

    • lovelytemplates

      Provide your site url to help

      • Johnny Johnson

        To add my own header logo what size should I use? I have an ugly banner now and it is taking up too much space which interferes with the ad banner space on the right? I would like to know what dimensions you would recommend for my own header logo. Also Thank you for your outstanding work. Beautiful Template

        • lovelytemplates

          Go for 300×80 dimension Logo. It should work good for you

      • zoll
        this is my url.. menu sub still not working..

        • lovelytemplates

          So, you are displaying ADs from Advertlets. I have a feeling that is causing some issue. You have Javascript errors in your site. I can't help with customization. Sub menu works out of the box. Only after your customization it is not working

          • zoll

            You mean.. I should remove ADs Advertlets from my site?

          • lovelytemplates

            Yes, try removing Advertlets from your site and see if that fixes your problem

          • Saiyad Gulbaz

            Hello sr My self Saiyad, Iknwo that what is code for random post, plz reply as soon as possible. also chek my blogs,

          • lovelytemplates

            We have provided detailed documentation with steps to implement random post. You have to check the Documentation before asking any questions here. Open the Documentation tab in this page and refer to section “Random Post Widget”

  • aphsara

    i need help… I can't use recent comment ? How i solve this problem at my blog

    • lovelytemplates

      I see recent comments working in your site now. After installation, it usually takes a while to appear

  • Johnny 5

    What size dimensions should I use for a header logo?

    • lovelytemplates

      Go with 300×80. It should work good.

      • Johnny 5

        Thank you!!!!!!!! Awesome Template

        • Johnny 5

          I have one more question for you if you would be so kind to help. In recent comments when you click on the comments part there are thumbnails next to the user who comments. How do you change them? For example, I am using blogger and the icon for my comments are the blogger logo. I would like to change that picture so it is me or my site logo, is this possible? thank you in advance. Wonderful wonderful job on this template. I love it.

          • lovelytemplates

            Sure you can change that picture. It is your blogger profile picture. When you are logged into, you will see a small image in the top (below the blogger logo). Click that and set a profile picture. Sometimes it takes few hours to appear in your site

  • vansi ,this is my blog .i didn't get images on my home .what i have to do

    • lovelytemplates

      It is because you are showing images from another site. This template shows images that you uploaded in Blogger only

  • Tarihi Keşfet

    i used is my blog , but problem in internet explorer browser, good templates.

  • hisham dilshaz

    hello please help me i didn't get images on my home page post thumpline,recent post thumpline,popular post .what i have to do please fix this

    • lovelytemplates

      You will get images in post thumbnail only if you have images in your post. Also, those images should be uploaded inside Blogger.

    • man of gamer

      So There is no trick to solve this problem

  • hisham dilshaz

    hello my homepage post thumplain not work and popular post random post only 2 image work and working in my English music video lable page thumpline working please clear my issue

    • lovelytemplates

      Looks like you are loading images from other sites. If you put an image from another website into your post then that image won't come as thumbnail. Blogger takes only images loaded via Blogger for thumbnails and Random posts.

  • hisham dilshaz

    loading some images how to import thumpline pics any idea, please fix this, my images all backroud div images not src images
    src images all working but div background not work please hrlp me

  • hisham dilshaz

    my old template post thum work but your template post thumps not workinig why

    • lovelytemplates

      Post thumbnail will work as long as you upload the photos inside Blogger. If you point to a picture outside Blogger then it won't work

  • Jerry

    I love this template, and I want to use it for my high school's news website. I do have one question. The thumbnail images are stretched on the homepage and related posts. Is there a way to fix this and maintain the original aspect ratio? Thanks so much!

    • lovelytemplates

      Please share your website url to take a look

      • Jerry Moore

        Thanks for the reply, and sure, it's
        I've already done some tweaking to the template, and I actually figured out the answer to my question below about the dates. I would still like to know if it is possible to …
        1) unstretch the thumbnail images.
        2) display more characters in summaries beside the thumbnails on the homepage. (It seems to break at approximately 100.)
        3) force comments to be moderated before they appear. (I have moderation enabled on dashboard, but comments appear instantly.)

        • lovelytemplates

          1) Thumbnail image requirement for this template is 250×170. Looks like some of your thumbnails are 250×250 and that's why it is stretching. You have to have consistent aspect ratio. If 250×170 is not possible then your image should be 500×340. You should maintain the aspect ratio. Otherwise, Images will stretch

          2) This template is using Blogger default Post snippet. You have to use Jump Break in each posts to increase the characters.

          3) This is nothing to do with template. I can't help

  • Jerry

    One more question: I see the time, but how do I make the date of the post appear beside the thumbnails on the homepage and on the individual post pages? Thanks!

  • kboost

    Hi. I love this theme a lot! I just have one problem, though. The thumbnails aren't showing! Could you please help me?

  • kboost

    oh! nevermind!

  • ryutamatsuno

    very beautiful design!

    but i have a question, how do you get big thumbnail image by using "data:post.thumbnailUrl"?

  • bhavesh

    plz provide information how to use this template in my website..i don't know how to use blogger template in my web page

    • lovelytemplates

      Refer to the Documentation that comes with this template

  • Alfred

    Hello can anyone show me how to make the related post work? Mine seems not to load…

    • lovelytemplates

      I see related post is working in your site.

      • loudsoundgh

        I used linkwithin widget for now… The original one that came with them template does not work. Maybe there is something i need to do?

        • lovelytemplates

          Related Posts widget that comes with this template works. If you tag your posts with labels then it will pull related posts. For example, if you tagged POST 1 as "Label 1" and POST 2 also as "Label 1" then Post 1 and Post 2 will show the related post.

          • loudsoundgh

            Thanks… will try that out…

  • Carlos Perez

    can anyone show me how to make the related post work?

    • lovelytemplates

      Related posts should work automaticaly. You should have 2 posts with same labels to test this

  • chamal

    How to change summary thumbnails ?

  • Mustafa ali

    I have a problem
    the image is not displayed when I made ​​posts
    thank you

    • lovelytemplates

      I just checked your site, I see images in the posts. Please note, you have to upload images in blogger for this template to display

  • iMemo

    Love this template, this really works

  • neomestafa

    how i can change the background of this template pleaze?

    • lovelytemplates

      Sorry, we can't help to customize this theme.


    I don’t want Reponsive design, how can i remove it from this template?

    • lovelytemplates

      Sorry, this template is designed to be responsive. We won’t support customizing this template. That may break other stuff.


        Thanks too much, i will try to change it ^^

  • lovelytemplates

    First of all, your blog url is not working for me. This template is responsive (works well in mobile) out of the box. You don’t need to do anything to make it responsive

  • lovelytemplates

    Please refer to the documentation file that comes with this template zip. Also, you can refer to the same documentation in this page. Refer to documentation page in this template.

    • Alberto

      I’ve already done it. I pasted the ‘Random Post Widget’ text in its box and changed, for example, ‘tagName:false’ for ‘tagName:”Industrial”‘ (one tag I have). I also tried changing RandompostActive to “true” and nothing. I figured out the rest (the 3 columns footer), but I can’t fix that. Do you know what could it be? Thanks for answering me.

      • lovelytemplates

        I don’t see the random post widget code in your website at all. In chrome, I right clicked your website and selected “view page source”, This should show your random post code. But, I don’t find it there. Make sure you have added the Random post widget code properly. Sorry, something is wrong with your setup. It works for everybody though. Let me know

  • lovelytemplates

    This template is using Blogger default Post snippet. You have to use Jump Break in each posts to increase the characters.

  • lovelytemplates

    You haven’t added the Random post code. This Random post code is the one which shows the slider. Refer to the documentation that comes with this template. Or, refer to the Documentation tab in this page. Look for section “Random post widget” and follow the instructions.

    • saiyadgulbaz

      Thanx for giving respos, that is realy a good template . now it work propery, so again thanx

  • lovelytemplates

    Looks like this template is programmed to show 100 characters as post snippet. Sorry, we can’t customize this.

  • lovelytemplates

    Template like this not FREE in WordPress. You can check out this link for similar templates.

    If you are looking for only Free WordPress themes then look at

  • Srinath Subrahmanyam drop down menu is not working please help…….

    • lovelytemplates

      I just checked your site and the drop down menu is working for me

  • lovelytemplates

    For thumbnails to work, you have to upload the photo in Blogger itself. You seems to be pointing to a photo in another url. That’s why it is not working

  • lovelytemplates

    I see your navigation menu under header is now working. Did you follow documentation to set up Random posts widget ?

  • lovelytemplates

    Go to Settings — Posts and Comments. Then, change the number in Show at most field to whatever number of posts you want to display. Hope this works for you.

  • lovelytemplates

    I don’t see related posts on both of those posts. Did you already removed the related posts widget?

  • lovelytemplates

    Sorry, not supporting customization questions

    • Mekster

      ahh ok, no problem. I managed to removed the number instead.

  • lovelytemplates

    Your problem looks weird. Our demo site shows the comments properly. I can’t help much. May be you can try uploading the template again

  • TechGlobeX

    Hello Admin, its a very beautiful template But can you please tell me How to Increase the Word Count of Every Article of Homepage?? The article description is very short and i want to increase the character length of every article appearing in homepage. Please tell me how to do that? Thanks

  • lovelytemplates

    Looks like you got this figured out. Good job

  • charmystique

    Hi there,

    Just a quick question. Can I confirm that if I’m uploading images to Photobucket, and adding them into my blog post via URL, they won’t appear in the thumbnails?

    Looking forward to your response.

    Thank you!

  • Jerry Moore

    I’ve been successfully using this great template for more than a year on, but just this week, new posts have stopped displaying thumbnail images on the homepage. All of the old ones are still appear, and I am uploading the images to Blogger as I always have. But now for all new posts, I just get blank gray placeholders instead of thumbnails. Any help would be greatly appreciated.

  • Saâd Taibi

    hello admin i like this template very much but i have 1 probleme:
    the menu nav backgound is hide because his background is white i would like to turn it to black but she wouldn’t please help me

  • Nazre bin Abdul Rashid .

    Dear Desinger,

    May have the steps to activate your chat (how to configure). Thank you