Tampilkan postingan dengan label image. Tampilkan semua postingan
Minggu, 05 Desember 2010
How To Fix PNG Transparency Problem in Internet Explorer 6
If you are using Internet Explorer version 6, you can see png images of web pages showing inside a white background. It add a bad appearance to your website or blog.This is a problem because still some people are using Internet Explorer version 6,it is the default browser for windows XP.So this quick and simple tutorial will show you how to fix this PNG transparency problem in Internet Explorer 6.
Login to your Blogger dashboard --> Design --> Edit HTML.
You don't need to click on "Expand Widget Templates".
Scroll down to where you see the </head> tag of your template.
Now copy below code and paste it just before the </head> tag.
Note : Best thing is, hosting this "unitpngfix.js" file yourself.So you can download it from HERE.
Now save your template and you are done.You can check updates and more details of this script from http://labs.unitinteractive.com/unitpngfix.php.
Login to your Blogger dashboard --> Design --> Edit HTML.
You don't need to click on "Expand Widget Templates".
Scroll down to where you see the </head> tag of your template.
Now copy below code and paste it just before the </head> tag.
<!--[if lt IE 7]>
<script type="text/javascript" src="http://bnote.googlecode.com/files/unitpngfix.js"></script>
<![endif]-->I have hosted "unitpngfix.js" file on google code.Note : Best thing is, hosting this "unitpngfix.js" file yourself.So you can download it from HERE.
Now save your template and you are done.You can check updates and more details of this script from http://labs.unitinteractive.com/unitpngfix.php.
Jumat, 09 Juli 2010
How To Add Random,Rotating Images for Blogger Header
In this tutorial I am going to explain how to add random,rotating images for your blogger header background.When after you adding this feature to your blogger blog,header image of your blog will rotate/change in each page refresh.Before doing this trick you must create header images for your blog.In this tutorial I am going to show how to rotate 5 header images.
1.Log in to your dashboard--> Design- -> Edit HTML
2.Scroll down to where you see <body> tag.
3.Now copy below code and paste it just after the <body> tag.
NOTE :
Replace "URL-OF-HEADER-IMAGE-X" with your image URLs.
If above code doesn't work for your blog,then replace "#header-wrapper" with "#header".(ID or Class of your header section).
You can add different number of images than 5.But remember to change "4*Math.random()" according to the number of images you add.For example,when you want to add 8 different images for your blog header background, then code should be change as "7*Math.random()".Look at the example below:
4.Now save your template and your done.Refresh your site few times to see the result.Your header image will be rotate.
1.Log in to your dashboard--> Design- -> Edit HTML
2.Scroll down to where you see <body> tag.
3.Now copy below code and paste it just after the <body> tag.
<script type='text/javascript'>
var HeaderImage= new Array()
HeaderImage[0]="URL-OF-HEADER-IMAGE-1"
HeaderImage[1]="URL-OF-HEADER-IMAGE-2"
HeaderImage[2]="URL-OF-HEADER-IMAGE-3"
HeaderImage[3]="URL-OF-HEADER-IMAGE-4"
HeaderImage[4]="URL-OF-HEADER-IMAGE-5"
var random=Math.round(4*Math.random());
document.write("<style>");
document.write("#header-wrapper {");
document.write(' background:url("' + HeaderImage[random] + '") no-repeat left TOP;');
document.write(" }");
document.write("</style>");
</script>
NOTE :
Replace "URL-OF-HEADER-IMAGE-X" with your image URLs.
If above code doesn't work for your blog,then replace "#header-wrapper" with "#header".(ID or Class of your header section).
You can add different number of images than 5.But remember to change "4*Math.random()" according to the number of images you add.For example,when you want to add 8 different images for your blog header background, then code should be change as "7*Math.random()".Look at the example below:
<script type='text/javascript'>
var HeaderImage= new Array()
HeaderImage[0]="URL-OF-HEADER-IMAGE-1"
HeaderImage[1]="URL-OF-HEADER-IMAGE-2"
HeaderImage[2]="URL-OF-HEADER-IMAGE-3"
HeaderImage[3]="URL-OF-HEADER-IMAGE-4"
HeaderImage[4]="URL-OF-HEADER-IMAGE-5"
HeaderImage[4]="URL-OF-HEADER-IMAGE-6"
HeaderImage[4]="URL-OF-HEADER-IMAGE-7"
HeaderImage[4]="URL-OF-HEADER-IMAGE-8"
var random=Math.round(7*Math.random());
document.write("<style>");
document.write("#header-wrapper {");
document.write(' background:url("' + HeaderImage[random] + '") no-repeat left TOP;');
document.write(" }");
document.write("</style>");
</script>
4.Now save your template and your done.Refresh your site few times to see the result.Your header image will be rotate.
Selasa, 08 Juni 2010
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/
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/
Minggu, 16 Mei 2010
How To Add JQuery Fade Effect to Blogger / Website
This quick tutorial explains how to add jquery fade effect to your images in blogger or any other web site.This is very easy and you can do this less than a minute.But this effect will add some attractive appearance to your blog or web site.You can look at the page of this tricks from here.Now follow the steps below to do this.
1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Scroll down to where you see </head> tag .
3.Copy below code and paste it just before the </head> tag .
4.Now save your template and you are done.
1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Scroll down to where you see </head> tag .
3.Copy below code and paste it just before the </head> tag .
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(".post img").fadeTo("slow", 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$(".post img").hover(function(){
$(this).fadeTo("slow", 0.5); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("slow", 1.0); // This should set the opacity back to 30% on mouseout
});
});
</script>
<script type='text/javascript'>
$(document).ready(function(){
$(".latest_img").fadeTo("slow", 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$(".latest_img").hover(function(){
$(this).fadeTo("slow", 0.5); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("slow", 1.0); // This should set the opacity back to 30% on mouseout
});
});
</script>
4.Now save your template and you are done.
Minggu, 09 Mei 2010
How To Add JQuery Lazy Load Plugin to Blogger
This post will explain to you how to add JQuery Lazy Load Plugin to your blogger blog or any other website easily.If you have a blog or website containing many images, this tricks will be very helpful to you.It can reduce the page loading time of your site.You can see more details about this JQuery Lazy Load Plugin from here: http://www.appelsiini.net/projects/lazyload.Look at the to see the result.
To add JQuery Lazy Load Plugin to your blogger blog or any other website follow the steps given below:
1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Scroll down to where you see </head> tag .
3.Copy below code and paste it just before the </head> tag .
Note : You can download javascript files from here if you want to host above files yourself.
4.Now save your template and you are done.Refresh your site to see the result.
Lazy loader is a jQuery plugin written in JavaScript. It delays loading of images in (long) web pages. Images outside of viewport (visible part of web page) wont be loaded before user scrolls to them. Using lazy load on long web pages containing many large images makes the page load faster. Browser will be in ready state after loading visible images. In some cases it can also help to reduce server load.
To add JQuery Lazy Load Plugin to your blogger blog or any other website follow the steps given below:
1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Scroll down to where you see </head> tag .
3.Copy below code and paste it just before the </head> tag .
<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://bnote.googlecode.com/files/jquery.lazyload.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$("img").lazyload({placeholder : "http://bnote.googlecode.com/files/grey.gif",threshold : 200});
});
</script>
Note : You can download javascript files from here if you want to host above files yourself.
4.Now save your template and you are done.Refresh your site to see the result.
Minggu, 02 Mei 2010
How To Add Flickr Photostream to Blogger
This tutorials will show you how to add a Flickr photostream to your blogger blog.If you like to add this widget to your blogger blog,then follow the steps given below.
1.First login to your Flickr account.
2.Now click on "Your Photostream".
3.Now you are in the your flickr Photostream page.
4.Look at the address of the address bar of your browser.It will look like this:
5.Now can see your Flickr ID.It will be something like this:
38647261@N03
6.Now copy your Flickr ID.
7.Login to your blogger dashboard-->Layout > Page Elements
8.Click on 'Add a Gadget'.
9.Select 'HTML/Javascript' and add the code given below and click save.
Note : Replace YOUR-FLICKR-ID with your Flickr ID.
1.First login to your Flickr account.
2.Now click on "Your Photostream".
3.Now you are in the your flickr Photostream page.
4.Look at the address of the address bar of your browser.It will look like this:
5.Now can see your Flickr ID.It will be something like this:
38647261@N03
6.Now copy your Flickr ID.
7.Login to your blogger dashboard-->Layout > Page Elements
8.Click on 'Add a Gadget'.
9.Select 'HTML/Javascript' and add the code given below and click save.
<style type="text/css">
.flickr_badge_image { float: left; }
#flickr_badge_wrapper { width: auto; border: 1px; }
#flickr_badge_uber_wrapper { width: auto; }
</style>
<script src="http://www.flickr.com/badge_code_v2.gne?show_name=1&count=8&display=random&size=s&layout=y&source=user&user=YOUR-FLICKR-ID" type="text/javascript"></script>
Note : Replace YOUR-FLICKR-ID with your Flickr ID.
Jumat, 12 Maret 2010
Free Premium Quality Social Media Icons Collection
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.
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,......
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.
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
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.
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.
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!!!
Page Peel Social Icons � Version 2
The icons are transparent PNGs and the available dimensions are 128 x 128 and 64�64.
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.
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.
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.
32 Pixel Social Media Icons by leslienayibe
Another beautiful social icon set.Free for personal and commercial use!
I hope you will like also below articles:
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.
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,......
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.
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
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.
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.
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!!!
Page Peel Social Icons � Version 2
The icons are transparent PNGs and the available dimensions are 128 x 128 and 64�64.
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.
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.
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.
32 Pixel Social Media Icons by leslienayibe
Another beautiful social icon set.Free for personal and commercial use!
I hope you will like also below articles:
Selasa, 23 Februari 2010
23 Free High Quality Social Media Icons Sets
This is my second high quality social bookmark icons colletion.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.
1 . 27 Circular Social Media Icons in 3 Sizes
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.
3 . Free Social Media Bookmark Icon pack
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.
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.
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.
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�
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.
9 . Google Tango Icon Set 2
Great Google Tango PNG icons for your collection.
Quality : PNG quality
Format of collection *.zip (archive)
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.
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.
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
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.
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.
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
16 . Blog and Photo Social Icons
This is a another great quality social media icon pack for your website or project.
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.
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
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.
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.
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.
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.
23 . Wood Social Networking Icons
108 high resolution wood social media icons.PNG format.Free for personal and commercial use - no attribution nec.
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
 |
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.
 |
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!
 |
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.
 |
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.
 |
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.
 |
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�
 |
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.
 |
9 . Google Tango Icon Set 2
Great Google Tango PNG icons for your collection.
Quality : PNG quality
Format of collection *.zip (archive)
 |
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.
 |
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.
 |
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
 |
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.
 |
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.
 |
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
 |
16 . Blog and Photo Social Icons
This is a another great quality social media icon pack for your website or project.
 |
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.
 |
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
 |
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.
 |
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.
 |
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.
 |
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.
 |
23 . Wood Social Networking Icons
108 high resolution wood social media icons.PNG format.Free for personal and commercial use - no attribution nec.
 |
Langganan:
Postingan
(
Atom
)