Showing posts with label bookmarks. Show all posts
Showing posts with label bookmarks. Show all posts

How To Add Twitter Official Tweet Buttons to Blogger



Few days ago Twitter has introduced their own tweet buttons for web masters.Now you can use this twitter button directly share your posts through twitter without any third party web site.So you and your visitors don't want to authenticate any third party web site to access your Twitter account.These new tweet button loads very fast and anyone can share your article with in few seconds.There are 3 types of Beautiful Tweet buttons : Vertical count, Horizontal count and No count.Here I am going to describe how to add these Twitter buttons to your blogger blog.

If you like o add these Twitter official share button to your blogger blog,then follow the steps given below.



1.Login to your blogger Dashboard--> Design- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see below code:


4.Now Copy your "Twitter tweet button" code and paste it just below the above code.

NOTE: If you can't find
in your template, paste your "Twitter tweet button" code just before .

Code 1 : Vertical Count



Result:


Code 2 : Horizontal Count



Result:


Code 3 : No Count



Result:


Note :
Remember to replace "TWITTER-USERNAME" with your real Twitter username.

If you want to show Tweet buttons not only Post pages but also Home page,Archive pages,Label pages,etc... , then remove "" and "" from above codes.

5.Now save your template.

You can view more info from here:

http://twitter.com/goodies/tweetbutton

Want to build a custom tweet button for your site? Check out developer documentation for the Sharing API to provide the same Tweet Button sharing functionality with your own style :

http://dev.twitter.com/pages/tweet_button




How To Add Blogger Official Share Buttons



In this tutorial I will explains, how to add blogger new share buttons to your blogspot blog.This will more helpful if your template is a highly customized blogger template.But your template is a blogger default template, then you can add this share buttons editing the Blog Posts widget and enabling Show Share Buttons in Page Elements section.



But this method does not work for you,follow the steps given below to add blogger share buttons to your blog.


Blogger now offers new share buttons. The new buttons can be placed under each post and let your blog readers easily share your post via email, Blogger, and popular social networks—we now support Google Buzz, Twitter, and Facebook, and we plan to add more services in the future.
-From Blogger Buzz


1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see below code:

Blogger Share Buttons


4.Now Copy below "Blogger Sharing buttons" code and paste it just below the above code.

NOTE: If you can't find
in your template, paste "Blogger Sharing buttons" code just before .







This will show blogger sharing buttons below post header.But if you want to show share buttons below blogger post,then paste your code just after .

5.Now save your template and you are done.




How To Add Social Sexy Bookmarks v2 to Blogger



This is the second version of "How To Add Sexy Social Bookmark to Blogger".The creator of Sexy Social Bookmarks is http://www.cssreflex.com/.For second version of sexy social bookmarks, you have to use jquery.I hosted sexy bookmarks images(2 images) in google code or other hosting service.Don't try to host images in blogger.If you do so this sexy bookmark widget will not work correctly.Below I explain how to add this sexy bookmarks v2 for your blogspot blog.If you like to add it to your blog then follow the steps given below.



1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see tag.

4.Now add below code before tag.





NOTE : Download Image Files

5.Scroll down to where you see tag.

6.Copy below code and paste it just after .




7.Now save your template and you are done.




20 Free Beautiful Social Media Icon Sets Collection



This is my another beautiful high quality social media icon collection for you.I think you will like this social icons very much.You can get these social icons directly from the authors websites.If you want to read my previous social media icon collection read below posts:

23 Free High Quality Social Media Icons Sets

Beautiful 3D Social Bookmark Icons Sets For Bloggers

Free Premium Quality Social Media Icons Collection

65 Bookmarks And Social Icons

65 freeware icons of Web 2 Social Bookmarks and Networks for use in blogs, websites, etc...Sizes: 128x128 64x64 32x32 16x16 | 260 Total icons.


Download : http://studiom6.deviantart.com/art/65-Bookmarks-And-Social-Icons-120098825

Ultra Glossy Silver Button Social Media Icons



Download : http://webtreats.mysitemyway.com/ultra-glossy-silver-button-social-media-icons/

108 Glossy Black Comment Bubble Icons



Download : http://webtreats.mysitemyway.com/108-glossy-black-comment-bubble-social-networking-icons/

154 Matte Black Social Media Icons



Download : http://webtreats.mysitemyway.com/154-matte-black-social-media-icons/

Social.me

Social.me is an icon set consisting of 30 individual icons of the popular social networks/Web 2.0 sites out there.

The icons are iPhone-inspired and is based on the template provided by Tim (www.lostpixel.com) @ MacThemes Forum.Feel free to use these icons anywhere on your website, blog, or even in print.


Download : http://jwloh.deviantart.com/art/Social-me-90694011

Black Inlay on Steel Social Media



Download : http://webtreats.mysitemyway.com/iconsetc-black-inlay-on-steel-social-media-icons/

Social Media Balloons

The icons come in different sizes (from 32px to 128px) and they are in 32-bit transparent PNG format. The set is free for both personal and commercial use (under Creative Commons Licence, attribution is needed). However, resell is not allowed. If you want to integrate them into a website template which is for sale (e.g. WordPress theme, Social bookmark plugin, etc), you need to purchase an extended license.


