Tuesday, August 27, 2013

Extra News Blue


www.responsivebloggertemplate.com
Template Details :


Platform Type
Blogger / Blogspot
Template Name Extra News Blue
Instructions URL How to use this template
Template Author mkr-site
Designer www.ivythemes.com
Features 2 column, Right Sidebar, Ads Ready,wordpress look,slider show fast loading, widget ready, share buttons, simple, black, White.
Descriptions Extra News Blue is free responsive blogger templates with categories news themes, very good for blog, related about blog news,gray and white is main color for this blogger templates, this template seo friendly.
Recent Comments
Copy This to HTML Widget..

<div id="rcentcomnets"><span class="loadx">Loading...</span></div>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
rccommnetsx({
numComments:6,
characters:100,
adminBlog:"Your Google+/blogger name here"
});
});
//]]>
</script>

Note:
adminBlog is your blogger or google+ name with '' ex: adminBlog: 'Steve Brush'
numComments is number of recent comment you want to show

Recent Posts
Copy This to HTML Widget..

<div id="rcentpost"><span class="loadx">Loading...</span></div>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
rccpostsx({
numpostx:6,
cmtext:"Comments",
contjumlah:100
});
});
//]]>
</script>

Note: numpostx = number of recent post to show
contjumlah = number of summary character

Random Post
Copy This to HTML Widget..

<div id="rdpostnya"><span class="loadingrd">Loading...</span></div>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
rdpostnyax();
});
//]]>
</script>

Configure Top Dropdown Menu:
Login to blogger dashboard --> layout --> Edit HTML
Now scroll down to where you see the codes below:

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

Just replace "#" with your menu item URL.

Configure Middle Dropdown Menu:

<ul class='menunav'>
<li><a href='#'>Home</a></li>
<li><a href='#'>About</a></li>
<li class='dgnsub'><a href='#'>Archive</a>
<ul class='sub-menu'>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
</ul>
</li>
<li><a href='#'>Comments</a></li>
<li class='dgnsub'><a href='#'>With Sub Menu</a>
<ul class='sub-menu'>
<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'>
<li><a href='#'>Sub Sub Menu</a></li>
<li><a href='#'>Sub Sub Menu</a></li>
</ul>
</li>
<li><a href='#'>Sub Menu</a></li>
</ul>
</li>
</ul>

Just replace "#" with your menu item URL.

No comments:

Post a Comment