i see alot of website are showing social bookmark on every post of there website/forums, and i want to knwo wat does it have to do with? and i would like also to add a few social bookmark on my blog on east post too, but i cant seems to find post-fooder dataost or some other etc.., ill show my blogs and the html code. http://proxyhell.blogspot.com/ #container { margin:0 auto; width:960px; background:url(http://s310.photobucket.com/albums/kk426/magznetwort/floral.jpg) no-repeat; } #site-name { font-size:26px; color:#fff; text-transform:uppercase; padding:16px 0; } #site-name .description { color:#7f7b57; font-size:10px; font-weight:normal; } #site-name a { color:#fff; text-decoration:none; } #site-name a:hover { color:#fff; text-decoration:none; border-bottom:1px solid #979579; } #container .spacer { height:22px; } /* nav */ #nav { padding:0; margin:0; } #nav li { float:left; margin:0 2px 0 0; padding:0; list-style:none; } #nav a { display:block; float:left; padding:9px 10px; font-size:10px; color:#8d8858; text-decoration:none; text-transform:uppercase; border-bottom:1px solid #2A2A26; } #nav a:hover { background:#22221f; color:#bfbb90; border-bottom:1px solid #4f4d36; } #nav .current_page_item a { background:#22221f; color:#bfbb90; border-bottom:1px solid #4f4d36; } /* search */ #search { width:233px; height:28px; overflow:hidden; float:right; background:url(http://s310.photobucket.com/albums/kk426//t/search-back.gif) no-repeat; margin:20px 0 0; } #search form { padding:0; margin:0; } #search .txtField { margin:5px 0 0 5px; width:150px; color:#fff; background:transparent; font-size:11px; border-style:none; } #search .btnSearch { width:73px; height:28px; border-style:none; float:right; background:transparent; cursor:pointer; margin:0; } /* rss */ .rss a { display:block; width:206px; height:68px; font-size:10px; overflow:hidden; text-indent:-300px; background:url(http://s310.photobucket.com/albums/kk426/magznetwork/t/link-rss.gif) no-repeat 0 0; float:right; margin:80px 0 0 0; } .rss a:hover { background:url(http://s310.photobucket.com/albums/kk426//t/link-rss.gif) no-repeat 0 -68px; } /* first post home page */ #post-one { padding:30px 0 30px 4px; width:700px; color:#c0c0b4; font-size:11px; line-height:16px; } #container .column01 #post-one { font-size:12px; line-height:20px; } .column01 a { color:#c0c0b4; text-decoration:underline; } .column01 a:hover { color:#fff; text-decoration:none; } .column01 { width:720px; overflow:hidden; float:left; } .column01 #recent-posts { margin-top:30px; padding-bottom:0px; } #post-one h2 { padding:0 0 4px; display:inline; margin:0; color:#efeee8; font-size:22px; line-height:26px; font-weight:normal; background:url(); } #post-one h2 a { color:#efeee8; text-decoration:none; } #post-one h2 a:hover { color:#fff; text-decoration:none; border-bottom:1px solid #979579; } #post-one .meta { display:block; font-size:10px; color:#939072; } #post-one .meta a { color:#939072; text-decoration:none; border-bottom:1px solid #49483c; } #post-one .meta a:hover { color:#efeee8; text-decoration:none; border-bottom:1px solid #efeee8; } #post-one .btn-first-readon a { display:block; float:right; width:90px; height:19px; background:url(http://s310.photobucket.com/albums/kk426/magznetwork/t/btn-first-post.gif) no-repeat 0 0; font-size:10px; overflow:hidden; text-indent:-400px; } #post-one .btn-first-readon a:hover { background:url(http://s310.photobucket.com/albums/kk426//t/btn-first-post.gif) no-repeat 0 -19px; } .alignright { float:right; margin:10px 4px 10px 10px; } .alignleft { float:left; margin:10px 10px 10px 4px; } #post-one img { border:none; } #post-one a img { border:2px solid #C0C0B4; } #post-one a:hover img { border:2px solid #fff; } /* category name */ #category { font-size:11px; padding:0 0 12px; color:#7f7b57; } #category .category-name { font-size:12px; font-weight:bold; color:#fff; } /* recent posts */ #recent-posts { padding:0 0 20px; } #recent-posts .home-post { float:left; width:228px; height:257px; overflow:hidden; background:url(http://s310.photobucket.com/albums/kk426/magznetwork/t/home-post-back.gif) no-repeat; font-size:11px; line-height:15px; color:#c6c6b9; margin:0 12px 12px 0; } #recent-posts .upper { height:205px; overflow:hidden; padding:14px 18px 0; position:relative; } #recent-posts .fade { position:absolute; top:200px; left:5px; width:218px; height:20px; background:url(http://s310.photobucket.com/albums/kk426//t/home-post-fade.png) no-repeat bottom; } #recent-posts .home-post .upper .intro-post { margin:8px 0; } #recent-posts .home-post .upper .intro-post p, #recent-posts .home-post .upper .intro-post span, #recent-posts .home-post .upper .intro-post div { font-size:11px; font-weight:normal; text-decoration:none; font-style:normal; padding:0; margin:0; display:inline; } #recent-posts .home-post .upper .intro-post sub, #recent-posts .home-post .upper .intro-post sup, #recent-posts .home-post .upper .intro-post b, #recent-posts .home-post .upper .intro-post strong, #recent-posts .home-post .upper .intro-post em, #recent-posts .home-post .upper .intro-post u { font-size:11px; font-weight:normal; text-decoration:none; font-style:normal; } #recent-posts .home-post .upper .intro-post h1, #recent-posts .home-post .upper .intro-post h2, #recent-posts .home-post .upper .intro-post h3, #recent-posts .home-post .upper .intro-post h4, #recent-posts .home-post .upper .intro-post h5, #recent-posts .home-post .upper .intro-post h6, #recent-posts .home-post .upper .intro-post hr, #recent-posts .home-post .upper .intro-post blockquote, #recent-posts .home-post .upper .intro-post pre, #recent-posts .home-post .upper .intro-post code, #recent-posts .home-post .upper .intro-post br, #recent-posts .home-post .upper .intro-post img, #recent-posts .home-post .upper .intro-post object { display:none; } #recent-posts .home-post h3 { padding:0 0 2px; display:inline; margin:0; color:#efeee8; font-size:15px; line-height:18px; font-weight:normal; background:url(http://s310.photobucket.com/albums/kk426/magznetwork/t/header-back-2.gif); } #recent-posts .home-post h3 a { color:#efeee8; text-decoration:none; } #recent-posts .home-post h3 a:hover { color:#fff; text-decoration:none; border-bottom:1px solid #979579; } #recent-posts .home-post .meta { font-size:10px; color:#939072; line-height:12px; display:block; padding:3px 0 0; } #recent-posts .home-post .meta a { color:#939072; text-decoration:none; border-bottom:1px solid #49483c; } #recent-posts .home-post .meta a:hover, #recent-posts .lower-meta a:hover { color:#efeee8; text-decoration:none; border-bottom:1px solid #efeee8; } #recent-posts .btn-readon a { display:block; float:right; width:98px; height:19px; background:url(http://s310.photobucket.com/albums/kk426//t/btn-post.gif) no-repeat 0 0; font-size:10px; overflow:hidden; text-indent:-400px; margin:10px 0 0 0; } #recent-posts .btn-readon a:hover { background:url(http://s310.photobucket.com/albums/kk426/magznetwork/t/btn-post.gif) no-repeat 0 -19px; } #recent-posts .lower-meta a { font-size:10px; display:block; float:left; padding:12px 0 0 34px; color:#939072; line-height:12px; border-style:none; } #recent-posts .lower-meta a:hover { border-style:none; } /* search results */ .search-results { color:#fff; font-size:12px; padding:12px 0; } .search-results .bigger { color:#fff; font-size:14px; } /* single template column 02 posts */ #column02 { float:right; width:238px; overflow:hidden; padding-top:30px; } #column02 .widget{ float:left; width:238px; overflow:hidden; background:url(http://s310.photobucket.com/albums/kk426/t/widget2.gif) top left no-repeat; font-size:11px; line-height:15px; color:#c6c6b9; margin:0 12px 15px 0; padding:14px 0 0 0; overflow:hidden; } #column02 .widget img{ max-width:200px; } #column02 .widget h2 { padding:0 18px 2px; margin:0; color:#efeee8; font-size:14px; line-height:18px; font-weight:normal; } #column02 .widget h2 a { color:#efeee8; text-decoration:none; } #column02 .widget h2 a:hover { color:#fff; text-decoration:none; border-bottom:1px solid #979579; } #column02 .widget .widget-content, #column02 .widget #Followers1-wrapper{ overflow:hidden; background:url(http://s310.photobucket.com/albums/kk426/magznetwork/t/widget-bottom2.gif) bottom left no-repeat; padding:0px 18px 10px; position:relative; } #column02 .widget ul { padding:0; margin:0; } #column02 .widget li { padding:0; margin:0; list-style:none; border-top:1px solid #434340; display:block; padding:5px 10px 5px 20px; font-size:11px; line-height:16px; background:url(http://s310.photobucket.com/albums/kk426//t/bullet.gif) no-repeat 6px 8px; } #column02 .widget li:hover { background:url(http://s310.photobucket.com/albums/kk426/magznetwork/t/bullet-on.gif) no-repeat 7px 8px #000; } #column02 .widget a { text-decoration:none; color:#7f7b57; } #column02 .side-post { float:left; width:228px; height:191px; overflow:hidden; background:url(http://s310.photobucket.com/albums/kk426//t/side-post-back.gif) no-repeat; font-size:11px; line-height:15px; color:#c6c6b9; margin:0 12px 12px 0; } #column02 .upper { height:138px; overflow:hidden; padding:14px 18px 0; position:relative; } #column02 .fade { position:absolute; top:132px; left:5px; width:218px; height:20px; background:url(http://s310.photobucket.com/albums/kk426/magznetwork/t/home-post-fade.png) no-repeat bottom; } #column02 .side-post h3 { padding:0 0 2px; margin:0; color:#efeee8; font-size:14px; line-height:18px; font-weight:normal; } #column02 .side-post h3 a { color:#efeee8; text-decoration:none; } #column02 .side-post h3 a:hover { color:#fff; text-decoration:none; border-bottom:1px solid #979579; } #column02 .side-post .meta { font-size:10px; color:#939072; line-height:12px; } #column02 .side-post .meta a { color:#939072; text-decoration:none; border-bottom:1px solid #49483c; } #column02 .side-post .meta a:hover { color:#efeee8; text-decoration:none; border-bottom:1px solid #efeee8; } #column02 .btn-readon a { display:block; float:right; width:98px; height:19px; background:url(http://s310.photobucket.com/albums/kk426//t/btn-post.gif) no-repeat 0 0; font-size:10px; overflow:hidden; text-indent:-400px; margin:10px 0 0 0; } #column02 .btn-readon a:hover { background:url(http://s310.photobucket.com/albums/kk426/magznetwork/t/btn-post.gif) no-repeat 0 -19px; } #column02 .lower-meta a { font-size:10px; display:block; float:left; padding:12px 0 0 34px; color:#939072; line-height:12px; border-style:none; } #column02 .lower-meta a:hover { text-decoration:none; color:#fff; } #column02 .sub-txt { font-size:10px; display:block; float:left; padding:12px 0 0 18px; color:#939072; line-height:12px; border-style:none; } /* older and newer post links */ #page-nav { font-size:11px; height:10px; } #page-nav .older a { display:block; float:left; background:url(http://s310.photobucket.com/albums/kk426//t/arrow-left.gif) no-repeat 0 50%; color:#b3b091; padding-left:15px; } #page-nav .older a:hover { background:url(http://s310.photobucket.com/albums/kk426/magznetwork/t/arrow-left-on.gif) no-repeat 0 50%; text-decoration:none; } #page-nav .newer a { display:block; float:right; background:url(http://s310.photobucket.com/albums/kk426/t/arrow-right.gif) no-repeat 100% 50%; color:#b3b091; padding-right:15px; } #page-nav .newer a:hover { background:url(http://s310.photobucket.com/albums/kk426/magznetwork/t/arrow-right-on.gif) no-repeat 100% 50%; text-decoration:none; } /* comments */ /* comment form styles */ .comments-PII, .comments-PII-2 { float:left; } .comments-PII { width:230px; padding:20px 20px 20px 0; } .comments-PII-2 { width:310px; padding:20px 0 0 0; } .comments-PII input { color:#fff; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #434340; width:220px; background:url(http://s310.photobucket.com/albums/kk426//t/pattern-back.gif); padding:5px; } .comments-PII-2 textarea { color:#fff; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #434340; width:300px; height:180px; background:url(http://s310.photobucket.com/albums/kk426/magznetwork/t/pattern-back.gif); padding:5px; } .comments-PII-2 input { color:#fff; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:11px; border-style:none; padding:0; width:93px; height:26px; background:url(http://s310.photobucket.com/albums/kk426//t/btn-comment.gif) no-repeat 0 0; cursor:pointer; padding:1px 0 0; } .comments-PII-2 input:hover { background:url(http://s310.photobucket.com/albums/kk426/magznetwork/t/btn-comment.gif) no-repeat 0 -26px; } .note { font-size:10px; color:#939072; } /* comment list styles */ #comment-list { font-size:12px; padding:10px 0; } #comment-list .bigger, cite { font-weight:normal; font-size:14px; line-height:22px; } .comment-left { padding:20px 0; background:url(http://s310.photobucket.com/albums/kk426//t/comment-break.gif) no-repeat; } .alt { background:url(http://s310.photobucket.com/albums/kk426/magznetwork/t/comment-break-alt.gif) no-repeat; } .comment-meta { float:left; width:160px; margin-right:10px; font-size:14px; font-weight:bold; } .avatar { border:2px solid #C0C0B4; } .comment-metadata { font-size:11px; font-weight:normal; } .comment-metadata a, .comment-meta a, comments-PII a, comments-PII-2 a, cite a { color:#fff; text-decoration:none; } .comment-metadata a:hover, .comment-meta a:hover, comments-PII a:hover, comments-PII-2 a:hover, cite a:hover { text-decoration:underline; } .comment-txt { float:left; width:500px; padding-left:20px; font-size:12px; line-height:20px; } /* lower section */ .lower-outer { background:url(http://s310.photobucket.com/albums/kk426//t/lower.gif) repeat-x; } #lower { padding:30px 0 0; width:960px; margin:0 auto; } #lower .title { font-size:12px; font-weight:bold; display:block; padding:3px 16px 8px; color:#fff; } #lower .module, #lower .module-mid, #lower .module-end { width:300px; background:url(http://s310.photobucket.com/albums/kk426/magznetwork/t/lower-back.gif) repeat-y; border-bottom:1px solid #434340; overflow:hidden; } #lower .top { background:url(http://s310.photobucket.com/albums/kk426//t/lower-top.gif) no-repeat; height:9px; line-height:0; font-size:0; } #lower .module, #lower .module-mid { margin-right:22px; float:left; } #lower .module-end { float:left; } #lower .widget{ font-size:11px; color:#7f7b57; } #lower .widget-content, #lower #Followers1-wrapper{ font-size:11px; color:#7f7b57; width:270px; margin:5px auto 15px; padding:0; } #lower .widget img{ max-width:270px; } #lower .widget h2 { font-size:12px; font-weight:bold; display:block; padding:3px 16px 8px; color:#fff; } #lower .widget ul { padding:0; margin:0; } #lower .widget li { padding:0; margin:0; list-style:none; border-top:1px solid #434340; display:block; width:240px; padding:5px 10px 5px 20px; font-size:11px; line-height:16px; background:url(http://s310.photobucket.com/albums/kk426/magznetwork/t/bullet.gif) no-repeat 6px 8px; color:#7f7b57; } #lower .widget li:hover { background:url(http://s310.photobucket.com/albums/kk426//t/bullet-on.gif) no-repeat 7px 8px #000; } #lower .widget a { text-decoration:none; color:#C6C6B9; } #lower .listMeta { font-size:10px; } #lower a .listMeta { font-size:10px; color:#7f7b57; } #lower .widget2 { width:270px; float:left; margin-right:20px; overflow:hidden; border:1px solid #434340; padding:12px; background:url(http://s310.photobucket.com/albums/kk426/magznetwork/t/pixel-grey.gif); color:#fff; } #lower .widget2 a { display:inline; } /* footer */ #footer { width:940px; margin:0 auto; padding:170px 0 20px; font-size:10px; line-height:14px; text-align:right; color:#6a6a67; background:url(http://s310.photobucket.com/albums/kk426/t/footer.gif) no-repeat; } #footer a { color:#6a6a67; text-decoration:none; border-bottom:1px solid #424133; } #footer a:hover { color:#fff; border-style:none; } .metamessage { margin:40px 10px 10px 10px; display:block; font-size:12px; color:#939072; } #blog-pager-newer-link { font-size:12px; float: left; } #blog-pager-older-link { font-size:12px; float: right; } #blog-pager { font-size:12px; text-align: center; } ]]></b:skin> <!--[if IE 6]> <style type="text/css" media="screen" > #recent-posts .fade, #column02 .fade { background:none; } </style> <![endif]--> </head> <body> <div id='container'> <b:section id='navsection' maxwidgets='1' showaddelement='no'> <b:widget id='LinkList1' locked='true' title='Top Menu' type='LinkList'/> </b:section> <br clear='all'/> <div id='search'><form action='/search' id='searchform' method='get'> <input class='btnSearch' id='searchsubmit' type='submit' value=''/> <input class='txtField' id='s' name='q' type='text' value=''/> </form></div> <div id='site-name'> <b:section class='headerleftsect' id='headerleftsect' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='.:'`':.Proxy Hell.:'`':. (Header)' type='Header'/> </b:section> </div> <div class='column01'> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> </b:section> </div> <div id='column02'> <b:section id='sidebarsection' preferred='yes'> <b:widget id='HTML2' locked='false' title='' type='HTML'/> <b:widget id='HTML1' locked='false' title='' type='HTML'/> <b:widget id='HTML3' locked='false' title='' type='HTML'/> </b:section> </div> <br clear='all'/> <div class='spacer'/> </div> <div class='lower-outer'> <div id='lower'> <div class='module'> <div class='top'/> <b:section id='lowerleftsect'> <b:widget id='Label1' locked='false' title='Labels' type='Label'/> <b:widget id='HTML4' locked='false' title='' type='HTML'/> <b:widget id='HTML5' locked='false' title='' type='HTML'/> </b:section> </div> <div class='module-mid'> <div class='top'/> <b:section id='lowercentersect'> <b:widget id='Feed1' locked='false' title='Recent Posts' type='Feed'/> </b:section> </div> <div class='module-end'> <div class='top'/> <b:section id='lowerrightsect'> <b:widget id='Feed2' locked='false' title='Recent Comments' type='Feed'/> <b:widget id='LinkList2' locked='false' title='Friends' type='LinkList'/> </b:section> </div> <br clear='all'/> </div> <div id='footer'> </div> Code (markup): please help, i will give u reps or thanks, everything that i can do for a "social bookmark button "
Sociable is a good WP plugin http://wordpress.org/extend/plugins/sociable/ And there's also AddThis, which is really really easy to setup http://www.addthis.com/
i agree with Kerosene. addthis.com is useful for you. just create a account, choose the buttons and copy & paste the code with your blog template.
It gets your site 'out there'. When people bookmark you on del.icio.us, Furl, Ma.gnolia, Stumbleupon, etc - it's just another link back to your site. Most of them are nofollow, but the idea is to get humans onto your site anyway.