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.

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

READ MORE - Free Premium Quality Social Media Icons Collection

12 Amazing jQuery Accordions Menus Collection

I listed below useful JQuery Accordion Menus collection for your website.These menus will be very useful for your site or next project.All of these menus are worked by using jquery.If you like to add these accordion menus to your site,choose your menu from the below list.


1 . Dynamic Drive Accordion

Group contents together and reveal them on demand when the user clicks on their associated headers, with Accordion content script! Specify whether only one content within the group should be open at any given time, style the headers depending on their content state, and even enable persistence so the state of the contents is preserved within a browser session. The script enlists the help of the jQuery library for its engine. There are lots of configurable options,.........

Article & Demo : http://www.dynamicdrive.com/dynamicindex17/ddaccordion.htm

Download : http://www.dynamicdrive.com/dynamicindex17/ddaccordion.js

2 . JQuery Accordion Menu - Lateralcode

This tutorial will take you through the creation of a jQuery accordion menu. There is a little twist to this: the menu contains content. Instead of it being links to multiple pages, it is a choice of what content should appear.

Article : http://www.lateralcode.com/jquery-accordion-menu/

Demo : http://demo.lateralcode.com/accordion-menu/

Download : http://www.lateralcode.com/wp-content/uploads/accordion-menu.zip

3 . Stupid Simple jQuery Accordion Menu

For a jQuery beginner the first thing you need to do is to include the jQuery library. Google hosts the library so you can link to it there. This can be done by putting the following code in the head of your............

Article : http://www.stemkoski.com/stupid-simple-jquery-accordion-menu/

Demo : http://www.stemkoski.com/downloads/jquery-accordion-menu/example.htm

Download : http://www.stemkoski.com/downloads/jquery-accordion-menu.zip

4 . Accordion using jquery and css

Collipsible accordion using jQuery.An accordion is a toggle pane where one pane slides down the other pane slides up.

Article : http://roshanbh.com.np/2008/03/make-accordion-using-jquery.html

Demo : http://roshanbh.com.np/examples/accordion/

Download : http://roshanbh.com.np/codes/accordion-jquery.zip

5 . jQuery UI Accordion

This plugin creates an accordion menu. It works with nested lists, definition lists, or just nested divs. Options are available to specify the structure, if necessary, the active element (to display at first) and to customize animations. The navigation-option automatically activates a part of the accordion based on the current location (URL) of the page.

Article : http://bassistance.de/jquery-plugins/jquery-plugin-accordion/

Demo : http://jquery.bassistance.de/accordion/demo/

Download : http://jquery.bassistance.de/accordion/jquery.accordion.zip

6 . jQuery - Horizontal Accordions

An Xbox-like horizontal accordion that would look really good being used as a featured content slideshow .

Article : http://www.portalzine.de/index?/Horizontal_Accordion--print

Demo : http://www.portalzine.de/Horizontal_Accordion_Plugin_2/index.html

Download : http://www.portalzine.de/index?/Downloads/1/agree/aWQtMjct/

7 . JQuery HoverAccordion

This plugin was inspired by the Accordion menus on the Apple Mac website as well as J�rn Zaefferer's Accordion plugin.

Article & Demo : http://berndmatzner.de/jquery/hoveraccordion/

Download : http://berndmatzner.de/jquery/hoveraccordion/jquery.hoveraccordion.min.js ,
http://berndmatzner.de/jquery/hoveraccordion/jquery.hoveraccordion.js

8 . Accordion Madness

Another good and simple accordian menu for you.

Article & Demo : http://www.learningjquery.com/2007/03/accordion-madness

Download : http://www.learningjquery.com/scripts-used-on-this-site

9 . Accordion menu using jquery

Fancy accordion menu using jQuery. In this post, you�ll see two examples of accordion. First menu�s visibility get�s toggled on clicking on the header while the another menu�s visibility get�s toogled when mouse is moved over it.

Article & Demo : http://roshanbh.com.np/2008/06/accordion-menu-using-jquery.html

