Sarakuj.Com | One Stop Blog

List Of 100 Dofollow Blogs - Increase Page Rank

Google always use Website Page Rank to rank their search results, you can increase your Page Rank and Alexa Rank by creating back links. There are so many websites which allow you to buy backlinks, but i think that is a not possible for all. In my opinion that you must not buy backlinks, its a poor strategy. You can increase you page rank by commenting dofollow blogs. It is the most easiest and fast method. I am putting some dofollow blogs, i am sure these blogs will help you to increase your Page Rank. Here is the list...

Before You Go

Please do not Spam on the blogs, give compliment to the author. Some blogs are moderated but i am sure they will approve your good comment instantly.

Add Icons to Author, Label, Comment, and Time

Today I am going to tell you how you can icons to the Author Name, Labels, Time and Comment titles. it will give more professional look to your blog and you will be able get more amazing look of your blog. you have already tried my other post about adding share buttons to blogger. I hope it helped you get some extra traffic from social networks. My other post on changing the length of summary text may also helped you a lot.

What is Awesome?

You can add cool icons to your blogs, you can even add you own photo just near your Author name title in your blog. it is not difficult to handle, new bloggers can also try this perfectly.

How to Do?

Let me tell you the whole method in simple steps, lets go

Go to your blogger blog which you want to edit

Go to Template > Edit HTML

You must check the checkbox at the top left of the editor

Expand Widget Templates

Now search something like this

]]></b:skin>

Did you get it? good. Now post the following code just above that tag.

.posttime{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisA0bWbJTJwX22ts4SyLwTW0qiLJazszt4rMpb-3MYafbLU0k3_ZJZFSDKZPCOwMPGFK0UycNvIJcXME8-QWMasYK0oMtGICGF6Dzr2OU-Aj9cIwz8KWNZfOdzzsy_-aT9qZmzBoJSrRk/s320/time_sarakuj.png) no-repeat scroll 12px center transparent;padding-left:30px}
.postauthor{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTKtV9gZRgLwN3y-BfmQLqDozQcc0w0108i-UT6hyphenhyphenjZ9Eb-AqvUm7bB1BHqrjoZ0oxKGSChJ5w-vxeXjTWmg79TRcG8SnGmtJHEkDRdTmkM_IwKp5YDfnhnex_snvl7eIxLOrZ2fKSUAw/s320/author_sarakuj.png) no-repeat scroll 12px center transparent;padding-left:30px}
.postcomment{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8zRI-VlEv4Ica8cxDA5KsnKanngkEySEOCNqj1_iCEC8-KL9h3ST95YZqlw4oZ6FMW_mgF2ll4PwHL9LNgxtwm-EZyJEtDg9-JPvfHovZdKY7izL4zsjO3Rurq93-UYSMhiZNap0JY28/s1600/comment_sarakuj.png) no-repeat scroll 12px center transparent;padding-left:30px}
.postlabel{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfOW5SXrX-gpcVL7cS2QDiBYCxCAnpBbiafHidaocxk9smlo3JX5CM29PXZRA5NwCW-RjdD4h6rw40zm2m9ALhPKPN4Oimgjs5qQP7gdnf_kWQ7dWg5PVP7zppg3JrpG6iUQtwqVuJL3U/s1600/label_sarakuj.png) no-repeat scroll 12px center transparent;padding-left:30px}

These red texts are the url of the icon images. You can use your own icons if you don't like mine. :) You can see these icons are named as time, author, comment, label etc
Now search for the Author tag below

<data:post.author/>

and replace that tag as below

<span class='author'>
Posted by <data:post.author/>
</span>

similarly search and replace other tags by these codes below
replace the Time tag

at <b:if cond='data:post.dateHeader'>
<script>var ultimaFecha = '<data:post.dateHeader/>';</script>
<data:post.dateHeader/>
<b:else/>
<script>document.write(ultimaFecha);</script>
</b:if>

<span class='posttime'>
<span class='clock'>
at <b:if cond='data:post.dateHeader'>
<script>var ultimaFecha = '<data:post.dateHeader/>';</script>
<data:post.dateHeader/>
<b:else/>
<script>document.write(ultimaFecha);</script>
</b:if>
</span>
</span>

and replace the Comment tag

<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>

<span class='postcomment'>
<span class='com'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</span>
</span>

and replace the Label tag

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>

<span class='postlabel'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span></span>

Now save the template and enjoy the new look of your template.

Other Method

If you want to show whole Author name, Time, Comment, and Label tags at then end of the post then search and delete tags i told above, after deleting search this tag

<div class='post-footer-line post-footer-line-2'>

and paste this code just below that tag

<b:if cond='data:blog.pageType == "item"'>
<div class='title-meta'>
<div><span class='postauthor'>
<span class='author'>
Posted by <data:post.author/>
</span> </span>
<span class='posttime'>
<span class='clock'>
at <b:if cond='data:post.dateHeader'>
<script>var ultimaFecha = '<data:post.dateHeader/>';</script>
<data:post.dateHeader/>
<b:else/>
<script>document.write(ultimaFecha);</script>
</b:if>
</span>
</span>
</div>
<div>
<span class='postcomment'>
<span class='com'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</span>
</span>
<span class='postlabel'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>

