Social Icons

Copy and paste these social icon snippets into your content or sidebar area. Once pasted, replace “#” with the page url to your social network, then highlight your social snippet code(s) and apply FormatIgnore Formatting from the RapidWeaver toolbar.

Example 1) Importing into a designated theme social icon area:

<a class="social-twitter social-import" href="https://twitter.com/nickcates"></a>

Example 2) Basic icon linking without importing into a designated theme area:

<a class="social-twitter" href="https://twitter.com/nickcates"></a>

Example 3) Icon linking to a new external page, using “parent” rel tag:

<a class="social-twitter" target="_blank" href="https://twitter.com/nickcates"></a>

If you want to automatically generate social icons on every site page, you can paste your social link coding in the end of your “Footer” field in the Setup panel. *Note, after pasting into the footer field, your social code will be more difficult to edit.

About Me

<a class="social-aboutme social-import" href="#"></a>

AIM

<a class="social-aim social-import" href="#"></a>

Amazon

<a class="social-amazon social-import" href="#"></a>

Android

<a class="social-android social-import" href="#"></a>

Angie’s List

<a class="social-angie social-import" href="#"></a>

App.net

<a class="social-app-net social-import" href="#"></a>

App Store

<a class="social-app-store social-import" href="#"></a>

Bandcamp

<a class="social-bandcamp social-import" href="#"></a>

Behance

<a class="social-behance social-import" href="#"></a>

Blip

<a class="social-blip social-import" href="#"></a>

Blogger

<a class="social-blogger social-import" href="#"></a>

Comments

<a class="social-comments social-import" href="#"></a>

Delicious

<a class="social-delicious social-import" href="#"></a>

Deviant Ar

<a class="social-deviant-art social-import" href="#"></a>

Digg

<a class="social-digg social-import" href="#"></a>

Disporia

<a class="social-disporia social-import" href="#"></a>

Disqus

<a class="social-disqus social-import" href="#"></a>

Dribbble

<a class="social-dribbble social-import" href="#"></a>

Ebay

<a class="social-ebay social-import" href="#"></a>

Email

<a class="social-email social-import" href="mailto:my-email@gmail.com"></a>

Ello

<a class="social-ello social-import" href="#"></a>

Etsy

<a class="social-etsy social-import" href="#"></a>

Fab

<a class="social-fab social-import" href="#"></a>

Facebook

<a class="social-facebook social-import" href="#"></a>

Facebook Like

<a class="social-facebook-like social-import" href="#"></a>

Flickr

<a class="social-flickr social-import" href="#"></a>

Flip

<a class="social-flip social-import" href="#"></a>

Four Square

<a class="social-four-square social-import" href="#"></a>

Github

<a class="social-github social-import" href="#"></a>

Google

<a class="social-google social-import" href="#"></a>

Google Plus

<a class="social-google-plus social-import" href="#"></a>

Houzz

<a class="social-houzz social-import" href="#"></a>

Instagram

<a class="social-instagram social-import" href="#"></a>

IMDB

<a class="social-imdb social-import" href="#"></a>

iTunes

<a class="social-itunes social-import" href="#"></a>

LastFM

<a class="social-lastfm social-import" href="#"></a>

Link

<a class="social-link social-import" href="#"></a>

LinkedIn

<a class="social-linkedin social-import" href="#"></a>

Mixcloud

<a class="social-mixcloud social-import" href="#"></a>

MySpace

<a class="social-myspace social-import" href="#"></a>

Nick Cates

<a class="social-ncd social-import" href="#"></a>

Newsvine

<a class="social-newsvine social-import" href="#"></a>

Path

<a class="social-path social-import" href="#"></a>

Paypal

<a class="social-paypal social-import" href="#"></a>

Phone

<a class="social-phone social-import" href="tel:#"></a>

Picasa

<a class="social-picasa social-import" href="#"></a>

Pinterest

<a class="social-pinterest social-import" href="#"></a>

Pocket

<a class="social-pocket social-import" href="#"></a>

Pandora

<a class="social-pandora social-import" href="#"></a>

Reddit

<a class="social-reddit social-import" href="#"></a>

Reverb Nation

<a class="social-reverb-nation social-import" href="#"></a>

RSS

<a class="social-rss social-import" href="#"></a>

Skype

<a class="social-skype social-import" href="#"></a>

SoundCloud

<a class="social-soundcloud social-import" href="#"></a>

Spotify

<a class="social-spotify social-import" href="#"></a>

Stumble Upon

<a class="social-stumble-upon social-import" href="#"></a>

Strava

<a class="social-strava social-import" href="#"></a>

Trip Advisor

<a class="social-trip-advisor social-import" href="#"></a>

Tumblr

<a class="social-tumblr social-import" href="#"></a>

Typed

<a class="social-typed social-import" href="#"></a>

Twitter

<a class="social-twitter social-import" href="#"></a>

UStream

<a class="social-ustream social-import" href="#"></a>

Viddler

<a class="social-viddler social-import" href="#"></a>

Vine

<a class="social-vine social-import" href="#"></a>

Vimeo

<a class="social-vimeo social-import" href="#"></a>

VK

<a class="social-vk social-import" href="#"></a>

WordPress

<a class="social-wordpress social-import" href="#"></a>

Xing

<a class="social-xing social-import" href="#"></a>

Yahoo

<a class="social-yahoo social-import" href="#"></a>

Yelp

<a class="social-yelp social-import" href="#"></a>

YouTube

<a class="social-youtube social-import" href="#"></a>

500px

<a class="social-500 social-import" href="#"></a>

500px (alt)

<a class="social-500-alt social-import" href="#"></a>

Was this helpful?