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 CommentsCopy 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 PostsCopy 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 PostCopy 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.
.png "www.responsivebloggertemplate.com")
.png "www.responsivebloggertemplate.com")
