Saturday, June 28, 2014

How to Display Social Media Icons with Counts in WordPress

Have you ever been wondering how to display social media icons with count in WordPress? Recently, one of my clients messaged me and wanted to have such icons being displayed on his site. I was thinking if he doesn’t know how to, maybe not a lot of people know this, so might as well write an article about it. In this article, I will go step by step on how to implement social media icons with counts in WordPress.
First, login to your WordPress dashboard, and then go to Plugins -> add new; search for “Social Count Plus”, after you have found it, click install and activate it.
After that, you need to to setup the plugin; go to Setting ->Social Count Plus. On that page, you will see a list of social media sites: Twitter, Facebook, YouTube, Google+, Instagram, etc. And when you check the box “ Activate/Deactivate”, the social media setting boxes will appear. Most of them are pretty straight forward and easy to setup. The only complex one is twitter, you will need API and Token codes, but there are instruction under each box on how to obtain them. 
Social count plus twitter How to Display Social Media Icons with Counts in WordPress
For Twitter, you basically can go to dev.twitter.com/apps; first login to your twitter account, and then click “My Applications” on the top right of drop down menu. After that, you should see the “Create New App” button.  Next, following the instruction, and fill out all the fields. After everything is filled out and the agreement box is check, you can then click on the “Create Your Twitter Application” button.
After few seconds, you should be redirected to your newly created apps page. On that page, you will see API key tab, click on that, you will see API key and API secret, copy those and then go back to your WordPress site, and paste those into the fields.
Now in order to obtain other information, you will need to scroll down, and then click on the “Generate my access token” button; after page is reloaded, you will have all the information that is needed to fill out the rest of the fields. If you want to make sure they work, you can simply click on the “Test oAuthor” button on the twitter apps page.
For Google+,Instagram, facebook and the rest of the social media, they are pretty much the same and pretty easy to get the require information for all fields.
After you have check the needed social media sites for your WordPress site and filled out all the required fields, you can then go to Appearance -> widgets, and drag Social Count Plus widget to your sidebar.
Social count plus also comes with shortcodes that you can use on post/page or directly into theme. To get shortcodes, you can go to Setting -> Social Count Plus, and then click on the “Shortcodes and Functions” tab. There you will find all shortcodes and php codes.
Social count plus shortcodes How to Display Social Media Icons with Counts in WordPress
In summary, I hope this article is helpful to anyone who want to display social media icons with count on his/her WordPress site. Leave a comment if you think the article is helpful or if you have any other alternatives.

5 comments:

Guo Guo said...

gc0404
chanel handbags,chanel bags,chanel outlet,chanel 2.55
kobe 9
babyliss
ferragamo shoes
babyliss hair dryer
oakley sunglasses
abercrombie outlet
louis vuitton
air jordan shoes
ed hardy clothing
michael kors factory outlet
marc jacobs handbags
jordan shoes
hollister clothing store
nhl jerseys wholesale
fitflop sandals
louis vuitton outlet
hollister clothing
oakley sale
christian louboutin outlet
louis vuitton outlet uk
coach outlet
supra shoes
snapback hats wholesale
ferragamo belts
coach outlet store
tod's sale
air jordan 4
louis vuitton outlet
burberry outlet
oakley sunglasses wholesale
ray-ban sunglasses
nike air force 1
oakley sunglasses wholesale
beats solo
kate spade outlet
asics gel kayano
tory burch handbags
kate spade handbags
air jordan 4

Jianxiang Huang said...

0711
christian louboutin shoes
broncos jerseys
the north face clearance
air max 90
celtics jersey
new england patriots jerseys
barcelona jersey
chanel sunglasses
football shirts uk,soccer jerseys uk,cheap soccer jerseys uk
prada sneakers
ray ban sunglasses
cheap football shirts
cheap jordans
bottega veneta wallet
cheap wedding dresses
warriors jerseys
robert griffin jersey,joe theismann jersey,andre roberts jersey,sonny jurgensen jersey,art monk jersey,bashaud breeland jersey,barry cofield jersey,perry riley jersey,e.j. biggers jersey,duke ihenacho jersey,josh morgan jersey
the north face
cheap nhl jerseys
ray ban sunglasses outlet,ray ban sunglasses,ray ban,rayban,ray bans,ray ban outlet,ray-ban,raybans,ray ban wayfarer,ray-ban sunglasses,raybans.com,rayban sunglasses,cheap ray ban
aaron rodgers jersey,clay matthews jersey,cheap reggie white jersey,matt flynn jersey,jamari lattimore jersey,randall cobb jersey
nike store
swarovski uk
dansko clogs
hermes outlet store
nike air huarache,nike huarache,nike huarache sneakers,nike huarache shoes
spurs jersey
vans for sale
michael jordan jersey
hermes belt
chanel handbags
christian louboutin sale

风骚达哥 said...

20151005 junda
Louis Vuitton Bags Outlet Store
Coach Factory Outlet Stores 70% off
Real Louis Vuitton Bags
tory burch outlet
Authentic Louis Vuitton Belts Outlet Store
cheap louis vuitton
canada goose outlet
louis vuitton outlet
Authentic Louis Vuitton Handbags Cheap Online
Oakley Vault Outlet Store Online
true religion outlet
Michael Kors Outlet Online No Tax
abercrombie
ralph lauren
Louis Vuitton Bags On Sale
michael kors handbags
Louis Vuitton Handbags Official Site
fitflops
michael kors handbag
coach factory outlet online
Air Jordan 4 Toro Bravo
Louis Vuitton Handbags Factory Store
Hollister uk
Michael Kors Outlet Online Mall
Coach Factory Outlet Private Sale
Michael Kors Online Outlet Shop
nfl jerseys
New Louis Vuitton Handbags Outlet
air max 90
Christian Louis Vuitton Red Bottoms

John said...

louis vuitton outlet online
uggs outlet
coach outlet online
coach outlet store online
prada uk
jordans
polo ralph lauren outlet
coach factory outlet
jordans
nike air force 1
uggs outlet
michael kors outlet
oakley sunglasses
coach outlet
chanel bags
michael kors handbags
instyler curling iron
air max 90
michael kors outlet
cheap ugg boots
coach outlet
ugg boots
ugg boots outlet
hollister clothing
oakley sunglasses wholesale
michael kors outlet online
michael kors outlet
ray ban wayfarer
jordan retro
20151124yuanyuan

chenlina said...

chenlina20160707
louis vuitton purses
adidas yeezy
michael kors purses
ralph lauren outlet
cheap nfl jerseys
michael kors outlet
louis vuitton outlet
lebron shoes
kobe 10
ralph lauren polo
gucci handbags
lebron 11
adidas nmd
oakley sunglasses
louis vuitton handbags
ray ban sunglasses outlet
christian louboutin outlet
toms shoes
cheap toms
adidas yeezy 350
christian louboutin shoes
oakley vault
nike blazers
tory burch outlet
cheap ray ban sunglasses
louis vuitton
longchamp handbags
jordan 3
coach outlet store online clearances
oakley outlet
ray ban sunglasses discount
replica watches
nike free run
michael kors handbags
louis vuitton outlet
michael kors outlet
polo ralph lauren
coach outlet store online clearances
christian louboutin shoes
christian louboutin shoes
as