Social Bookmarking Archives

Tag: Social Bookmarking

Add Social Bookmarking Icons After Every Post In Blogger Blog

Hi Friends

I Am Coming This Time With New Set of social bookmarking icons set for blogger blog.many of our readers have problem to add social bookmarking icons after every post in blogger so i am giving this hack to add social bookmarking icons after every post in blogger blog.we have also covered

And I am Requesting You To Help to Share our post on social bookmarking site

Now Come on step to add this icon pack to your blog.

Step:-1
Goto Blogger Template>Edit HTML back up your template and expand the widget templates.

Step:-2
Now in your template find

</head>
and just above that paste the following code
<script src=’http://blogger-plugins.googlecode.com/files/bkmrk_hover.js’></script>
<style type=’text/css’> .bookmark img { border: 0; padding:0px; } .bookmark a:hover { position: relative; top: 1px; left: 1px; } </style>

Step:-3
Now Find
<p class=’post-footer-line post-footer-line-3′>
Or If That Is Not There Then Find
<div class=’post-footer-line post-footer-line-3′>

And Replace with

!– Social Bookmarking Icons Start www.best2know.info–>
<span class=’bookmark’><table align=’left’ border=’0′ cellpadding=’0′ width=’100%’><tr><td style=’vertical-align:middle’ valign=’middle’ width=’30%’><div expr:id=’"sbtxt"+data:post.id’>Bookmark this post:<span style=’display:none’><a href=’http://www.bloggerplugins.org’>blogger tutorials</a> <a href=’http://www.bloggerplugins.org/2007/09/social-bookmarking-elements-after-each.html’>Social Bookmarking Blogger Widget</a></span></div><script type=’text/javascript’>showsbtext("sbtxt" + "<data:post.id/>",0)</script></td><td><a expr:href=’"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title’ expr:onmouseout=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"’ expr:onmouseover=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",19);"’ rel=’nofollow’ target=’_blank’><img alt=’StumpleUpon’ src=’http://lh4.ggpht.com/_u4gySN2ZgqE/SnVFoJLmchI/AAAAAAAAAjg/-2mcU8UjohA/icon_sb_stumb.gif%5B4%5D.png?imgmax=800’/></a> <a expr:href=’"http://digg.com/submit?phase=3&url=" + data:post.url’ expr:onmouseout=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"’ expr:onmouseover=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",1);"’ rel=’nofollow’ target=’_blank’><img alt=’DiggIt!’ src=’http://lh5.ggpht.com/_u4gySN2ZgqE/SnVFiI7X5sI/AAAAAAAAAjE/uoviRb4H0V8/icon_sb_dig%5B4%5D.gif?imgmax=800’/></a> <a expr:href=’"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title’ expr:onmouseout=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"’ expr:onmouseover=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",2);"’ rel=’nofollow’ target=’_blank’><img alt=’Del.icio.us’ src=’http://lh4.ggpht.com/_u4gySN2ZgqE/SnVFhIJeylI/AAAAAAAAAjA/efK7u8suKvs/icon_sb_del%5B4%5D.gif?imgmax=800’/></a> <a expr:href=’"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Url=" + data:post.url + "&Title=" + data:post.title’ expr:onmouseout=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"’ expr:onmouseover=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",3);"’ rel=’nofollow’ target=’_blank’><img alt=’Blinklist’ src=’http://lh5.ggpht.com/_u4gySN2ZgqE/SnVFgIXzFNI/AAAAAAAAAi8/Vgqkftp6mvk/icon_sb_bli%5B4%5D.gif?imgmax=800’/></a> <a expr:href=’"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&=" + data:post.title’ expr:onmouseout=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"’ expr:onmouseover=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",4);"’ rel=’nofollow’ target=’_blank’><img alt=’Yahoo’ src=’http://lh3.ggpht.com/_u4gySN2ZgqE/SnVFqxs6oCI/AAAAAAAAAjs/s3Gqfd7n0KQ/icon_sb_yah%5B4%5D.gif?imgmax=800’/></a> <a expr:href=’"http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&t=" + data:post.title’ expr:onmouseout=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"’ expr:onmouseover=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",8);"’ rel=’nofollow’ target=’_blank’><img alt=’Furl’ src=’http://lh6.ggpht.com/_u4gySN2ZgqE/SnVFiyVxsBI/AAAAAAAAAjI/Zwu2964qKmg/icon_sb_fur%5B4%5D.gif?imgmax=800’/></a> <a expr:href=’"http://www.technorati.com/cosmos/search.html?url=" + data:post.url’ expr:onmouseout=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"’ expr:onmouseover=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",9);"’ rel=’nofollow’ target=’_blank’><img alt=’Technorati’ src=’http://lh3.ggpht.com/_u4gySN2ZgqE/SnVFpG5R_SI/AAAAAAAAAjk/-cFqb1ngIIA/icon_sb_tec%5B4%5D.gif?imgmax=800’/></a> <a expr:href=’"http://www.simpy.com/simpy/LinkAdd.do?href=" + data:post.url + "&title=" + data:post.title’ expr:onmouseout=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"’ expr:onmouseover=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",10);"’ rel=’nofollow’ target=’_blank’><img alt=’Simpy’ src=’http://lh6.ggpht.com/_u4gySN2ZgqE/SnVFmiSmYfI/AAAAAAAAAjY/oy9Mov0ttUA/icon_sb_sim%5B4%5D.gif?imgmax=800’/></a> <a expr:href=’"http://www.spurl.net/spurl.php?url=" + data:post.url + "&title=" + data:post.title’ expr:onmouseout=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"’ expr:onmouseover=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",11);"’ rel=’nofollow’ target=’_blank’><img alt=’Spurl’ src=’http://lh6.ggpht.com/_u4gySN2ZgqE/SnVFnSDDHYI/AAAAAAAAAjc/rreFKKk8y84/icon_sb_spu%5B4%5D.gif?imgmax=800’/></a> <a expr:href=’"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title’ expr:onmouseout=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"’ expr:onmouseover=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",17);"’ rel=’nofollow’ target=’_blank’><img alt=’Reddit’ src=’http://lh4.ggpht.com/_u4gySN2ZgqE/SnVFlgfMydI/AAAAAAAAAjU/s6JQW7sjXGQ/icon_sb_red%5B4%5D.gif?imgmax=800’/></a> <a expr:href=’"http://www.google.com/bookmarks/mark?op=add&bkmk=" + data:post.url + "&title="+data:post.title’ expr:onmouseout=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"’ expr:onmouseover=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",20);"’ rel=’nofollow’ target=’_blank’><img alt=’Google’ src=’http://lh4.ggpht.com/_u4gySN2ZgqE/SnVFj9KzF0I/AAAAAAAAAjM/JuLU-525wD8/icon_sb_goo%5B4%5D.gif?imgmax=800’/></a>
<script charset=’utf-8′ src=’http://bit.ly/javascript-api.js?version=latest&login=tweettrackjs&apiKey=R_7e9987b2fd13d7e4e881f9cbb168f523′ type=’text/javascript’/>
<a expr:href=’"http://api.tweetmeme.com/share?url="+data:post.url’ expr:onmouseout=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"’ expr:onmouseover=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",21);"’ rel=’nofollow’ target=’_blank’><img alt=’Twitter’ src=’http://lh5.ggpht.com/_u4gySN2ZgqE/SnVFp0q8DWI/AAAAAAAAAjo/ZajyLZ5HqSY/icon_sb_twitter%5B4%5D.png?imgmax=800’/></a> <a expr:href=’"http://www.facebook.com/sharer.php?u=" + data:post.url’ expr:onmouseout=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"’ expr:onmouseover=’"javascript:showsbtext(\"sbtxt" + data:post.id + "\",22);"’ rel=’nofollow’ target=’_blank’><img alt=’FaceBook’ src=’http://3.bp.blogspot.com/_u4gySN2ZgqE/Snq8BsUw8pI/AAAAAAAAAnM/T1ggoBrv6tk/s400/fbicon.png’/></a>
</td>
</tr>
</table><br/>
</span>
<!– Social Bookmarking Icons End www.best2know.info–>

