label/Blogger Templates - MyTricksTime

Till now many social bookmarking widgets has been released for Blogger. Simply, social bookmarking buttons and icons helps you to make your blog socialize and get more traffic. Adding social bookmarking buttons is cool way to get more readers and targeted audience.

Before using social bookmarking option, you must be aware of icons design how much clickable is it. Your readers are likely to click social bookmarking button containing in your blog if they find the buttons really cool. If you haven’t such buttons, so here is something special for you.

Social bookmarking buttons with spinning hover effect. Buttons are cool itself and when your reader hover the mouse over it, it spins a round.

Here is how to add these cool buttons to your Blogger blog:

<data:post.body/>

Just below that add the following group of codes:

<b:if cond=’data:blog.pageType == “item”‘>
<div class=’spinning_icons’>
<a class=’twitter’ expr:data-text=’data:post.title’ expr:data-url=’data:post.url’ href=’http://twitter.com/share’ rel=’nofollow’ target=’_blank’ title=’Twitter’>Twitter</a>
<a class=’delicious’ expr:href=’"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title’ target=’_blank’ title=’Delicious’>Delicious</a>
<a class=’digg’ expr:href=’"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title’ target=’_blank’ title=’Digg’>Digg</a>
<a class=’facebook’ expr:href=’"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title’ target=’_blank’ title=’Facebook’>Facebook</a>
<a class=’stumbleupon’ expr:href=’"http://www.stumbleupon.com/refer.php?url=" + data:post.url + "&title=" + data:post.title’ target=’_blank’ title=’Stumbleupon’>Stumbleupon</a>
<a class=’rss’ href=’http://feeds.feedburner.com/hacktutors‘ target=’_blank’ title=’RSS’>RSS</a>
</div>
</b:if>

Replace hacktutors with your feedburner username. Again, find the following code:

]]></b:skin>

Just above that code, past the following:

.spinning_icons a{
width:48px;
height:48px;
display:inline-block;
text-indent:-9999em;
background-position:0 0;
background-repeat:no-repeat;
z-index:2000;
overflow:hidden;
}
.twitter{ background:url(‘http://4.bp.blogspot.com/-KxcARTmAlQI/TwCDycGOXVI/AAAAAAAABis/rBrMzmoyN6c/s1600/twitter_32.png’); }
.delicious{ background:url(‘http://4.bp.blogspot.com/-82J7zeYp1s8/TwCEN_HoAhI/AAAAAAAABkQ/t1wtld8lNA4/s1600/delicious_32.png’); }
.digg{ background:url(‘http://1.bp.blogspot.com/-MtS4dU0fY4A/TwCENEQUQvI/AAAAAAAABkE/glAaVSTKJDM/s1600/digg_32.png’); }
.facebook{ background:url(‘http://4.bp.blogspot.com/-Sxhuf0CW8OY/TwCEMpoaq0I/AAAAAAAABkA/PfhoKDMBcBQ/s1600/facebook_32.png’); }
.rss{ background:url(‘http://4.bp.blogspot.com/-Q5bYfx3dD2g/TwCEKQfYMQI/AAAAAAAABjw/XrXOvdFeZZs/s1600/rss_32.png’); }
.stumbleupon{ background:url(‘http://3.bp.blogspot.com/-hwn17i1SLNU/TwCEJNfyIWI/AAAAAAAABjo/TBb8oc2KHGs/s1600/stumbleupon_32.png’); }
.spinning_icons a:hover{
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transition: transform 0.2s ease-out;
-webkit-transition: -webkit-transform 0.2s ease-out;
-moz-transition: -moz-transform 0.2s ease-out;
}

Now save the template and your are done! Have a look at your cool new bookmarking button that appears at the bottom of your post.

Thanks to Paulund for this cool CSS3 bookmarking button spinning effect.
Enjoy Guys! and don’t forget to post your comments. � MyTricksTime.com

When somebody visits your blog, he/she may just notice your blog design but not a content. If your visitor found the useful stuff, they may definitely return back to your blog for more important stuffs. Unfortunately, if they found your blog’s poor design, they may not return back again even you have most unique content.

I practically done many test to know how blog design effects our readers and visitors. And found the final conclusion. You have unique content to show it to your readers but if you haven’t care about your blog design then you are doing wrong.

I’ll show you why you are doing wrong even you are providing unique content and without caring the blog design. Some days before I started a new thread in Digital Point forum. I got many response from the peoples told that I have a good blog design!

Bad Design
The first time visitor never return back to the blog having poor design. In Digital Point forumone of the person ask for review of his blog. And here is one response:

Click on the Image to Enlarge

His design was not so good, thats why he got such kinds of response and feedback. The man who respond to his thread supposed that due to his bad blog design, he will never return back to that blog.

Good Design
Got a good blog design? Even if you have not good content on your blog, you can be listed on perfect web designers index! And this can be the good source of traffic, readers and visitors. Its better if you have both good design and unique content. Your first time visitor converts into loyal reader and subscriber as well. And this is how your can get lots of benefits by making attractive blog design!

Conclusion
Simply, you can increase the traffic by using time to design your blog. If you have poor design you must change it. After you done, ask for the blog review on Digital Point forum or any other you like. If you get the positive feedback, be happy and keep promoting your blog as usual.

How about using the theme created by HackTutors? I already made 3 professional designed Blogger Template and here are they:

If you have checked my previous Blogger Templates, Thesis Blogger Template is the most popular template ever I created!
Enjoy Guys! and don’t forget to post your comments. � MyTricksTime.com

Search Results for: label/Blogger Templates

Social Bookmarking Buttons With Spinning Effect for Blogger

How Blog Design Manage your Readers and Visitors

Meta