Download : http://www.doublejdesign.co.uk/2010/03/social-media-balloons/

Social Media Balloons 2



Download : http://www.doublejdesign.co.uk/2010/04/more-social-media-balloons/

Social Jeans



Download : http://nishad2m8.deviantart.com/art/jeans-social-media-icon-pack-131069708

Simple Glossy Silver Social Media Icons



Download : http://webtreats.mysitemyway.com/simple-glossy-silver-social-media-icons/

Social 2 Duo



Download : http://iconblock.com/goodies/icons/

OLED Social Icons

Contents:21 icons
- 256x256px,- 128x128px,- 96x96px,- 64x64px,- 48x48px,- 32x32px,- 16x16px21


Download : http://arrioch.deviantart.com/art/OLED-social-icons-151238966

Furry Cushions Social Icons

You can use the set for all of your projects for free and without any restrictions. You can freely use it for both your private and commercial projects, including software, online services, templates and themes. The set may not be resold, sublicensed, rented, transferred or otherwise made available for use. Please link to this article if you would like to spread the word.


Download : http://www.cutelittlefactory.com/freebies/furry-cushions-social-icons/

Free Social Media Icon Set Chrome

This set includes 19 social networks along with a standard RSS icon in PNG format.


Download : http://www.chris-wallace.com/2009/05/28/free-social-media-icons-socialize/

Wooden Social Media Icons

This is a set of free Social Bookmarking icons which is in Wooden style. Icons are in editable PSD and PNG formats so they can be customized as per your requirement.


Download : http://annanta.com/archive/wooden-social-media-icons/

Free 3D Social

Free 3D Social Icons are a free icon collection ideal for Web sites and applications associated with all sorts of social networks. The pack delivers images depicting various communication technologies and Web sites.

The icons from the pack come in sizes of 16x16, 20x20, 24x24, 32x32, 48x48, 64x64, and 128x128 pixels, as well as in specially created, extra large sizes of 256x256 and 512x512 pixels. The icons are available in True Color with semi-transparency format. They are delivered in all of the following formats: ICO, PNG, GIF and BMP. Source files in 3D-Max format are also available.

This fabulous icon pack is available for instant free download!


Download : http://www.large-icons.com/stock-icons/free-3d-social-icons.htm

Grunge Social



Download : http://www.box.net/shared/hxycdc1m8z

Large Delicious Icons

Large Delicious Icons are a free icon collection ideal for Personal blogs and Web-pages. This set pictures the well-known Delicious symbol in lots of fresh and attractive variations.

The icons from the pack come in sizes of 16x16, 24x24, 32x32, 48x48 and 128x128 pixels, as well as in specially created, extra large sizes of 256x256 and 512x512 pixels. The icons are available in True Color with semi-transparency format. They are delivered in all of the following formats: ICO, PNG, GIF and BMP.

This fabulous icon pack is available for instant free download!


Download : http://www.large-icons.com/stock-icons/large-delicious-icons.htm

Social Media Price Tag

The source file (PSD) is included, as well as two sizes of PNGs (250×150 px & 125×75 px). You can use these icons for personal and commercial projects at free of charge.


Download : http://deepubalan.com/blog/2009/12/14/high-resolution-social-media-iconset-for-free-price-tag-style/

Woodgrain A Free Social Media Icon Set



Download : http://www.chris-wallace.com/2009/06/30/woodgrain-a-free-social-media-iconset/




How To Add Twittley Retweet Counter Buttons to Blogger



Twittley is a social network for users to find and share links on Twitter.Harness the power of social networks and viral marketing with the Twittley button. Millions of users use Twitter as a social network so it only makes sense to get your link out to those users.

When a Twitter user arrives at your site, they'll quickly see the distinctive Twittley button. When they click on the button your link will automatically be posted onto their Twitter status so all of their followers can then see the link. Your link will also appear on the Twittley web site where the community can then retweet and comment. All of this is done without the user leaving your site, Twittley does everything behind the scenes.

In this post I explain how to add a Twittley Retweet Counter Button to your blogger blog.If you like to add this Twittley retweet button to your blog then follow the steps given below.

1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see below code:




4.Now Copy your "Twittley Retweet" bookmarking buttons code and paste it just below the above code.

NOTE: If you can't find
in your template, paste your "Twittley Retweet" bookmarking buttons code just before .

Code 1:

How To Add Facebook Like/Recommend Button For Blogger



This tutorial will explains how to add facebook like/Recommend button to your blogger blog and how configure it as you like.To add this facebook like button to your blog follow steps given below.

The Like button enables users to make connections to your pages and share content back to their friends on Facebook with one click. Since the content is hosted by Facebook, the button can display personalized content whether or not the user has logged into your site. For logged-in Facebook users, the button is personalized to highlight friends who have also liked the page.




1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see below code:


4.Now Copy your "StumbleUpon" bookmarking buttons code and paste it just below the above code.

NOTE: If you can't find
in your template, paste your "StumbleUpon" bookmarking buttons code just before .