| Blogger Tips And Tricks|Latest Tips For Bloggers Blogger Tips And Tricks|Latest Tips For Bloggers Wed, 08 Jun 2022 17:31:30 +0000 en-US hourly 1 How To Add Perfect Share Box to Blogger https://www.bloggertipandtrick.net/how-to-add-perfect-share-box-to-blogger/ https://www.bloggertipandtrick.net/how-to-add-perfect-share-box-to-blogger/#comments Tue, 22 Jan 2013 06:04:00 +0000 http://www.bloggertipandtrick.net/2011/04/how-to-add-perfect-share-box-to-blogger.html In this tutorial, I am going to show how to add a useful share box for your blogger blog. This share box contains official Tweet button with counter, official Facebook share button with counter, official Google plus button with counter, official Stumbleupon button with counter, Pinterest button, Linkedin button, Print button and Facebook like button. […]

The post How To Add Perfect Share Box to Blogger appeared first on Blogger Tips And Tricks|Latest Tips For Bloggers.

]]> In this tutorial, I am going to show how to add a useful share box for your blogger blog. This share box contains official Tweet button with counter, official Facebook share button with counter, official Google plus button with counter, official Stumbleupon button with counter, Pinterest button, Linkedin button, Print button and Facebook like button. I have configure all this button for Blogger blogs, so you can add this share box quickly to your blog.

Tutorial Updated : 2013/01/22

Perfect Share Box for Blogger Blogs

Now follow the steps given below to add this share box for your blog.

1.Go to "Template" --> "Edit HTML" of your blog.

2.Click on "Expand Widget Templates"

3.Add this code just above <head> tag:

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'>
{lang: 'en-US'}
</script>

4.Now Scroll down to where you see below code:

<div class='post-header-line-1'/>
 

5.Copy Share Box code given below and paste it just below the above code.

NOTE: If you can't find <div class='post-header-line-1'/> in your template, paste your "Share Box" code just before <data:post.body/> .

<b:if cond='data:blog.pageType == "item"'>

