My Extra News

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>
</ul></li>
</ul>

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>
</ul>
</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'>
//<![CDATA[
$(document).ready(function () {
rccpostsx({
numpostx:4,
id_cintainrp:"#recentpostxx",
cmtext:"Comments",
thumbSize:60,
contjumlah:100
});
});
//]]>
</script>

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'>
//<![CDATA[
$(document).ready(function () {
rccommnetsx({
id_containrc:"#recentcommnetsx",
numComments:4,
avatarSize:50,
characters:100,
adminBlog:""
});
});
//]]>
</script>

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'>
//<![CDATA[
$(document).ready(function () {
RandomPost({
MaxPost:4,
RandompostActive:true,
idcontaint:"#randompostxx",
ImageSize:300,
tagName:false
});
});
//]]>
</script>

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