Then You Are Done!!!!!

Jquery – Create Float Menu with Scroll Follow Effect

Hi! My name is Rizqy and I’m new as writer in this blog. Thanks to Ritesh for make me a writer. In this blog, I’ll write about javascript especially jquery, tips-trick windows, and maybe the other. In this occasion I’ll write about jquery javascript framework. Jquery is one of the most popular javascript framework. It has many plugin that we can use freely to beautify our blog or website.

Now I’ll share how to make a float menu with touching of jquery effect. The example of float menu we can see at http://spenasa-blogger.blogspot.com. Look at the left side, you will find a float menu with some menu of course. If we scroll the page, that menu will look like follow our scroll. We will use Jquery Scrool Follow plugin for this. You can go to the documentation page of this plugin at http://kitchen.net-perspective.com/open-source/scroll-follow.

Javascript

To use the plugins from Jquery, we must add the library script from jquery. Find </head> and paste the script below.

<script src=’http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js’ type=’text/javascript’/>

After that, add the script below. This script is the core of the jquery scroll follow and Jquery UI.

<script src=’http://mbahrizh.googlecode.com/files/jquery.scrollfollow.js’ type=’text/javascript’/>
<script src=’http://mbahrizh.googlecode.com/files/jquery-ui-1.7.2.custom.min.js’ type=’text/javascript’/>

Also add this script. This script for call the scroll follow effect.

<script type=’text/javascript’>
$( document ).ready( function ()
{
$( ‘#floatmenu’ ).scrollFollow();
}
);
</script>

CSS

This is the basic CSS. You can costumize it as your desire. Add the CSS below before ]]></b:skin>.

#floatmenu {background:#FFF; border: 2px solid #088A08; position: absolute; width: 40px; height: 200px; color: rgb(102, 102, 102); font-size: 12px; top: 100px; left: 0px; z-index: 1;}