<style type='text/css'>
.multisharebox{background:none repeat scroll 0 0 #EFEFEF;float:right;margin:5px 0 3px 10px;padding:0 5px 0;text-shadow:0 1px 0 #FFF;width:260px;border:4px solid #d8dfea}
.multisharebox table{margin-bottom:0 !important}
.multisharebox td{padding:4px 3px !important}
.fb-like-boxtop{background:none repeat scroll 0 0 #EDEFF4;border:1px solid #D8DFEA;color:#000;float:right;font-size:11px;margin:0 0;padding:5px 10px;text-align:left;width:230px}
.fb-like-boxtop a{color:#000;text-decoration:none}
.fb-like-boxtop a:hover{color:#000;text-decoration:underline}
.fb-like-box{background:none repeat scroll 0 0 #EDEFF4;border:1px solid #D8DFEA;color:#000;float:right;font-size:11px;height:60px;margin:5px 0;overflow:hidden;padding:5px 10px;text-align:left;width:230px}
</style>

<!-- Perfect Share Box : Created by www.bloggertipandtrick.net  -->
<div class='multisharebox'>
<table><tr>
<td><table><tr>
<td><a class='twitter-share-button' data-count='vertical' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'/>
<b:if cond='data:post.isFirstPost'>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'>
</script>
</b:if></td>
<td><script expr:src='&quot;http://www.stumbleupon.com/hostedbadge.php?s=5&amp;r=&quot; + data:post.url'/></td>
<td><g:plusone size="tall" expr:href="data:post.canonicalUrl"/></td>
<td><a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></td>
</tr></table></td>
</tr><tr>
<td><div class='fb-like-boxtop'><a class='pin-it-button' count-layout='none' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'>Pin It Now!</a>
<a href='javascript:void(run_pinmarklet())' style='height:20px; display:inline-block;'/>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<script type='text/javascript'>
function run_pinmarklet() {
var e=document.createElement(&#39;script&#39;); e.setAttribute(&#39;type&#39;,&#39;text/javascript&#39;);
e.setAttribute(&#39;charset&#39;,&#39;UTF-8&#39;);
e.setAttribute(&#39;src&#39;,&#39;http://assets.pinterest.com/js/pinmarklet.js?r=&#39; + Math.random()*99999999);
document.body.appendChild(e);
}
</script> <script src='http://platform.linkedin.com/in.js' type='text/javascript'/><script data-counter='right' expr:data-url='data:post.url' type='in/share'/> <a href='javascript:window.print();'><img src='http://4.bp.blogspot.com/-2gJyVWWzvxo/UP4jFrCs6-I/AAAAAAAAECY/WE5hMFoeSwA/s1600/printbutton.png'/></a></div></td>
</tr><tr>
<td><div class='fb-like-box'>
Do you like this post?
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=230&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:230px; height:40px;'/>
</div></td>
</tr></table>
</div>
<!-- Perfect Share Box : Created by www.bloggertipandtrick.net  -->

</b:if>

Note : This share box now will add to your Blogger post pages only. If you want to show it in every pages, then simply remove green lines from the code.

6. Save your template and you are done.

The post How To Add Perfect Share Box to Blogger appeared first on Blogger Tips And Tricks|Latest Tips For Bloggers.

]]> https://www.bloggertipandtrick.net/how-to-add-perfect-share-box-to-blogger/feed/ 39 How To Add PrintFriendly Button for Blogger https://www.bloggertipandtrick.net/how-to-add-printfriendly-button-for-blogger-blogspot-websites/ https://www.bloggertipandtrick.net/how-to-add-printfriendly-button-for-blogger-blogspot-websites/#comments Tue, 04 Dec 2012 01:34:47 +0000 http://www.bloggertipandtrick.net/?p=3520 Print Friendly helps you save paper and ink when you print. Plus you get great reading printed documents. Their algorithm cleans optimizes webpages for print. Print Friendly remove the ads, navigation, and junk you don't want to print. You can customize your print outs by removing content and images and you can print, or get […]

The post How To Add PrintFriendly Button for Blogger appeared first on Blogger Tips And Tricks|Latest Tips For Bloggers.

]]> Print Friendly helps you save paper and ink when you print. Plus you get great reading printed documents. Their algorithm cleans optimizes webpages for print. Print Friendly remove the ads, navigation, and junk you don't want to print. You can customize your print outs by removing content and images and you can print, or get PDF of your custom page.

PrintFriendly button available for Blogger, WordPress and any other website.

Features:

  • Print Preview: Optimizes and displays content for print.
  • Edit Before Printing: Remove images, text, and print only what you want.
  • Print or Save as PDF: Print now, or save for later as a PDF.

PrintFriendly Button

1. First go to PrintFriendly website : http://www.printfriendly.com/button

2. Choose "Blogger/Blogspot" as site type.

Choose Site Type as Blogger

3. There are different types of button style. Choose the button style you prefer.

PrintFriendly button styles

4. Under "Features" section you can select, enable or disable different options of PrintFriendly button.

PrintFriendly button features

5. Finally click on "Install Blogger Widget" button. It will redirect you to Blogger.com and will ask to select your blog to add PrintFriendly button as a widget. Select your blog name and click on "Add Widget".

Now you have successfully added PrintFriendly button to your blogger blog.

The post How To Add PrintFriendly Button for Blogger appeared first on Blogger Tips And Tricks|Latest Tips For Bloggers.

]]> https://www.bloggertipandtrick.net/how-to-add-printfriendly-button-for-blogger-blogspot-websites/feed/ 2 How To Add "Linkedin" Share Button with Counter to Blogger https://www.bloggertipandtrick.net/add-linkedin-share-button-to-blogger/ https://www.bloggertipandtrick.net/add-linkedin-share-button-to-blogger/#comments Thu, 03 Feb 2011 18:51:00 +0000 http://www.bloggertipandtrick.net/2011/02/how-to-add-linkedin-share-button-with-counter-to-blogger.html LinkedIn operates the world’s largest professional network on the Internet with more than 90 million members in over 200 countries and territories. LinkedIn has created wide opportunities for many people. There are also a number of people who are very curious to know how to view LinkedIn profile as someone else. Linkedin has also introduced […]

The post How To Add "Linkedin" Share Button with Counter to Blogger appeared first on Blogger Tips And Tricks|Latest Tips For Bloggers.

]]> LinkedIn operates the world’s largest professional network on the Internet with more than 90 million members in over 200 countries and territories. LinkedIn has created wide opportunities for many people. There are also a number of people who are very curious to know how to view LinkedIn profile as someone else. Linkedin has also introduced the Linkedin share button for websites,blogs to enable their readers and visitors to share the articles of those websites easily on Linkedin. LinkedIn is a place where busy and on-the-go professionals rely on their network to stay informed and make decisions. There were nearly two billion people searches on LinkedIn in 2010.

You can add a Linkedin share button to your website and enable visitors to share your content with their network.

In this tutorial I am going to explain how to add a Linkedin share button to your blogger blog.

There are 3 types of Linkedin share buttons : Vertical count, Horizontal count and No count.

