Tuesday, August 27, 2013

JPstation


www.responsivebloggertemplate.com
Template Details :


Platform Type
Blogger / Blogspot
Template Name JPstation
Instructions URL How to use this template
Template Author mkr-site
Designer www.ivythemes.com
Features 2 column, Right Sidebar, Ads Ready,wordpress look,fast loading, widget ready, share buttons, simple, black, White.
Descriptions JPstation is free responsive blogger templates with categories personal themes, very good for blog, related about blog personal,gray and white is main color for this blogger templates, this template seo friendly.
Configure Middle Dropdown Menu:
Login to blogger dashboard --> layout --> Edit HTML
Now scroll down to where you see the codes below:
<ul id='menuhlng1'>
<li class='mhome'><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Archive</a>
<ul class='submenu hidden'>
<li><a href='#'>Dropdown</a></li>
<li><a href='#'>Dropdown</a></li>
</ul>
</li>
<li><a href='#'>Comments</a></li>
</ul>

Just replace "#" with your menu item URL.

Configure Top Dropdown Menu:
<ul id='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 hidden'>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
</ul></li>
</ul>

Just replace "#" with your menu item URL.

Recent Post :
Copy This to HTML Widget..

<div id="recentpostxx"><span class="loadingxx">Loading...</span></div>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
rccpostsx({
numpostx:10,
animatedRecentPost:true,
limitspy:5,
id_cintainrp:"#recentpostxx",
cmtext:"Comments",
contjumlah:100
});
});
//]]>
</script>

Recent Comments:
Copy This to HTML Widget..
<div id="rcentcomnets"><span class="loadingxx">Loading...</span></div>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
rccommnetsx({
numComments:10,
animatedRecentcomments:true,
limitspyrkm:5,
avatarSize:50,
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


No comments:

Post a Comment