CSS3 Slideshow with zoom and rotation effect

Wednesday 13 June 2012

Beautiful Verticle Social Bookmarking Widget for Blogger / Blogspot !

How to Add a Vertical Social Bookmarking Widget in Blogger?

  • First of all, its important to know how this widget will look like, so have a look at this image shown below. Its a demo.


  • Go to Blogger account > Design > Edit HTML 
  • Now enable "Expand Widget Templates"


  • Search this code
<data:post.body/>
  • Just AFTER this line, copy-paste below given code
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b>Share this post :</b><br/>
<div class='spacer' style='border-top:solid 0px #DEDEDE;'/>
<table bgcolor='#ffffff' border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td valign='top' width='50%'><table border='0' cellpadding='0' cellspacing='0' width='222'>
<tr>

<td height='24' width='24'><img border='0' height='16' src='http://4.bp.blogspot.com/_ar9PeTUrwMY/SnmMldgnvuI/AAAAAAAAAv4/FhIAkFW-ZTw/facebook.png' width='16'/></td>
<td height='24'><a expr:href='&quot;http://www.facebook.com/sharer.php?&amp;u=&quot; + data:post.url' target='_blank'>Share on Facebook</a>
</td>
</tr>

<tr>
<td height='24'><img border='0' src='http://2.bp.blogspot.com/_ar9PeTUrwMY/SnmM69WzUkI/AAAAAAAAAww/6b8npnF677I/twitter.png'/></td>
<td height='24'><a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'>Share on Twitter</a>
</td>

</tr>
<tr>
<td height='24'><img border='0' height='16' src='http://3.bp.blogspot.com/_ar9PeTUrwMY/SnmM0Ze235I/AAAAAAAAAwg/jMLPYyDdCSs/stumble.png' width='16'/></td>
<td height='24'><a expr:href='&quot;http://www.stumbleupon.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Share on StumbleUpon</a></td>

</tr>
<tr>
<td height='24'><img border='0' height='16' src='http://4.bp.blogspot.com/_ar9PeTUrwMY/SnmMf-cBJuI/AAAAAAAAAvo/WFFPRRl9dcg/delicious.png' width='16'/></td>
<td height='24'><a expr:href='&quot;http://del.icio.us/post?v=4&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Share on Delicious</a></td>

</tr>
<tr>
<td height='24'><img border='0' height='16' src=' http://2.bp.blogspot.com/_ar9PeTUrwMY/SnmMxLWOeMI/AAAAAAAAAwY/ca4HSlHFtZ0/reddit.png' width='16'/></td>
<td height='24'><a expr:href='&quot;http://reddit.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Share on Reddit</a>

</td>
</tr>
</table></td>
<td valign='top' width='50%'><table border='0' cellpadding='0' cellspacing='0' width='222'>
<tr>
<td height='24' width='24'><img border='0' height='16' src='http://4.bp.blogspot.com/_ar9PeTUrwMY/SnmMitkOefI/AAAAAAAAAvw/mQdgqyJVhvY/digg.png' width='16'/></td>

<td height='24'><a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Share on Digg</a></td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src='http://4.bp.blogspot.com/_ar9PeTUrwMY/SnmMrmsi0LI/AAAAAAAAAwI/XMLDq5_baKE/icon_sb_sim22.gif' width='16'/></td>

<td height='24'><a expr:href='&quot;http://www.simpy.com/simpy/LinkAdd.do?href=&quot; + data:post.url' rel='nofollow' target='_blank'>Share on simpy</a></td>
</tr>
<tr>
<td height='24'><img border='0' height='16' src='http://1.bp.blogspot.com/_ar9PeTUrwMY/SnmM30PqK4I/AAAAAAAAAwo/R1FhGrjnPas/technorati.png' width='16'/></td>