Linkedin share button types

If you like to add these Linkedin 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:

<div class='post-header-line-1'/>
 

4.Now Copy your "Linkedin share button" code and paste it just below the above code.

NOTE: If you can't find <div class='post-header-line-1'/> in your template, paste your "Linkedin share button" code just before <data:post.body/> .

Code 1 : Vertical Count

<b:if cond='data:blog.pageType == "item"'>
<div style='float:right;margin-left:10px;'>
<script src='http://platform.linkedin.com/in.js' type='text/javascript'/><script data-counter='top' expr:data-url='data:post.url' type='in/share'/>
</div>
</b:if>

Result:

Code 2 : Horizontal Count

<b:if cond='data:blog.pageType == "item"'>
<div style='float:right;margin-left:10px;'>
<script src='http://platform.linkedin.com/in.js' type='text/javascript'/><script data-counter='right' expr:data-url='data:post.url' type='in/share'/>
</div>
</b:if>

Result:

Code 3 : No Count

<b:if cond='data:blog.pageType == "item"'>
<div style='float:right;margin-left:10px;'>
<script src='http://platform.linkedin.com/in.js' type='text/javascript'/><script expr:data-url='data:post.url' type='in/share'/>
</div>
</b:if>

Result:

5.Now save your template.

Refresh your site. Now you can see Linkedin share buttons in every post pages.

You can view more info from here: http://www.linkedin.com/publishers

The post How To Add "Linkedin" Share Button with Counter to Blogger appeared first on Blogger Tips And Tricks|Latest Tips For Bloggers.

]]> https://www.bloggertipandtrick.net/add-linkedin-share-button-to-blogger/feed/ 11 How To Let Visitors to Listen Your Blogger Post https://www.bloggertipandtrick.net/let-visitors-listen-your-blogger-posts/ https://www.bloggertipandtrick.net/let-visitors-listen-your-blogger-posts/#comments Wed, 02 Jun 2010 13:07:00 +0000 http://www.bloggertipandtrick.net/2010/06/how-to-let-visitors-to-listen-your-blogger-post.html This service is provided by http://vozme.com/.If you like to let your visitors to listen to your blogger posts, you can add this Vozme Link or Vozme Button to your blogger blog.This will more helpful when your blogger posts are very long.Below I explain how to add this widget to your blogger blog. 1.Login to your […]

The post How To Let Visitors to Listen Your Blogger Post appeared first on Blogger Tips And Tricks|Latest Tips For Bloggers.

]]> This service is provided by http://vozme.com/.If you like to let your visitors to listen to your blogger posts, you can add this Vozme Link or Vozme Button to your blogger blog.This will more helpful when your blogger posts are very long.Below I explain how to add this widget to your blogger blog.

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

2.Click on "Expand Widget Templates"

3.Scroll down to where you see below code:

<div class='post-header-line-1'/>
 

NOTE:If you can't find <div class='post-header-line-1'/> in your template, Find <data:post.body/> .

4.Copy one of code below and paste it just after <div class='post-header-line-1'/> or just before <data:post.body/>.

CODE 1 : Using a Text Link

<div style='float:right; margin-right:10px;'>
<script src='http://vozme.com/get_text.js' type='text/javascript'/><a expr:onclick='"get_blogger(\"" + data:post.id + "\",\"en\",\"ml\");"' href='javascript:void(0);' style='margin-left:1.5em;'>((&#8226;)) Hear this post</a>
</div>

CODE 2 : Using an Image and a Text link

<div style='float:right; margin-right:10px;'>
<div id='voice'>
<script src='http://vozme.com/get_text.js' type='text/javascript'/> <a expr:onclick='"get_blogger(\"" + data:post.id + "\",\"en\",\"ml\");"' href='javascript:void(0);'><img src='http://vozme.com/img/paper_sound32x32.gif' align='left' alt='' border='0' style='margin-right:0.4em;'/></a>
<a expr:onclick='"get_blogger(\"" + data:post.id + "\",\"en\",\"ml\");"' href='javascript:void(0);' style='font-size:10px;'>Hear<br/>this post</a>
</div>
</div>

5.Now save your template.

The post How To Let Visitors to Listen Your Blogger Post appeared first on Blogger Tips And Tricks|Latest Tips For Bloggers.

]]> https://www.bloggertipandtrick.net/let-visitors-listen-your-blogger-posts/feed/ 13 How To Add Facebook Like/Recommend Button For Blogger https://www.bloggertipandtrick.net/facebook-like-recommend-button-blogger/ https://www.bloggertipandtrick.net/facebook-like-recommend-button-blogger/#comments Thu, 29 Apr 2010 06:12:00 +0000 http://www.bloggertipandtrick.net/2010/04/how-to-add-facebook-likerecommend-button-for-blogger.html 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 […]

