Free Offers And Big Discounts: 2013

Wednesday, 9 October 2013

Multi colored random posts Widget for Blogger EXCLUSIVE.!!!!

Random Posts widget is an awesome widget for your Blogger Blog.We posted about How to add random posts widget, Most important feature of this widget is it lets your Blog visitors to surf more blog posts in your blog.Its let your users to spend more time in your Blog. Surely it increases your Blog's internal links that lets your blog higher traffic.This is the modified version of the Random posts widget we posted earlier, one of our visitor "Yogesh Gamer" asked me to make this widget like Multi colored Popular posts Widget. So after that I just tried and it got success. Please do check this widget and comment your suggestions...

Features of This Widget

Flat UI colors used (it will attract users attention)
Automatic Post Numbering

Sign In to Blogger Dashboard
Go to Layout
Click on Add Gadget and look for HTML/Javascript and select it
Copy the below code inside it and click save

Blogger Widgets

Monday, 26 August 2013

Add Comment count to Post Header Titles in Blogger

You noticed the number of comments displayed in comments section inside each posts. It is placed under the post. It is not noticeable to visitors. Do you want to add it to header to inspire your visitors to comment. The visitors only see the comment count when they reach at the end of the post. if the visitor not scroll to footer part , the comment count will not see.
Do you think about displaying comment count on the top of post will be better? Then here we are showing a technique to add comment count with beautiful backgrounds to the header part of the post, not only inside the post but also it will display to homepage.

After adding his trick the comment count will be displayed with post titles , if more comments on the post, it will encourage the users to comment and also helps to jump to comment section.

Here are some tricks related to comments
Recent Comments Widget
Change Comment Style in Blogger
Highlight Author Comments in Blogger
Verified Facebook tick mark for author comments
Add Yahoo smileys to Blogger Threaded Comments
How to change Blogger POST A COMMENT message to Image

How to add Comment count to Post Header

Sign In to Blogger Dashboard
Go to Template -> Edit HTML
Find (Ctrl+F) ]]> and copy the below code above it

.comment-count {
float : right;
width : 48px;
height : 48px;
background : url( IMAGE URL );
background-repeat: no-repeat;
font-size : 18px;
position:absolute;
margin-top : -15px;
margin-right : 2px;
text-align : center;
}

Choose the comment count background

Copy the URL of image you want by right clicking and select Copy image Location or Copy Image URL.
Replace the RED marked portion above with the image URL

Add Comment count code

Find the following code

class='post-title entry-title'

Add the following code below it

Save Template

Congratulations you have done. Check your blog and get more comments. If you liked this article please like and share this blog.

Tuesday, 20 August 2013

Using LinkedWithIn Widget

It is very simple to add LinkedWithIn Widget
Go to LinkedWithIn website and follow the simple instructions
Give e-mail id, blog url, select platform as Blogger and select number of posts should be displayed.

Add Related Posts Manually to Blogger

Sign In to Blogger Dashboard
Go to Template -> Edit HTML
Find
Copy the below code above

/* remove this */

Blogger Widgets

Remove Orange marked to add related posts to homepage too.
Change RED marked to change the number of posts should be displayed

I hope this article will help you. If so please like and share our blog. You can check here more Exciting Widgets.

Monday, 19 August 2013

How to Add Automatic Read More TRICK for Blogger Blogs

How to Add Automatic Read More HACK for Blogger Blogs

Read More button or jump link is used cut the full article into two pieces and First piece of Text and images display in the Homepage. When you create a post may be it includes long snippets and images that are too long, then what should you do? You have to add

Awesome Recent Comments Widget for Blogger, Feed Comments

Recent Comments Widget can be used to display the latest Comments in the blog. Comments are the best way to make a good contact with your blog visitors and followers. By default Blogger added commenting System to Blogger blogs. Recent Comments Widget will inspire your blog visitors to post a comment on your Blog. If you don't like to read full about this widget or Are you hurry to add this widget to you blog go to "How to add Recent Comments Widget to Blogger Blog".

There are many changes made to Blogger Commenting System. At earlier time the basic commenting System was used then it changed to Threaded Comments (Others can reply to one comment), it can be change back to basic blogger Commenting System. All Blogger blogs are using Threaded Comments System. Now another type of commenting System was introduced in Blogger Blogs, Google+ commenting System.
The Recent Comments Widget also inspire your blog visitors to post a comment. Your visitors may be interested to see their names in other blogs. If their comment is good ,it will catch other visitors eyes and they also may have wish to do comment.
The Recent Comment Widget shows the Commentators name with Profile link followed by the Post name and followed by their Comment. This Widget can be added to Sidebar or Footer or anywhere which catches the visitors eyes. This Widget was coded using JavaScript and you can also change the style of Widget according to your template.

Wish to see Demo?
Recent Comments Widget

How to Add Recent Comments Widget?

Sign In to Blogger Dashboard
Select Layout -> Click on Add a Gadget
Take HTML/Javascript from the list
Give the Title and Copy the below code to it and Save

Recent Comments Widget

Change the RED highlighted with your blog name

If you want different Styles for this Widget, Please visit again I will post soon.

Another Way to add Recent Comments Widget

Go to Layout -> Click on Add a Gadget
Select Feed from the list and give the following URL

