Skip to main content

Posts

Showing posts with the label Widget

Show Current Date and Time in Your Blogger Template

Today we are share how to show current date and Time in your blogger template in any where.

1) Log in to your blogger account and Go to your blogger dashbord.
2) Click on now --> Template--> Edit HTML
3) Now search </b:skin>
4) Copy the code from below and paste the code above/before </b:skin>

Code
     #SpiceTarikh {
    background: none repeat scroll 0 0 #000000;
    display: inline-block;
    color:#FFFFFF;
    float: right;
    font:100% 'Oswald',Sans-Serif;
    padding: 5px 10px;
    }
    #SpiceTarikh a {
    font-weight: bolder;
    padding: 13px 16px 16px;
    }

....Customization

Find .. <nav id='topnav'> .
 Copy the code from below and paste the code above/before <nav id='topnav'>

     <script type='text/javascript'>
    //<![CDATA[
    function makeArray() {
    for (i = 0; i<makeArray.arguments.length; i++)
    this[i + 1] = makeArray.arguments[i];
    }
    var months = new makeArray('January…

How To Add JS-Kit Rating To Your Blogger blog

Today in this tutorial i am going to explain you how to add JS-Kit rating to blogger. with this kit you and your visitors can easily know that whats post of your blog have more votes and most famous. and post that unlike by most people. 
1) First of all go to your blogger dashboard click on template and then edit html
2) Click on explain widget template
3) Use Ctrl+F and find <data:post.body/>

4) Copy the code given below and paste this code just after it <data:post.body/>



Code 1
<div style="float:left; margin-right:3px;"></div>
<div class="js-kit-rating" expr:path="data:post.url" expr:permalink="data:post.url" expr:title="data:post.title"></div> <div class="js-kit-rating" expr:path="data:post.url" expr:permalink="data:post.url" expr:title="data:post.title"></div> 
Output
Code 2 <div style="float:left; margin-right:3px;"></div><div …