The post How To Add Facebook Like/Recommend Button For Blogger appeared first on Blogger Tips And Tricks|Latest Tips For Bloggers.

]]> 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:

<div class='post-header-line-1'/>

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

NOTE: If you can't find <div class='post-header-line-1'/> in your template, paste your "StumbleUpon" bookmarking buttons code just before <data:post.body/> .

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

You can customize above facebook like button changing its values:

You can change,

layout=standard to layout=button_count .

show_faces=false to show_faces=true.

action=like to action=recommend.

font=arial to font=lucida+grande or font=segoe+ui or font=tahoma or font=trebuchet+ms or font=verdana.

colorscheme=light to colorscheme=dark.

5.Now save your template and you are done.

The post How To Add Facebook Like/Recommend Button For Blogger appeared first on Blogger Tips And Tricks|Latest Tips For Bloggers.

]]> https://www.bloggertipandtrick.net/facebook-like-recommend-button-blogger/feed/ 12 How To Add Official Google Buzz Button+Counter to Blogger https://www.bloggertipandtrick.net/official-buzz-buttoncounter-to-blogger/ https://www.bloggertipandtrick.net/official-buzz-buttoncounter-to-blogger/#comments Mon, 19 Apr 2010 15:03:00 +0000 http://www.bloggertipandtrick.net/2010/04/how-to-add-official-google-buzz-buttoncounter-to-blogger.html Now Google has introduced their Official Google Buzz Buttons.Buzz Buttons help people share stuff from your website in Google Buzz. You can add this buzz button to your blogger blog or website easily.Below I explain how to add this official Google buzz button to blogger with or without share count. 1.Log in to your dashboard--> […]

The post How To Add Official Google Buzz Button+Counter to Blogger appeared first on Blogger Tips And Tricks|Latest Tips For Bloggers.

]]> Now Google has introduced their Official Google Buzz Buttons.Buzz Buttons help people share stuff from your website in Google Buzz. You can add this buzz button to your blogger blog or website easily.Below I explain how to add this official Google buzz button to blogger with or without share count.

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

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:

<data:post.body/>

4.Now copy one of the below codes and paste it just before the above line.

Button 1 : Button + counter : Post count - On the top

Code:

<div style='float:right; margin-right:10px;'>
<a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>

Result:

Button 2 : Button + counter : Post count - On the side

Code:

<div style='float:right; margin-right:10px;'>
<a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="small-count"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>

Result:

Button 3 : Button only : Size - Normal

Code:

<div style='float:right; margin-right:10px;'>
<a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-button"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>

Result:

Button 4 : Button only : Size - Small

Code:

<div style='float:right; margin-right:10px;'>
<a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="small-button"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>

Result:

Button 5 : Link

Code:

<div style='float:right; margin-right:10px;'>
<a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="link"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>

Result:

5.Now save your template and you are done.

The post How To Add Official Google Buzz Button+Counter to Blogger appeared first on Blogger Tips And Tricks|Latest Tips For Bloggers.

]]> https://www.bloggertipandtrick.net/official-buzz-buttoncounter-to-blogger/feed/ 4 How To Add StumbleUpon Buttons with Share Counts to blogger https://www.bloggertipandtrick.net/stumbleupon-buttons-with-counts-blogger/ https://www.bloggertipandtrick.net/stumbleupon-buttons-with-counts-blogger/#comments Sat, 13 Mar 2010 03:25:00 +0000 http://www.bloggertipandtrick.net/2010/03/how-to-add-stumbleupon-buttons-with-share-counts-to-blogger.html Add a one of the StumbleUpon badges/button to your site so your visitors can easily submit your content to StumbleUpon and you can start enjoying additional traffic from StumbleUpon users who want to see content like yours! Simply copy and paste the code into your site and start receiving free exposure on StumbleUpon. Users clicking […]

The post How To Add StumbleUpon Buttons with Share Counts to blogger appeared first on Blogger Tips And Tricks|Latest Tips For Bloggers.

]]> Add a one of the StumbleUpon badges/button to your site so your visitors can easily submit your content to StumbleUpon and you can start enjoying additional traffic from StumbleUpon users who want to see content like yours! Simply copy and paste the code into your site and start receiving free exposure on StumbleUpon.