Before You Go

Please backup your template before making any change to your blog. It will help you if you do anything wrong to your blog :) If you face any problem them comment below, i will reply you.

Earn Online Data Posting Job - No Registration Fee

Internet is a very good source to make overwhelming money. There are so many ways to earn money through internet, but most of them are scam. Today internet jobs are so common you can earn $150-$300 per month. This is may not be so good for those who live in Europe but it is enough for those who are in devolving countries e.g. Pakistan, Nigeria, India and so many others. Today I am going to tell you about Captcha posting job. Although it is not an easy task to earn money through internet, but believe me it’s not that hard. You can also try to make a simple mobile site to earn money, check some cool wapbuilers here.

What is Awesome?

You can earn at home without investing money. You will be given an easy task. All you have to do is be quick and start your work. I have so many friends who are earning money through internet. Most of them own a blog or website.

What to Do?

There are so many websites who give you data posting jobs, most of them are dodging. I just want you to try protypers.com. You have to do simple steps to start earning money from this site.

Go to protypers.com/register and create an account on it.

While creating account you will be given few options to receive your earned money,

Paypal, most devolving countries don’t have Paypal

Western Union, I think every country got this facility

Liberty Reserve, Go ahead and try it

I think you must check for Liberty Reserve to get your payment

After sign up you will be given some quick guides to earn money, the guide may include some information on earning money. This guide will help you to understand what you have to do, let me tell you short description of your work.

Some Instructions

You have to write Captcha which you have to fill in 15 seconds. Your Captcha filling percentage must be more than 75%. New comers will be given less money, it will increase by time. You can pause your work at any time but don’t leave your work in progress. Your earned money will be displayed at the top of the website.

Before You Go

Please note, internet jobs are not easy if you aren’t professional. I think its good for students who can make their pocket money. You must be quick in typing, if you are not loyal in this job then you will get nothing.

Modify Summary Length and Thumbnail Size of Posts

Today I am going to tell you how you can modify the size of the post thumbnails. This technique will also help you to increase or decrease the length of the summary text. Yesterday I told you how you can add share buttons to blogger. I hope that post was very useful for you. You can also check my other post to chane the size of first letter in post.

What is Awesome?

This trick will help you to add more posts at your homepage. If you decrease thumbnail size then you page will load quicker. You can add more posts at home page. Although I don’t commend you to set more pages at the homepage because everybody don’t have hi speed internet. Don’t make people hate your blog. I think you must not set more than 6 posts at your homepage.

Backup your Template

All you have to do is to make some changes in your blog html. This is easy but if you don’t have sufficient knowledge about html, then don’t try it. You must back up your blogger template before you carry on. Let me tell you how can you back up your blogger template!

Log in to your blogger account
Open your blog
Go to Templates > Backup/Restore
Click on “Download Full Template”
Download your blogger template and you are done :)

Method

Now get back to our original tutorial. If you want to make any change in summary text and post thumbnail then follow these simple steps.

Login to your blooger accout
Open your blog which you want to change
Go to Templates > Edit HTML
Click Expand Widget Templates
Now search for this tag

summary_noimg

here you will find a code something like this,

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 385;
summary_img = 285;

img_thumb_height = 120;
img_thumb_width = 170;
</script>

summary_noimg = 385 indicate the length of the summary text when your post has no image in it.
summary_img = 285 indicates the length of the summary text when your post has any image in it.

Similarly the second code indicates the width and height of the image thumbnails. Here you can increase or decrease the anything you want.

Before You Go

This method is on for those users who use external blogger template. I mean if you use any third part blogger template then this is effective for you. try it and tell me if you face any problem. This trick is for posts shown at the homepage, it will not hurt your original post when you open it. :)

First Letter Capital in Blogger Posts and Comments

I was sitting idle, i was totally out of ideas. It does not mean that i am really out of new idea, it was just because i wanted to sleep. Well suddenly something flashed in my mind and that was another post on something new. Today i thought to post about pseudo-element CSS. Its little bit unusual but It is supported by a lot of browsers. so let me tell you about it, but i know you want to see any type of Demo of it? You can see the Demo in my own blog :)

What is Awesome?

I think there is nothing awesome in it, it is just unique. People love it just because its a new thing to them. Lon time ago i saw it in a news website and today i thought to share it with you guys. I don’t know maybe you find it awesome.

Change in Posts

Log into your blogger account

Go to Template > Edit HTML

Now check the box at the top left of the text box

search for this tag now

]]></b:skin>

Now post this code just above the ]]></b:skin> tag.

.sarakuj_upper:first-letter {
float: left;
display: block;
font-size: 38px;
margin:0px 6px 0 0;
padding:0 0 0 9px;
}

Now if you have done it correctly then search this tag.

<data:post.body/>

Replace <data:post.body/> with the following code.

<div class='sarakuj_upper><data:post.body/></div>

