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.
0 comments:
Post a Comment