Users clicking these badges will be prompted to submit a page to StumbleUpon's index so other users can enjoy your content or to view the ratings and reviews of your page from other StumbleUpon users. Your site will not be framed when users click any of these badges.

Stumble Badges are a free way to promote your site to the SU community.

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

2.Click on "Expand Widget Templates"

3.Scroll down to where you see below code:

<div class='post-header-line-1'/>

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

NOTE: If you can't find <div class='post-header-line-1'/> in your template, paste your "StumbleUpon" bookmarking buttons code just before <data:post.body/> .

Code 1:

<script src="http://www.stumbleupon.com/hostedbadge.php?s=1"></script>

Result :

Code 2:

<script src="http://www.stumbleupon.com/hostedbadge.php?s=2"></script>

Result :

Code 3:

<script src="http://www.stumbleupon.com/hostedbadge.php?s=3"></script>

Result :

Code 4:

<script src="http://www.stumbleupon.com/hostedbadge.php?s=4"></script>

Result :

Code 5:

<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>

Result :

Code 6:

<script src="http://www.stumbleupon.com/hostedbadge.php?s=6"></script>

Result :

5.Now save your template and you are done.

The post How To Add StumbleUpon Buttons with Share Counts to blogger appeared first on Blogger Tips And Tricks|Latest Tips For Bloggers.

]]> https://www.bloggertipandtrick.net/stumbleupon-buttons-with-counts-blogger/feed/ 5 Free Premium Quality Social Media Icons Collection https://www.bloggertipandtrick.net/free-premium-quality-social-icons/ https://www.bloggertipandtrick.net/free-premium-quality-social-icons/#respond Fri, 12 Mar 2010 14:38:00 +0000 http://www.bloggertipandtrick.net/2010/03/free-premium-quality-social-media-icons-collection.html Social media requires a lot of effort to create brand awareness and increase visibility. For example, Instagram users keep looking for IG story viewer on EarthWeb to increase their visibility. But there are many other things to make your social media page or websites more attractive for your audience. In this post I listed another […]

The post Free Premium Quality Social Media Icons Collection appeared first on Blogger Tips And Tricks|Latest Tips For Bloggers.

]]> Social media requires a lot of effort to create brand awareness and increase visibility. For example, Instagram users keep looking for IG story viewer on EarthWeb to increase their visibility. But there are many other things to make your social media page or websites more attractive for your audience. In this post I listed another great premium and free social bookmark icons set for your website or project.Most of them there in different sizes(24×24,32×32,48×48,64×64,128×128,256×256,512×512,...).I think these social icons are very useful for your works.You can get them directly from their designer's websites.

27 Free Wooden Badges – Social Icon Pack

Inside this Icon Pack are 27 Free Wooden Social Icons, created exclusively for the viewers of Tutorial9 by Dawghouse Design Studio.

Download : http://www.tutorial9.net/resources/27-free-wooden-badges-social-icon-pack/

Woven Fabric Social Media Icon Set

This woven fabric set of social media icons was created by Jan Cavan from Dawghouse.

Although not suitable for every type of site, these icons will look wonderful on websites that use texture and have an organic approach to their design.

There are a total of 26 icons available as transparent PNGs and they are completely free for personal and commercial use,......

Download : http://www.webdesignerdepot.com/2010/01/woven-fabric-social-media-icon-set/

Vector Social Media Icons

This free set includes 50 icons of the most popular social media networks on the internet. The icons are designed in 32px and 16px vector format. With the vector format, you can scale the icon to any size to fit with your design or use it in high quality print materials. What you will get from the zip package: 32px and 16px in three different file formats: vector EPS, PNG, and GIF.

Download : http://icondock.com/free/vector-social-media-icons

Social Icons hand drawned by ~TheG-Force

The icons that are included in this set are:
Blip.fm,Digg,Facebook,Firefox,Flickr,Meneame,Myspace,Technorati,Twitter,Vimeo,Wordpress,Youtube,LastFM - new,RSS - new,Blogger - new,Gmail - new,Reddit - new,StumbleUpon - new

The icons are available in the size:
24x24, 32x32, 48x48 and 64x64

Download : http://theg-force.deviantart.com/art/Social-Icons-hand-drawned-109467069

Sketchy Web Icons 30 Hand Drawn Icon Pack

This Icon Pack includes 30 Hand-Drawn Web Design Icons. This is the perfect set for adding that handmade feel to your own creations online.

Download : http://www.tutorial9.net/resources/sketchy-web-icons-30-hand-drawn-icon-pack/

Roundy - FREE Social Networking Icon Set