http://netoopsblog.blogspot.com/feeds/comments/default

Change the RED marked portion with your Blog URL

A Window will appear and shows demo,there are some options, you can select the options for adding comment date, commenter name etc.. Using this method you have only limited options.

Click Save

Congratulations you have done..
I hope this article will help you and you enjoyed this article if so, Please Like and Share .

Add Google type Stylish Breadcrumbs to Blogger Blog?

The Breadcrumbs or breadcrumb trail is used as an aid for navigation. The breadcrumbs allows users to keep track of their location and to understand where they are. In Blogger, the breadcrumbs are the way to realize the category of an article/post. I think you had seen this in e-commerce sites like ebay,myntra,yebhi. They used breadcrumbs to identify a product is in which category. Its just like a Home link followed by the category belongs and then the current location/current post.

Demo shows in top of this post Click Here

Sign in to your Blogger Dashboard
Go to Template -> Edit HTML
Step 1: Find (ctrl+F) the following code

copy the following code after it

Step2: Find the following code

copy the following code above it

Home











                                            Unlabelled
















                                            Home

                                           Archives for











                                                Home

                                               All posts


                                                Home

                                               Posts filed under

Step 3: Find ]]> and Copy the following css code above it

Style 1: Style like this blog used

.breadcrumbs {

margin: 0px 0px 15px 0px;
font-size:95%;

}
.post-navigation > a:after, .post-navigation > a:before {
    border-bottom: 13px solid transparent;
    border-left: 11px solid #B7B7B7;
    border-top: 13px solid transparent;
    content: "";
    display: inline-block;
    left: 100%;
    position: absolute;
    top: -2%;
    z-index: 1;
}
.post-navigation > a:after {
    border-left-color: #F2F2F2;
    left: 99%;
}.post-navigation > a:hover {
    padding-left: 23px;
}
.post-navigation > a {
    background: none repeat scroll 0 0 #F2F2F2;
    border: 1px solid #B7B7B7;
    color: #000000;
    padding: 4px 12px;
    position: relative;
    text-decoration: none;
transition: all 0.2s ease 0s;-moz-transition: all 0.2s ease 0s;-webkit-transition: all 0.2s ease 0s;
}
.post-navigation > span {
    padding-left: 14px;
}

Style 2: Google Type

.breadcrumbs a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-position: 100% 0;
    background-repeat: no-repeat;
    border-color: #D9D9D9;
    border-image: none;
    border-style: solid;
    border-width: 1px 0 1px 1px;
    color: #666666;
    display: block;
    float: left;
    font-size: 95%;
    padding: 7px 16px 7px 19px;
    position: relative;
    text-decoration: none;
    z-index: 1;
}
.breadcrumbs a:hover {
    border-bottom-color: #C4C4C4;
    border-top-color: #C4C4C4;
    box-shadow: 0 2px 2px #E8E8E8;
    color: #333333;
}
.breadcrumbs a:first-child, .breadcrumbs a:first-child:hover {
    border-top-left-radius: 5px;
    z-index: 30 !important;
}.breadcrumbs {
    margin: 0px 0px 15px 0px;
    font-size:95%;
    }

Style 3: Wood Type

     .breadcrumbs {
    margin: 0px 0px 15px 0px;
    font-size:95%;
    }
    .post-navigation > a {
        background: url("http://i.imgur.com/qJ9sJ2N.jpg") no-repeat scroll 0 0 transparent;
        border: 1px solid #C76A29;
        border-radius: 7px 7px 7px 7px;
        color: #FFFFFF;
        padding: 4px 23px;
        position: relative;
        text-decoration: none;
        text-shadow: 1px 1px 2px #000000;
        transition: all 0.2s ease 0s;
    }
    .post-navigation > span {
        padding-left: 14px;

    }

Style 4: Blue Type

.breadcrumbs {
    margin: 0px 0px 15px 0px;
    font-size:95%;
    }.post-navigation > a {
    background: url("http://i.imgur.com/KbrSuUv.jpg") repeat scroll 0 0 transparent;
    border: 1px solid #016DB5;
    border-radius: 8px 8px 8px 8px;
    color: #FFFFFF;
    padding: 4px 26px;
    position: relative;
    text-decoration: none;
    transition: all 0.2s ease 0s;
} .post-navigation > span {
        padding-left: 14px;

    }

I hope this article will help you, if you liked this please spread our Blog.

How to Add Yahoo Smileys on Blogger Threaded Comments?

Yahoo smileys for Blogger Threaded Comments

I 'm going to say about how to add yahoo smileys to Blogger Threaded comments. This is an awesome trick was scripted by an Indonesian Blogger Kang Ismet and I think he did a very good job for us. This Blogger hack works with New Blogger Threaded commenting system.
Follow the instructions Below..

To see demo :
Go to Comments OR Click Here

What's inside this article?

How to Add yahoo smileys to Blogger Threaded comments in 3 steps..?

Go to Blogger Account
Go to Template -> Edit HTML [click Proceed]

Add CSS code

Find ]]> [easily find Ctrl + F]

img.bhacksmly {
    height: auto !important;
    vertical-align: middle !important;
    width: auto !important;
    border:0px !important;
}

Add Javascript code

Find and copy the below code just above it.

Free Offers And Big Discounts