<td height='24'><a expr:href='&quot;http://technorati.com/signup/?f=favorites&amp;Url=&quot; + data:post.url' rel='nofollow' target='_blank'>Share on Technorati</a></td>
</tr>
<tr>
<td height='24'><img alt='furl' border='0' height='16' src='http://3.bp.blogspot.com/_ar9PeTUrwMY/SnmMuTMm4BI/AAAAAAAAAwQ/_gbDQBFQtN4/images2.jpg' width='16'/></td>

<td height='24'><a expr:href='&quot;http://www.furl.net/storeIt.jsp?&amp;u=&quot; + data:post.url' rel='nofollow' target='_blank'>Share on furl</a>
</td>
</tr>
<tr>
<td height='24'><img alt='Feeds RSS' border='0' height='16' src='http://1.bp.blogspot.com/_ar9PeTUrwMY/SnmMoqVfTiI/AAAAAAAAAwA/Yfpcn-FPGaU/feed.png' width='16'/></td>

<td height='24'><a href='http://feeds.feedburner.com/allbloggercodes' target='_blank'>Subscribe to Feeds RSS</a>
</td>
</tr>
</table></td>
</tr>
</table>
</b:if>
Note: Change Feed address allbloggercodeswith your blog's feed
  • Save Your Template and You're done

Drop your Comments Below :-)

How To Change Beautiful Mouse Cursors in Blogger ?

Blogger is a free service and is used by millions of people. There are so many bloggers who want to add extra beauty in blogs and want their blogs to look more attractive and eye-catching. One of the best way to add extra fun to your blog is, changing mouse cursor on your blog. Changing the mouse cursor in blogger or blogspot blogs is very easy and you can do this within 1 minute. You can use any kind of image i.e. static or animated as your blog cursor.


How To Change Mouse Cursors in Blogger

  • Go to Your Blogger Account > Dashboard > Design > Edit HTML
  • Search for this code
]]></b:skin>
  • Paste new code just Before above searched code.
body, a, a:hover {cursor: url(http://cursors1.totallyfreecursors.com/thumbnails/checkerflash.gif), progress;}
  • Save Your template and You're done ;)
  • See DEMO 
Note: You can change cursors by changing the line in red (which is cursor file location).

How to Download Free Cursors

You can download thousands of free cursors from following websites

3 Tips for Writing Great Content !

Web content writing is one of the most effective means of approaching an audience, but content that is inappropriate or poorly written is unhelpful to the reader. There are some ways to ensure that content is interesting, informative, and helpful.
Before attempting to write great web content, scouting a content marketing blog in a relevant field can help a writer get started. These blogs tend to focus on one particular marketing area, so it is possible to use these blogs to gather information and view examples of informative content.
After exploring the market, there are three tips to bear in mind to write great content:



Related posts:

How Many Posts Should You Write Each Week?

How To Write Posts Effectively When Covering A Boring Topic

Write For Us - Guest Post For BloggerCodes

How Do People Make Money By Writing Blogs?

 1. Keep It Organize

Formatting and general organization can make or break a reader’s interest in web content.
A good format is easy for readers to process. Huge blocks of text are difficult for some readers to digest, so it is important to break long blocks of text into shorter chunks. This can be done with smaller paragraphs or the integration of pictures, graphs, or figures.
Good organization will ensure that the content is coherent. Creating an outline beforehand is one of the best ways to organize written content. Additionally, creating lists can be helpful for organizing many ideas.

2. Keep It Simple

No matter how much a writer knows about a particular subject, most readers are not looking for a book. Great web content will deliver the most important and basic facts. Great web content does not need flowery filler words or unnecessary professional jargon. A reader is more likely to be annoyed than impressed by needless fluff.

3. Keep It Relevant

Great web content is considered to be “evergreen” content, or content that does not have an expiration date on its usefulness. Some content, such as news-oriented content, will eventually reach a point at which it is unlikely to generate more interest. Evergreen content will continue to be relevant to readers.
A great deal of work is involved in creating great content, but the three tips listed above should provide a healthy start on creating content that is interesting, informative, and helpful.