his social networking icon set comes with 15 high quality icons in four different sizes. You can freely use these really cool and super round social icons for both your private and commercial projects.

Download : http://www.kaplang.com/blog/2010/02/14/free-social-networking-icon-set-roundy/

Page Peel – A Free Social Media Iconset

The set contains 16 social icons in (transparent)PNG format.PagePeel - A Free Social Media Iconset.What are you waiting for? Get ready to peel your web pages!!!

Download : http://www.productivedreams.com/page-peel-free-social-iconset/

Page Peel Social Icons – Version 2

The icons are transparent PNGs and the available dimensions are 128 x 128 and 64×64.

Download : http://www.productivedreams.com/page-peel-social-icons-version/

Old Bottle Crowns Icon Set

This free icon set consisting of 20 social media icons such as Digg, Stumble Upon, Delicious, and Twitter called Old Bottle Crowns Icon Set created by Dawghouse Design Studio for you Six Revisions readers.

The theme is worn-and-torn, so it’ll look great on grunge, vintage, classic-themed web designs. This set contains 20 200px x 200px PNG files that you can easily resize and edit for your website design.

Download : http://sixrevisions.com/freebies/icons/free-social-media-icons-old-bottle-crowns-icon-set/

Extreme Grunge Social Media Icons Pack

This high quality, hand made, icon pack is full with 20 Extreme Grunge Social Media Garments. Each icon is in .png format with transparent backgrounds, sized at 256×256px.Icons are free for commercial and personal use.

Download : http://webexpedition18.com/work/extreme-grunge-social-media-garments-icons-pack/

Grunge Peeling Stickers Social Media Icons

Each icon is in .png format sized at 128×128px with transparent backgrounds. The pack comes with a .PSD source file so that you can customize your own icons.

Download : http://www.tutorial9.net/resources/free-icons-grunge-peeling-stickers-social-media-icons/

Bloggerttuts Network Icons

The pack contains 16 icons of the most popular social networks. The resolution is 48x48, Hope you like it.

Download : http://www.bloggertuts.com/2009/10/free-social-media-icon-pack.html

50 Free and Exclusive Twitter Icons

Today we bring you a set of 50 free and exclusive Twitter icons that you can use for your websites.

The icons are provided in both raster and vector formats: The transparent PNG versions are 256×256, and we have also included Illustrator files so that you can resize the icons as needed.The icons are completely free for personal and commercial use.

Download : http://www.webdesignerdepot.com/2009/07/50-free-and-exclusive-twitter-icons/

32 Pixel Social Media Icons by leslienayibe

Another beautiful social icon set.Free for personal and commercial use!

Download : http://leslienayibe.deviantart.com/art/32-Pixel-Social-Media-Icons-153363429

I hope you will like also below articles:

23 Free High Quality Social Media Icons Sets

Beautiful 3D Social Bookmark Icons Sets For Bloggers

The post Free Premium Quality Social Media Icons Collection appeared first on Blogger Tips And Tricks|Latest Tips For Bloggers.

]]> https://www.bloggertipandtrick.net/free-premium-quality-social-icons/feed/ 0 23 Free High Quality Social Media Icons Sets https://www.bloggertipandtrick.net/free-high-quality-social-media-icons/ https://www.bloggertipandtrick.net/free-high-quality-social-media-icons/#comments Wed, 24 Feb 2010 07:29:00 +0000 http://www.bloggertipandtrick.net/2010/02/23-free-high-quality-social-media-icons-sets.html Traditionally looking for social media boosting has been the goal of the users and therefore Increditools is a great source to get some brilliant ideas about increasing engagement. However social media icons are another fascinating fact and this is my second high quality social bookmark icons collection. You can read my previous article here.I found […]

The post 23 Free High Quality Social Media Icons Sets appeared first on Blogger Tips And Tricks|Latest Tips For Bloggers.

]]> Traditionally looking for social media boosting has been the goal of the users and therefore Increditools is a great source to get some brilliant ideas about increasing engagement. However social media icons are another fascinating fact and this is my second high quality social bookmark icons collection. You can read my previous article here.I found these beautiful clean social bookmarks icon when surfing the web.And I think to share these icons with you.So I listed below over 20 new high quality social media icons sets for you.

Enhance your blog theme with these free high quality social bookmark icons.

1 . 27 Circular Social Media Icons in 3 Sizes

I have put a very big emphasis on function in these icons with the right amount of details. There is also an icon template PSD file included!

I was compelled to design these icons when through searching the web I couldn’t find a suitable set of simple, circular social media icons. What kind of age are we living in when you cannot find a good set of simple, sleek, circular social media icons? So here they are.

