Photobucket

How to: Play Gameboy Advance ROMs on your Computer(Windows)

This question was asked by my friend. He asked me whether if he can play his GBA ROMs on his computer. After i taught him how to play... 

How to access/bypass blocked websites

Social sites that are often blocked include Myspace, Youtube, Facebook or Bebo and some other sites. Using the Internet at a school,... 

Add a Social Bookmarking Buttons To Your Blogger Post

by DJYaNo on June 21, 2009 | Twit this | Print this






Have you ever wondered how to increase your blog traffic and page rank? Whether by submitting your blog to search engines, post comments on DoFollow blogs or share your own articles with Digg button installed on your blog is still not enough. You are doing the job yourself, why not let your readers help you?

Example of Social Bookmarking Buttons

Add a Social Bookmarking Buttons To Your Blogger Post

Social Bookmarking Buttons To Your Blog will help you to increase your blog traffics plus make your visitors life easier. Why? Your visitor can bookmark and share your content with just a click. Digging your content or tweet is now easy for them. By this way, you can increase your traffics and if you are lucky, your page rank will rise too.

Add a Social Bookmarking Buttons To Your Blogger Post

On your Blogger Dashboard, go to Layout -> Edit Template, tick Edit Template and search for <b:skin><![CDATA[, copy all CSS code below and paste it after <b:skin><![CDATA[.

CSS Code for Social Bookmark Buttons

 
/************************************************
*	Start of Social Bookmark Buttons	*
************************************************/
 
div.socialbookmark{height:54px;background:url('http://i475.photobucket.com/albums/rr115/djyano21/sharethispost.png') no-repeat left top;position:relative;width:540px}div.socialbookmark span.rightside{width:17px;height:54px;background:url('http://i475.photobucket.com/albums/rr115/djyano21/sharethispost.png') no-repeat right bottom;position:absolute;right:-17px}div.socialbookmark ul.socials{margin:0 !important;padding:0 !important;position:absolute;bottom:0;left:10px}div.socialbookmark ul.socials li{display:inline-block !important;float:left !important;list-style-type:none !important;margin:0 !important;height:29px !important;width:48px !important;cursor:pointer !important;padding:0 !important}div.socialbookmark ul.socials a{display:block !important;width:48px !important;height:29px !important;font-size:0 !important;color:transparent !important}.furl,.furl:hover,.digg,.digg:hover,.reddit,.reddit:hover,.stumble,.stumble:hover,.delicious,.delicious:hover,.yahoo,.yahoo:hover,.blinklist,.blinklist:hover,.technorati,.technorati:hover,.facebook,.facebook:hover,.twitter,.twitter:hover,.myspace,.myspace:hover,.mixx,.mixx:hover,.script-style,.script-style:hover,.designfloat,.designfloat:hover,.syndicate,.syndicate:hover,.href,.href:hover{background:url('http://i475.photobucket.com/albums/rr115/djyano21/socialbookmark-1.png') no-repeat !important}.furl{background-position:-300px top !important}.furl:hover{background-position:-300px bottom !important}.digg{background-position:-500px top !important}.digg:hover{background-position:-500px bottom !important}.reddit{background-position:-100px top !important}.reddit:hover{background-position:-100px bottom !important}.stumble{background-position:-50px top !important}.stumble:hover{background-position:-50px bottom !important}.delicious{background-position:left top !important}.delicious:hover{background-position:left bottom !important}.yahoo{background-position:-650px top !important}.yahoo:hover{background-position:-650px bottom !important}.blinklist{background-position:-600px top !important}.blinklist:hover{background-position:-600px bottom !important}.technorati{background-position:-700px top !important}.technorati:hover{background-position:-700px bottom !important}.myspace{background-position:-200px top !important}.myspace:hover{background-position:-200px bottom !important}.twitter{background-position:-350px top !important}.twitter:hover{background-position:-350px bottom !important}.facebook{background-position:-450px top !important}.facebook:hover{background-position:-450px bottom !important}.mixx{background-position:-250px top !important}.mixx:hover{background-position:-250px bottom !important}.script-style{background-position:-400px top !important}.script-style:hover{background-position:-400px bottom !important}.designfloat{background-position:-550px top !important}.designfloat:hover{background-position:-550px bottom !important}.syndicate{background-position:-150px top !important}.syndicate:hover{background-position:-150px bottom !important}.href{background-position:-753px top !important}.href:hover{background-position:-753px bottom !important}
 
/************************************************
*	End of Social Bookmark Buttons	*
************************************************/

Example:-

Add a Social Bookmarking Buttons To Your Blogger Post

Now search for <data:post.body/> in your template. Copy all the XML code below and paste it after <data:post.body/>.

XML Code for Social Bookmark Buttons

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!-- *Start of Social Bookmark Buttons* -->
 
<div class='socialbookmark'><ul class='socials'>
<li class='delicious'><a expr:href='&quot;http://del.icio.us/post?v=4&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' title='Add to del.icio.us!'/></li>
<li class='digg'><a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' title='Digg it!'/></li>
<li class='technorati'><a expr:href='&quot;http://technorati.com/signup/?f=favorites&amp;Url=&quot; + data:post.url' title='Add to Technorati Favorites!'/></li>
<li class='reddit'><a expr:href='&quot;http://reddit.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' title='Submit to Reddit!'/></li>
<li class='stumble'><a expr:href='&quot;http://www.stumbleupon.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' title='Stumble it!'/></li>
<li class='designfloat'><a expr:href='&quot;http://www.designfloat.com/submit.php?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' title='Add to Design Float!'/></li><li class='facebook'><a expr:href='&quot;http://www.facebook.com/sharer.php?&amp;u=&quot; + data:post.url' title='Share on Facebook!'/></li>
<li class='twitter'><a expr:href='&quot;http://twitthis.com/twit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' title='Tweet this post!'/></li>
<li class='furl'><a expr:href='&quot;http://www.furl.net/storeIt.jsp?&amp;u=&quot; + data:post.url' title='Submit to Furl!'/></li><li class='syndicate'><a href='http://feeds2.feedburner.com/djyano' title='Subscribe Via RSS!'/></li>
<li class='href'><a href='http://www.djyano.com/add-a-social-bookmarking-buttons-to-your-blogger' title='Add This Social Bookmark Buttons On Your Blog!'/></li></ul><span class='rightside'/></div><br />
 
<!--  *End of Social Bookmark Buttons*  -->

Example:-

Add a Social Bookmarking Buttons To Your Blogger Post

Preview your template, once you’ve satisfied – save your template.


Comments

5 Responses to “Add a Social Bookmarking Buttons To Your Blogger Post”
  1. Mayur says:

    Thanks for sharing!!

    I’ve written a post for displaying Google “Buzz this” icon below every post in blogger. Google Buzz is assumed to be next big thing after Facebook and Twitter. You can add Buzz this icon by following steps given here..

    http://www.tutkiun.com/2010/02/add-google-buzz-this-button.html

  2. DJYaNo says:

    Hi Sara,

    Thanks for visiting my blog! Hope you will enjoy more of my posts.

  3. Sara says:

    Pretty cool post. I just came across your site and wanted to say
    that I’ve really liked reading your posts. Anyway
    I’ll be subscribing to your blog and I hope you write again soon!

  4. DJYaNo says:

    Thanks for using my widget Teenage Model.

  5. I have recently created a blogger account and am looking to put social bookmarking buttons under all the posts…

Speak Up

Tell us what you're thinking about this post.
Get a gravatar to show your pic with your comment.



Copyright © 2008 - 2010 The-Online-Quest All Rights Reserved · Powered by WordPress | Redesigned by Mr Javo