Blogger Question: How To Add Pinterst, Instagram and Twitter Social Tabs to Facebook page

I had a late night call yesterday, nothing seedy, with the hilarious Alyssa of AlistedBlog.com so I could help her set up theFEED on her blog mobile site. It was late because of the time difference, Alyssa is based in NY and I’m based in London Town so what is the evening for her is the middle of the night for me! This doesn’t bother me though because I spend more time speaking to people in America than I do in England, my body clock is completely off! Or on, depending how you look at it!

 

Whilst setting up theFEED for Alyssa, apart from the jokes she was giving me, she asked a question about Facebook tabs so I made a note of her request and I am making a tutorial on TheFashionTechnologist to help her and anyone else with this issue.

 

Screen Shot 2014-06-21 at 12.33.27

The Question: How do I create social tabs on my blog’s Facebook page?!

 

I am going to take you through adding three different types of Social tabs (Pinterest, Istagram and Facebook), so you can pick and choose which one’s you want for your own Facebook page.

 

Pinterest

Go To This Link: https://apps.facebook.com/pinterest-tab/

Click on the blue button named “Install Application”

 

facebook pinterest screenshot

 

Choose the page you would like your Pinterest Tab to show then click “Add Page Tab”

 

facebook pinterest screenshot

 

Facebook will then redirect you to your new Pinterest Tab. You’ll notice the pin’s that show automatically are general, to have your pin’s show, from the administrator panel type in your Pinterest username and from the dropdown tab choose “User Pins” – then “Save Settings”

 

facebook pinterest screenshot

 

The page will refresh and show your user pins!

 

facebook pinterest screenshot

Instagram (Type 1)

Go To This Link: http://apps.facebook.com/instagram_feed/

Give the application to your Facebook public profile

 

facebook instagram screenshot
 
facebook instagram screenshot

 

Choose the page you would like for your new Instagram Tab, then click “Add Instagram feed tab”

 

 

Facebook will redirect you to Instagram to enter your Instagram log in details.

 

facebook instagram screenshot

 

Authorize the app!

 

facebook instagram screenshot

 

The page will redirect you back to Facebook, to your new Instagram tab

 

facebook instagram screenshot

 

You can change the way your Instagram’s look by clicking on “Manage” -> “Customisation” and then configuring the options.

 

facebook instagram screenshot

 

facebook instagram screenshot

 

facebook instagram screenshot

 

 

 

Instagram (Type 2)

Go To This Link: https://apps.facebook.com/instatab/

Click on the blue button named “Install Application”
facebook instagram screenshot
Choose the page you would like your Instagram Tab to show then click “Add Page Tab”

facebook instagram screenshot

 

Facebook will then redirect you to your new Instagram Tab. You’ll notice the image’s that show automatically are general, to have your Instagram’s show, from the administrator panel type in your Instagram username  – then “Save Settings”

 

facebook instagram screenshot

 

The page will refresh and show your Instagram’s!

 

facebook instagram screenshot

 

Twitter (Type 1)

Go To This Link: http://iframehost.com/util/installtab/116943498446376

Choose the page you would like your Twitter Tab to show then click “Add Page Tab”

 

facebook twitter screenshot

 

Authorize the tab application!
facebook twitter screenshot

 

facebook twitter screenshot

 

Configure Settings then “Save Settings”

 

facebook twitter screenshot

 

Click “View Tab” to see what your new Twitter tab looks like:
facebook twitter screenshot

 

Twitter (Type 2)

Go To This Link: https://apps.facebook.com/twitter-tab-app/

Click on the blue button named “Install Application”

 

facebook twitter screenshot

 

Choose the page you would like your Twitter Tab to show then click “Add Page Tab”

 

facebook twitter screenshot

 

Facebook will then redirect you to your new Twitter Tab. You’ll notice the tweet’s that show automatically are general, to have your tweet’s show, from the administrator panel type in your Twitter username and from the dropdown tab choose “User Pins” – then “Save Settings”

 

facebook twitter screenshot

 

The page will refresh and show your tweets!

 

facebook twitter screenshot

 

Done, Done and DONE! I’ll make a tutorial on creating a rewardStyle shop page soonish =]

chloe-signature

#30 Widget with Tabs on Sidebar- Part Two with Twitter

tweets

 

It is my final day for #30daysofcoding eek! Make sure to still check out this blog though as myself and Chloé will be giving you an insight to a fashion technologist life as well as give some coding tips along the way!

 

Today I will be showing you how to add an extra tab to your already added sidebar widget that includes a twitter stream. Gaining a following is important on any social media platform when having a blog. Therefore displaying your twitter clearly showing what you tweet about will help this.

 

Let’s get started!

 

Continue reading

#25 Shortcode Twitter

Tweetable

 

Happy Monday! I hope you have all had a lovely weekend! Yesterday was all about Pinterest and today I am sticking with Social Media and moving onto to Twitter! I will be using a shortcode again but this time it will allow me to add tweetable links to a post instead. This shortcode will make your content tweetable for your readers quicker and  easier.

 

This is a simple task and should not take you more than an hour, an easy task to start our final week of coding! Can you believe it?!

 

Let’s get started!

 

Continue reading