Showing posts with label Html. Show all posts
Showing posts with label Html. Show all posts

Saturday, October 12, 2013

Adding Floating Animated Twitter "Follow Me" on Blogger


Get your blog easily be followed on Twitter by adding some stunning stuff into it.


I want to show you my favorite widget that I use on my blog. You can get it my simply following instructions below:

1. Go to Template
2. Click Edit HTML
3. Find "</head>" (Obviously don't include "")
4. Paste the code below just before the said tag

<!--TWITTER-FOLLOW-ME-STARTS-->

<style type='text/css'>

.feedbacktw {

width: 31px;

height: 116px;

display: block;

font-size: 10px;

text-decoration: none;

background-repeat:no-repeat;

background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwPpjZxMHv38UHx3vvqEKhYmSf4Y-M3D-O403AcfjMA1sEgFii9-wSgJ8tZydnxk0ux14iDhiqUyV2lRWPgMJpcMV2PWUtGqE59A_Tm8GSQcl1DxgyUuv0bZpPB4wo9p_zMYwdZkfoRZQ/);

position:fixed;

top:20%;

right:2px;

}


.feedbacktw:hover {

width: 31px;

height: 116px;

display: block;

text-decoration: none;

background-repeat:no-repeat;

background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwPpjZxMHv38UHx3vvqEKhYmSf4Y-M3D-O403AcfjMA1sEgFii9-wSgJ8tZydnxk0ux14iDhiqUyV2lRWPgMJpcMV2PWUtGqE59A_Tm8GSQcl1DxgyUuv0bZpPB4wo9p_zMYwdZkfoRZQ/);

position:fixed;

top:20%;

right:10px;

}

</style>

<!--TWITTER-FOLLOW-ME-STOPS-Widget-by-http://www.bloggertricksandtoolz.com-->


5. Click Save Template
6. Go to Layout Setting
7. Click Ad a Gadget
8. Choose HTML/Javascript
9. Paste the code below in it

<!--FOLLOW-ME-STARTS--><a style="display:scroll;" href="http://twitter.com/Your profile" class="feedbacktw"> </a><!--FOLLOW-ME-STOPS-->

10. Obviously you have yo change "Your Profile" to your profile name
11. Click Save and you are done

Happy Blogging!




Read More

Sunday, October 6, 2013

`Back Linking: 1 of the Tools to Rank Your Site Number 1 in Google

Optimization of websites to Search Engines really is a tricky and patience-requiring task. There are many things that you have to do and you have to wait for the result for no time.

In this article, I will teach you one of the most effective way of ranking your website in Google. It is called Back Linking.

Back Linking is a way of attracting traffic to your website where you involve your website URL on other website by using Anchor Text.

Anchor text is a clickable text which mostly consists the description of the link's destination. See Illustration of Anchor text below:



Highlighted by red is the destination of the link and highlighted by blue is the description. The description should be brief and attractive enough that readers may decide to click the link.

Usually, people who do back linking drop this anchor text in the comment boxes on a related blogs or website so that readers may be tempt of clicking this link.

After posting your Back Link to comment box, you should see your post as below illustration:

Watch this quick video to actually find out how I do this.


Please note that back linking is not limited to blog post. You can also use your anchor text on Youtube comment and description, Facebook comments and posts, tweet replies and tweets on Twitter.

Happy Back linking
Read More

Statistics


Designed By Seo Blogger Templates