Friday, 12 December 2014

RibbonV2 Free premium Blogger template

RibbonV2 free premium blogger template for download with documentation. Add this completely customized blogger template to boost your contents. This template with many brilliant plugin that you will love.

RibbonV2 free blogger template

I usually does not make templates, but this was i was making for my friend and i thought it would be better to share with you guys. This blogger template was originally made by therefore i haven't removed any attribution to the website. You can download the ribbon version 1 from their website.

Since the original lack many feature but still it was great. i have included some of my plugin that i personally used on my blog. Below is the complete documentation of this blog. You can save this Documentation as PDF for your personal use by pressing CTRL+P.

Features :

Couch Mode

To add couch mode on your bloggers blogs read this article.

Responsive Structure

This template is extremely responsive and have been tested with different devices.

SEO (Search Engine Optimization)

This template is been given special attention to add SEO plugin and codes. check this link to verify. Though you have to add Twitter cards and open graph externally.

Syntax Highlighting ready

Note Prettify code is alreday added to template. To add code while posting article just enclosed them "pre" tag as shown.
<pre class="prettyprint linenums">
Paste parsed your code here

Custom Threaded Comment

We have included custom CSS for this particular blogger commenting system of this template. To insert codes in comments we have also included Conversion tool to convert any code so that it can be add in comment.

Contact form in Static page

Add your contact form in static page.

Responsive Ads ready

The Structure of this template is Already ads ready, make sure to parse the code before adding the adsense code in this template.Though it is very easy to add ads above navigation bar and in sidebar, but to add adsense ads below post title and below post, open your template editor and search for "adsense". You will find place all instruction in the template itself.

Breadcrumbs Ready

It also have added with SEO breadcrumbs you will love.

Related Posts

To modify the related post open your template editor and search for "related" and modified the JavaScript as per you need. or delete this complete code and make your custom related post here

Search Box

Custom search box for the template. Also read Add Tab to Search chromium Omnibox feature in Blogger

Print Friendly

This template has been customized to make printing friendly for your readers. To replace my name with your open HTML editor and search for "Tushar" and replace the whole text as per your requirement.

Top Dropdown Menu

Responsive and Multiply menu options. Edit as per your need.

Numbered Page Navigation

For changing the navigation options open editor and search for "page-navi".

perPage: Represent number of article present on the page.
numPages: Number of page that should available for jump from page to page.

Custom 404 Page

Open this page to verify.

Recent post

To add Recent post widget add the below code as Widget.
Goto Blogger > Layout > "Add  a Gadget"
Open "HTML/JavaScript" and add this code
<script type='text/javascript' src=""></script>
<script style='text/javascript'>
var numposts = 5;
var showpostthumbnails = false;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;</script>
<script src='/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

Sitemap (Table of content)

Create a new page, click on HTML and add this following code. Make sure to disbale comments on that page by click on Options.
<div dir="ltr" style="text-align: left;" trbidi="on">
How to Navigate ?<br />
<br />
<ul style="text-align: left;">
<li>Click on <span style="color: red;"><i>Post Title</i></span> to sort articles Alphabetical</li>
<li>Click on <span style="color: red;"><i>Date</i> </span>to sort articles as per their posted dates.</li>
<li>Click on any <span style="color: red;"><i>Label</i></span> to see Other's article tag with that particular label.</li>
<li>To see all posts click on <span style="color: red;"><i>Label Tab</i></span></li>
<br />
<div id="bp_toc">
Loading Sitemap. Please wait....</div>
<script src="" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>
<style>#bp_toc{background:0 0;width:100%;color:#999;margin:0 auto;padding:5px}.toc-header-col1{padding:15px!important;line-height:15px;background-color:#e86060;width:250px;}.toc-header-col2{padding:15px!important;line-height:15px;background-color:#373737;width:75px;}.toc-header-col3{padding:15px!important;line-height:15px;background-color:#377ef0;width:125px;}.toc-header-col1:hover,.toc-header-col2:hover,.toc-header-col3:hover{opacity:.9}.toc-header-col1 a:link,.toc-header-col1 a:visited,.toc-header-col2 a:link,.toc-header-col2 a:visited,.toc-header-col3 a:link,.toc-header-col3 a:visited{font-size:15px;text-decoration:none;color:#fff;font-family:Raleway;font-weight:400;letter-spacing:.5px}.toc-header-col1 a:hover,.toc-header-col2 a:hover,.toc-header-col3 a:hover{text-decoration:none}.toc-entry-col1,.toc-entry-col2,.toc-entry-col3{padding:10px;font-size:92%;}.toc-entry-col1:hover,.toc-entry-col2:hover,.toc-entry-col3:hover{background: #E7F7FA;}.toc-entry-col1:nth-child(even),.toc-entry-col1:nth-child(odd),.toc-entry-col2:nth-child(even),.toc-entry-col2:nth-child(odd),.toc-entry-col3:nth-child(even),.toc-entry-col3:nth-child(odd){padding:10px;font-size:92%}.toc-entry-col1 a,.toc-entry-col2 a,.toc-entry-col3 a{text-decoration:none;color:#666}.toc-entry-col1 a:hover,.toc-entry-col2 a:hover,.toc-entry-col3 a:hover{color:#000;text-decoration:underline}span.toc-note{padding:10px;margin:10px 0;display:inline-block;background:#fff;color:#666}#bp_toc table{width:100%;margin:0 auto;border-collapse:collapse;border-spacing:0;border-color:transparent}#bp_toc tr:nth-child(even){background:#fafafa}#bp_toc tr:nth-child(odd){background:#fff}#secondarybpart{display:none}#primarybpart{width:100%}.entry-content td {
border-top: 0px;}.sidebarnbt.c-4-12{display:none}.articlenbt{width:100%}.entry-meta{display: none}</style>

Smooth Back To Top Button.

Hope you like this template make sure to share with your friends. If you face any problem just comment, we are always here for help.

1 Discussion

  1. bhut hi acha lga ribbon 2 but kuch kamiya hai isme jaise share bottons nahi hai.please isme share botton to lgaye tabhi ise lgane ka fayda hai.


Note : All comments will be moderated. Do Not Spam.