Add Customized Comment To Post Titles in Blogger

Customized comment is very attractive for a blog. It actually can be designed to any sort of display that will match your blog.

In this post I am just going to give you some tutorial on Customizing the comment counter. You just need to follow these simple steps :

6:47 AM by Anonymos · 6

Get a Post Rating Widget for blogger...

Every blogger is keen to know how the readers thinks of their posts. And it can even be inspiring for a blogger to know how the readers reacts to their post. You must have seen the post rating feature in WordPress but now its available for blogger too. 

Out Brain.com provides you this feature to add the content ratings and recommendations in blog. You can simply visit the site, choose your platform (Type Pad, Blogger, Word Press) and simply copy the code give. No registrations are require. Or else you can simply copy the code give below:

1.Goto your Dashboard.
2. Edit Layout > Edit HTML
3. Copy and Paste the code below.


<script language="JavaScript">var OB_platformType = 1; var OB_demoMode = false;var OB_langJS ='http://widgets.outbrain.com/lang_en.js';</script><script src="http://widgets.outbrain.com/OutbrainRater.js" type="text/javascript"></script>

5:26 AM by Anonymos · 11

Floating Twitter Badge For Blogger

Twitter is a famous Social Networking Site which promises you lots of traffics and lots of money. So, it is very important for a blog to have followers to visit their site. Getting followers is not an easy task to do. And in this post I'll teach you one of the strongest method to earn followers in twitter.

Floating Twitter badges are found in many popular blogs and seem very useful to attract followers. So I'll guide you and provide you some codes that you need to create this badge for your blog.

First, log in to your blogger account. Go to Layout and then to Edit HTML page. Then search for ]]></b:skin> and add these codes just above this:

.followme_r .followme{
background: #59B7FF url(http://i45.tinypic.com/upvdc.png) no-repeat scroll left top;
position: fixed;
top: 150px;
width: 30px;
height: 130px;
z-index: 5555;
cursor: pointer;
right: 0pt;
}
.followme_l .followme{
background: #59B7FF url(http://i45.tinypic.com/upvdc.png) no-repeat scroll right top;
position: fixed;
top: 150px;
width: 30px;
height: 130px;
z-index: 5555;
cursor: pointer;
left: 0pt;
}
.followus_r .followme{
background: #59B7FF url(http://i45.tinypic.com/upvdc.png) no-repeat scroll left top;
position: fixed;
top: 150px;
width: 30px;
height: 130px;
z-index: 5555;
cursor: pointer;
right: 0pt;
}
.followus_l .followme{
background: #59B7FF url(http://i45.tinypic.com/upvdc.png) no-repeat scroll right top;
position: fixed;
top: 150px;
width: 30px;
height: 130px;
z-index: 5555;
cursor: pointer;
left: 0pt;
}

Then you'll just need to do a little work. Now save the work and go to Page Elements and select add a widget and paste these codes there:

 
<div class="followme_r">
<div class="followme" onclick="window.open('http://twitter.com/bloggossips')"></div>
</div> 

Then save your work and the badge will be displayed on your blog.

*Note: Donot forget to replace 'http://twitter.com/bloggossip' with your own twitter account.

If there's anything more you need to know then just drop your comment. 

4:00 AM by Anonymos · 5

Create recent posts using your feed.

Recent post widget is very useful and very common among the bloggers and in this post I'll teach you how to create such widget easily using feed. Well,this must be easiest method to create this widget and is effective too.

Just follow these simple few steps and install the widget in your blog :

1. First log on to your feed burner account.

2. Select your feed id.

3. Then select 'Publicize' tab where you can find

     several option.

4. Among them choose 'Buzz Boost'

5. Then you'll be provided some options(feed setting) regarding your post display.

 

So you can choose the options as your interest and copy the code given and paste it to your blogger account (blogger-layout-add widget and paste).

So there you go, your widget will be created. I'm also working on some codes that will let you create the recent posts with thumbnail. So wait for it I'll post that soon.

If there's anything you need to know just post your comment and enjoy..!!

10:04 PM by Anonymos · 0

Implement 'Read More' link in blogs..

Implementing read more link in the post is very important and yet very effective too. So, I have created this post for you to add "read more" link in your blog in some easy steps.

First you need to goto to your blogger account and to the layout section. Goto Edit HTML and select expand widgets tab. Then search for:

]]></b:skin>

and place this code immediatly above the previous code: 
 

<!--read more codes start (by www.bloggossips.co.cc)--!>

<style><b:if cond='data:blog.pageType == &quot;item&quot;'> span.fullpost{display:inline;}<b:else/>span.fullpost {display:none;}</b:if></style> 

<!--read more codes end (by www.bloggossips.co.cc)--!>

Now search for:

<data:post.body/>

and place this code below it

<!-- read more link begin (by www.bloggossips.co.cc) -->
<b:if cond='data:blog.pageType != &quot;item&quot;'><span><a expr:href='data:post.url'><u>read more..&gt;&gt;</u></a></span></b:if>
<!-- read more link end (by www.bloggossips.co.cc)-->

Now just goto Settings>Formatting:

And there at the bottom you will find Post Template form. In the form paste the code below:

Visible post
<span class="fullpost">
Expanded Post
</span>

And the work is nearly over. Now you just need to goto to Newpost and there you'll notice
 

Visible post
<span class="fullpost">
Expanded Post
</span>

code in your post. Then you just need to replace Visible post with your post you want to show(post before "read more"). And replace Expanded Post with the post you want to hide(post after "read more").
And save your post and you'll notice a read more link hiding your desired post.

6:49 PM by Anonymos · 1