Copy and paste these social icon snippets into the RapidWeaver Settings → Code → Body area. Once pasted, replace “#” with the page url to your social network.
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>
<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>
<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>
<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>
<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>
<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>
<a class="social-pinterest social-import" href="#"></a>
<a class="social-pocket social-import" href="#"></a>
Pandora
<a class="social-pandora social-import" href="#"></a>
<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>
<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>
<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>
The Twitter and Instagram snippets are working great. But when I add the phone or mail snippet everything got messed up. Is there a solution?
It got messed up when I fill in the #
Sometimes RapidWeaver will convert the quotes ” to smart (curly) quotes after editing, that will break the code. If that’s not the issue could you provide a snippet example that’s not working?