-From Designer

Download Here

2 . A Life in Pixels

In this freebie icon set, you will find 16 free social media icons for sites that designers appreciate (such as deviantART, Flickr, Twitter, and more). This free icon set is called A Life in Pixels and is inspired by Minimalist design philosophies.

The set includes 16 32px x 32px PNG files. They are monochromatic and can work with many other colors, which is perfect if you are looking for icons that are subtle and muted so that they do not dominate your design.

Download Here

3 . Free Social Media Bookmark Icon pack

Hate or love social media sites, they do bring you visitors to your site and the best way to do that is to show them what websites you are supporting. So I’ve designed the first 14 social media bookmark icons that you can download and use wherever you like, for free as well!

Download Here

4 . Free glossy social icons

Here’s another free icon set for you. Glossy social is an icon set which consists of 20 icons for the following services: YouTube, Twitter, Digg, StumbleUpon, Flickr, RSS, Feedburner, Skype, Last.fm, Gmail, Linkedin, Yahoo, Facebook, Delicious, mySpace, reddit, Friendfeed, WordPress, Vimeo and a generic “Favorite” icon.

Download Here

5 . Free Set of Social Media Icons – Rivet Social

The result is a set of 14 riveted brushed steel icons that not only include the basics but DesignBump, DesignMoo, and DesignFloat as well! You’ll find 14 different 64px x 64px icons in this set in .jpg format.

Download Here

6 . Free Vectors Icon Sets

Here’s some more free vectors! There in color, and black and white, and they retain there ‘coolness’ when resized. There simple, clean icons, which I hope you enjoy!.Below are the color versions of the icons.

Download Here

7 . Function Icons Set

They are only available in 48×48px. These free icons are exactly that, free! You can use them anywhere.Included some of the main Social Media Icons such as: Design Float, Digg, Delicious, Furl, Technorati, Flickr, Stumble Upon, Twitter & Many more…

Download Here

8 . Google and Facebook

The items are for your personal use only. Do not modify or redistribute any contents of the available packages without permission. If you plan on using these icons in a project of yours (freeware or otherwise), please contact the authour before doing so.

Download Here

9 . Google Tango Icon Set 2

Great Google Tango PNG icons for your collection.
Quality : PNG quality
Format of collection *.zip (archive)

Download Here

10 . Matte White Square Social Icons

108 Matte White Square Social Networking/ Social Media Icons 512px * 512px.
Free for personal and commercial use ~ no attribution nec.

Download Here

11 . Free Social Media Icon Set - Noupe

6 beautiful and clean icons: New RSS, Twitter, Del.icio.us, Stumble Upon, Facebook and Email. This set was designed by IconShock and released exclusively for Noupe and its readers.The files are transparent PNGs, and the source file (.psd) is available for download as well (see the links below). The set is completely free and may be used for any private or commercial project without any restrictions.

Download Here

12 . Social Media Icons by Plechi

Social media icons in vector for free

Google,Yahoo,RSS,Facebook,Twitter,MySpace,last.fm,Technorati,Vimeo,Stumble Upon,Linked in,Youtube,Reddit,Delicious,digg,Flickr

Download Here

13 . Polaroid icon set

Here’s another free icon set for you. 16 PNG icons on some of the most popular web services. YouTube, delicious, RSS, Twitter, Facebook, Flickr, Digg, stumpleupon, mySpace, Feedburner, Skype, Yahoo, Last.fm, Linkin, Reddit and Gmail. As always, these icons are free to use on any kind of project both personal or commercial. The only thing that you cannot do is sell them.

Download Here

14 . Red Pearl Social Media Icons

108 High Res Red Pearl Social Media Icons.
PNG format.

Free for personal and commercial use - no attribution nec.

Download Here

15 . Social Icons hand drawned

The icons that are included in this set are:

Blip.fm,Digg,Facebook,Firefox,Flickr,Meneame,Myspace,Technorati,Twitter,Vimeo,Wordpress,Youtube,LastFM - new,RSS - new,Blogger - new,Gmail - new,Reddit - new,StumbleUpon - new

The icons are available in the size:
24x24, 32x32, 48x48 and 64x64

Download Here

16 . Blog and Photo Social Icons

This is a another great quality social media icon pack for your website or project.

Download Here

17 . Social Media Mini Iconpack

This icon set consists of 30 (16×16) finely crafted social media icons. They are free to use non-commercially. Put them on your blog or on your website to help users bookmark or share your site socially.

Download Here

18 . Social Network Icon Pack