Download : http://roshanbh.com.np/codes/accordion-menu.zip

10 . Simple JQuery Accordion menus - Redux

This is a simple menu done in JQuery.This new version is rather flexible and caters to various needs people may have when building a website. It also allows multiple instances of the menu on the same webpage.

Article : http://www.i-marco.nl/weblog/archive/2008/05/08/simple_jquery_accordion_menu__

Demo : http://www.i-marco.nl/weblog/jquery-accordion-menu-redux/

Download : http://www.i-marco.nl/weblog/jquery-accordion-menu-redux/demo.zip

11 . Simple horizontal jQuery accordion

This is another great accordian menu created by using jquery.

Article & Demo : http://letmehaveblog.blogspot.com/2007/10/haccordion-simple-horizontal-accordion.html

Download : http://projects.sevir.org/storage/haccordion/jquery.haccordion.js

12 . Simple JQuery Accordion menu

Simple JQuery Accordion menu is a best handy tool to show and hide information as needed. It also feel like a flash menu.

Article : http://sks.com.np/article/10/simple-jquery-accordion-menu.html

Demo : http://sks.com.np/download/jquery-accordion-menu/jquery-accordion-menu.html

Download : http://sks.com.np/download/jquery-accordion-menu.rar

READ MORE - 12 Amazing jQuery Accordions Menus Collection

How To Create/Setup Sub-Domain in GoDaddy

In previous article I explain how to create a sub-domain with Enom.Today I am going to explain to how create/setup a sub domain with GoDaddy.If you registered your domain with GoDaddy and want create sub-domains from your custom domain,then this article will guide you for it.So read the article carefully and follow the steps correctly.There is not hard thing to do.

For easy explanation if we think your domain is "123.com" and you want to make a subdomain as "blog.123.com".

1.First login to your GoDaddy Account.

2.Now click on the "Advanced details" link of the domain you want to configure.



3.Now click on "Total DNS Control" from Total DNS section.



4.You can see a screen look like below:



Under "CNAMES (Aliases)" section, click on "Add New CNAME Record".



5.In next window Enter the below detail for your sub-domain.

Alias Name : blog (Instead of "blog",enter your sub-domain here)

Host Name : ghs.google.com



6.Now click OK.

You are done.Now you can add your new sub domain to a another site/blogger blog.

READ MORE - How To Create/Setup Sub-Domain in GoDaddy

How to Add a Sub-domain to a Custom Domain in Enom

In this article I hope to explain how to get a sub-domain(s) for your custom domain.If you get your custom domain name through google/blogger.com and your domain host is enom ,then you can follow the steps below to get a sub domain for your custom domain.

For a example if we think your domain is "123.com" and you want to get sub-domain from this domain like "blog.123.com".

1.First login to your google apps account using below URL:

https://www.google.com/a/cpanel/123.com/DomainSettingsAdvancedDns

Note : Replace "123.com" with your domain name.Look at the example below:

https://www.google.com/a/cpanel/premiumbloggertemplates.com/DomainSettingsAdvancedDns

Now you can see a screen look like below one:



2.Sign in using your username and password.Next screen will look like this:



3.Click on "Sign in to DNS console".

4.Now login to your enom account using your Domain and Password.



5.Click on the 'Edit' button under the 'Host Records' section.



6.Click 'Add New'.



7.Add your sub-domain name, for example, 'blog' under the 'Host Name' field.

8.Add ghs.google.com. under 'Address' field.

9.Select CNAME (Alias) under 'Record Type' field.

10.Now again click 'Add New'.

11.Add 'www.blog' under the 'Host Name' field.

12.Add ghs.google.com. under 'Address' field.

13.Select CNAME (Alias) under 'Record Type' field.

Your final work will look like this:



14.Click 'Save'.

You are done with Enom.

15.Login to your blogger dashboard--> settings- ->Publishing

16.Now Click on "Custom Domain".