Hmm i know there is not just one <data:post.body/> tag. Let me give you a hint, your desired <data:post.body/> tag is second one, i assume it can be different in your template but try the second then try the other. If it doesn’t work with div tag you can use p or span tag like this.

<div class='sarakuj_upper><data:post.body/></div>

or

<p class='sarakuj_upper><data:post.body/></p>

or

<span class='sarakuj_upper><data:post.body/></span>

Change in Comments

It is pretty same in comment as well, you just have to do the same thing with a little change.

Log into your blogger account

Go to Template > Edit HTML

Now check the box at the top left of the text box

search for this tag now

]]></b:skin>

Now post this code just above the ]]></b:skin> tag.

.sarakuj_upper:first-letter {
float: left;
display: block;
font-size: 38px;
margin:0px 6px 0 0;
padding:0 0 0 9px;
}

Now if you have done it correctly then search this tag.

<data:comment.body/>

Ok i know there is confusion again, there are again multiple <data:comment.body/> tags, i think you must try it on second tag. Replace the second <data:comment.body/> tag with the following

<div class="capital"><data:comment.body/></div>

or

<span class="capital"><data:comment.body/></span>

or

<p class="capital"><data:comment.body/></p>

You are done, you can check your new modified posts. This is simple method but i am sure you will love it.

Before You Go

You can customize the color of the first capital text by changing the above code.

.sarakuj_upper:first-letter {
float: left;
display: block;
font-size: 38px;

color: #EEEEEE
margin:0px 6px 0 0;
padding:0 0 0 9px;
}

You can use any other color code instead of #EEEEEE. Try it and tell me if you like it, feel free to comment.

Share Buttons For Blogger Posts

Sharing is caring, we all know that. You are alone working on your blog without sharing it on Socail Networks, then i think its a bad habit. What happens if all other people start to share your posts on their profile? You will get more audience and more hits to your blog. We cannot live with going social. We must not ignore this thing that we are social animals. I have already shared the method to add share buttons to your blog posts. That method was by addthis.com, this new share buttons are by sharethis.com.

What’s Awesome?

The best thing about them is that these contain Pinterest share button. As a blogger I know that Pinterest is an awesome source of traffic. These buttons are easy to load, even if a person is having a slow connection, he may not any problem with them. It has StumbleUpon, Twitter, Google + share button as well. Well lets start the tutorial now.

Adding Share Buttons

Sign in to your Blogger account
Go to Template > Edit HTML
Click the box “Expand Widget Template”
Search for this tag:
Paste this code above it:
Now search for this:

<data:post.body/>

Share Button Code

Put this code just below that tag, it will show share buttons at the end of the Blogger Posts.

<b:if cond='data:blog.pageType == "item"'> <span class='st_fblike_hcount' displayText='Facebook Like'/> <span class='st_twitter_hcount' displayText='Tweet'/> <span class='st_plusone_hcount' displayText='Google +1'/> <span class='st_facebook_hcount' displayText='Facebook'/> <span class='st_pinterest_hcount' displayText='Pinterest'/> <span class='st_digg_hcount' displayText='Digg'/> <span class='st_stumbleupon_hcount' displayText='StumbleUpon'/></b:if>

|| Facebook Like button
|| Twitter Tweet Button
|| Google+ Share Button
|| Facebook Share Button
|| Pinterest Share Button
|| Digg Share Button
|| StumbleUpon Share Button

Show at Home Page

If you want to show these share buttons on homepage as well, you need to modify the above code. This will help you to show these buttons at the end of every post at homepage. Use this modified code

<span class='st_fblike_hcount' displayText='Facebook Like'/> <span class='st_twitter_hcount' displayText='Tweet'/> <span class='st_plusone_hcount' displayText='Google +1'/> <span class='st_facebook_hcount' displayText='Facebook'/> <span class='st_pinterest_hcount' displayText='Pinterest'/> <span class='st_digg_hcount' displayText='Digg'/> <span class='st_stumbleupon_hcount' displayText='StumbleUpon'/>

What i did? i just removed this simple code from above code

<b:if cond='data:blog.pageType == "item"'> </b:if>

Before You Go

You can rearrange these share buttons by changing the location of these colored tags. This is so easy, as you can see mine. I've arranged them according to the popularity of these social networks. Cheers, comment if you have anything to say.

List Of 100 Dofollow Blogs - Increase Page Rank

Before You Go

Add Icons to Author, Label, Comment, and Time

What is Awesome?

How to Do?

Other Method

Before You Go

Earn Online Data Posting Job - No Registration Fee

What is Awesome?

What to Do?

Some Instructions

Before You Go

Modify Summary Length and Thumbnail Size of Posts

What is Awesome?

Backup your Template

Method

Before You Go

First Letter Capital in Blogger Posts and Comments

What is Awesome?

Change in Posts

Change in Comments

Before You Go

Share Buttons For Blogger Posts

What’s Awesome?

Adding Share Buttons

Share Button Code

Show at Home Page

Before You Go

Subscribe

Categories

Blogger Help

Social Networks

Mobile

Tag Clouds

Blog Roll

Popular Posts

Blogger Help

Pages