The Social Network Icon Pack consists of 40+ 16 pixel x 16 pixel icons and 40+ 32 pixel by 32 pixel icons all in 32-bit PNG format.

Google,Yahoo,RSS,Facebook,Twitter,MySpace,last.fm,Technorati,Vimeo,Stumble Upon,Linked in,Youtube,Reddit,Delicious,digg,Flickr

Download Here

19 . Social Web Buttons-Set 1

Might be useful sometimes graphically highlight one or more links to profiles that you want to give importance. In this first set there are aNobii, coComment, Delicious, Digg and Facebook. In the next set you will find, instead, Flickr, LastFm, Pownce and Slideshare.

Download Here

20 . Social Web Buttons-Set 2

In this first set there are aNobii, coComment, Delicious, Digg and Facebook. In this set you will find, instead, Flickr, LastFm, Pownce and Slideshare.

Here you will find Flickr, LastFm, Pownce and Slideshare.

Download Here

21 . Socio LEGO Social Icon Set

11 Icons in 256x256/128x128/64x64/32x32 sizes. All Files in PNG Format.

Icons are FREE for Personal & Commercial Use on Websites and other Media.

Download Here

22 . Weby Icons Free Download

Weby Icon Set brings to you 100 icons at 64×64 pixels ready to be used in your application or website.
The icons are available in PNG, ICO and ICNS format. They are free to use for both personal and commercial projects, including websites, templates & software.

Download Here

23 . Wood Social Networking Icons

108 high resolution wood social media icons.PNG format.Free for personal and commercial use - no attribution nec.

Download Here

The post 23 Free High Quality Social Media Icons Sets appeared first on Blogger Tips And Tricks|Latest Tips For Bloggers.

]]> https://www.bloggertipandtrick.net/free-high-quality-social-media-icons/feed/ 6 How To Add Google Buzz Button to blogger blog https://www.bloggertipandtrick.net/add-google-buzz-button-to-blogger-blog/ https://www.bloggertipandtrick.net/add-google-buzz-button-to-blogger-blog/#comments Tue, 16 Feb 2010 03:34:00 +0000 http://www.bloggertipandtrick.net/2010/02/how-to-add-google-buzz-button-to-blogger-blog.html This tutorial explains how to add Google Buzz button to your blogspot blog.To add this,to your blog follow the steps below. 1.Log in to your dashboard--> layout- -> Edit HTML 2.Click on "Expand Widget Templates" 3.Scroll down to where you see this: Google Buzz is a new way to start conversations about the things you […]

The post How To Add Google Buzz Button to blogger blog appeared first on Blogger Tips And Tricks|Latest Tips For Bloggers.

]]> This tutorial explains how to add Google Buzz button to your blogspot blog.To add this,to your blog follow the steps below.

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

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:

Google Buzz is a new way to start conversations about the things you find interesting. It's built right into Gmail, so you don't have to peck out an entirely new set of friends from scratch — it just works. If you think about it, there's always been a big social network underlying Gmail. Buzz brings this network to the surface by automatically setting you up to follow the people you email and chat with the most.

-From google blog

<data:post.body/>

4.Now copy one of the below codes and paste it just before the above line.

Code 1:

<div style='padding: 4px; float: right;'>
<a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;srcTitle=&quot; + data:blog.title+ &quot;&amp;srcURL=&quot; + data:blog.homepageUrl ' rel='nofollow' style='text-decoration:none;' target='_blank'>
<img alt='Buzz It' src='http://3.bp.blogspot.com/_4HKUHirY_2U/S3oMlK3qMcI/AAAAAAAAAxI/OUlZw-ZvtgA/wpbuzzer-google-buzz-big.png' style='border:0px;'/></a>
</div>

Result:

Code 2:

<div style='padding: 4px; float: right;'>
<a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;srcTitle=&quot; + data:blog.title+ &quot;&amp;srcURL=&quot; + data:blog.homepageUrl ' rel='nofollow' style='text-decoration:none;' target='_blank'>
<img alt='Buzz It' src='http://4.bp.blogspot.com/_4HKUHirY_2U/S3oMogIJp3I/AAAAAAAAAxQ/b14CTXtWYuk/wpbuzzer-google-buzz-small.png' style='border:0px;'/></a>
</div>

Result:

Note:
It is better to host above 2 images yourself.

5.Now save your template and you are done.

The post How To Add Google Buzz Button to blogger blog appeared first on Blogger Tips And Tricks|Latest Tips For Bloggers.

]]> https://www.bloggertipandtrick.net/add-google-buzz-button-to-blogger-blog/feed/ 2