17.Now Click on " Switch to advanced settings".



18.Now you must enter your domain name as the picture below:



19.Now click on "Save Settings".

20.Again tick "Redirect blog.123.com to www.blog.123.com" and click on "Save Settings".



21.Wait few hours.You are done.

Note: Now try to go to your sub domain.If it works fine,no problem.But It still doesn't work,again "Switch to: blogspot.com (Blogger's free hosting service)".



22.Now repeat steps 15-20 again.You are done.

You can see working examples here:

Domain : http://www.premiumbloggertemplates.com/

Sub-Domain : http://www.wpthemes.premiumbloggertemplates.com/

READ MORE - How to Add a Sub-domain to a Custom Domain in Enom

How To Expand/Collapse Blogger Comments

Do you like to show and hide your blogger comments?If your blog have large number of comments this will very helpful to you.Because if there are many more comments in your blogger posts, your blog post can be very long.This will be a interrupt to your readers.So if you like add this trick to your blogspot blog,then folow the steps below.

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

2.Click on "Expand Widget Templates".

3.Scroll down to where you see </head> tag .

4.Copy below code and paste it just before the </head> tag .

<script language="javascript">
function toggle() {
var ele = document.getElementById("toggleText");
var text = document.getElementById("displayText");
if(ele.style.display == "block") {
ele.style.display = "none";
text.innerHTML = "Show Comments";
}
else {
ele.style.display = "block";
text.innerHTML = "Hide Comments";
}
}
</script>

5.Now find below code block:

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

<b:loop values='data:post.comments' var='comment'>
        <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
          <b:if cond='data:comment.favicon'>
            <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
          </b:if>
          <a expr:name='data:comment.anchorName'/>
          <b:if cond='data:blog.enabledCommentProfileImages'>
            <data:comment.authorAvatarImage/>
          </b:if>
          <b:if cond='data:comment.authorUrl'>
            <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
          <b:else/>
            <data:comment.author/>
          </b:if>
          <data:commentPostedByMsg/>
        </dt>
        <dd class='comment-body'>
          <b:if cond='data:comment.isDeleted'>
            <span class='deleted-comment'><data:comment.body/></span>
          <b:else/>
            <p><data:comment.body/></p>
          </b:if>
        </dd>
        <dd class='comment-footer'>
          <span class='comment-timestamp'>
            <a expr:href='data:comment.url' title='comment permalink'>
              <data:comment.timestamp/>
            </a>
            <b:include data='comment' name='commentDeleteIcon'/>
          </span>
        </dd>
      </b:loop>

</dl>

Note : Blue colored code can be different.Specially consider the Green color code.
( <dl expr:class='data:post.avatarIndentClass' id='comments-block'> and </dl> )

6.Now Replace above code with below code :

<a href='javascript:toggle();' id='displayText'>Show/Hide Comments</a>

<div id='toggleText' style='display: none;'>


<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
 <b:if cond='data:comment.favicon'>
   <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
 </b:if>
 <a expr:name='data:comment.anchorName'/>
 <b:if cond='data:blog.enabledCommentProfileImages'>
   <data:comment.authorAvatarImage/>
 </b:if>
 <b:if cond='data:comment.authorUrl'>
   <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
 <b:else/>
   <data:comment.author/>
 </b:if>
 <data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
 <b:if cond='data:comment.isDeleted'>
   <span class='deleted-comment'><data:comment.body/></span>
 <b:else/>
   <p><data:comment.body/></p>
 </b:if>
</dd>
<dd class='comment-footer'>
 <span class='comment-timestamp'>
   <a expr:href='data:comment.url' title='comment permalink'>
     <data:comment.timestamp/>
   </a>
   <b:include data='comment' name='commentDeleteIcon'/>
 </span>
</dd>
</b:loop>

</dl>


</div>

7.Now save your template and you are done.

READ MORE - How To Expand/Collapse Blogger Comments

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

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

READ MORE - 23 Free High Quality Social Media Icons Sets