Updated: How to move your blog from Blogger to WordPress!

Every few days I get an email from a blogger asking me about moving their blog from Blogger to WordPress. This is even more so now as on theFEED signup page their is an FAQ which asks, “What If I am not on WordPress at all?”, so when a person see’s this question they email me asking how to move over. I then send them a similar email on how this can be done without much assistance from a developer and they are shocked that their mystery has been solved!
 
I got one of these very email’s this morning from a lovely Canadian blogger called Dawn Ngo of DawnNgo.blogspot.ca. She Asked:

 

blogger to wordpress

I’m interested in using theFEED, however I’m currently blogger based and I have already purchased my theme and developed traffic on blogger so it’s a big hard for me to make the switch as I have already established myself on blogger! Is there any way you could help me make the switch to WordPress or if you have any tips/advice?

 

Well I am here to tell her, and every other style blogger in the same predicament you CAN move to WordPress yourself! WHAT WHAT? Did I really say that? I bet you were expecting me to say it’s going to cost you sh** loads of money. Not on my watch!
 
Here is a step-by-step guide on how you can move you blog from Blogger to WordPress, with screenshots and EVERYTHING. This one’s for you Dawn!

 

1. Find website hosting with WordPress One Click Install and Domain Name Included

There are hosting services out there that make it easy to set up your WordPress blog, a great example is Bluehost. For little cost you can have hosting and a domain name within the same package. Once you’ve signed up, their is a button which you can click to set up your WordPress blog. Click Here to watch a video tutorial which shows you how!

2. Find a Premium WordPress Theme

After you are set up with your new WordPress site, you’ll need a super hot theme for your new blog. There are LOADS out there to choose from and none should cost you more than $100USD. My blogger friend Blair from Leap Marketing and Design makes premium pre-fab WordPress templates for only $70USD and their made specifically for Style Bloggers, which you can find here. Alternatively if you head over to ThemeForest Marketplace and search for WordPress theme plus your requirements (e.g. minimal layout, white background etc), you’ll find loads here too.
 
To upload your WordPress theme to your new WordPress backend, simple navigate to the side menu and click Appearances > Themes. Then from the new page Click “Add New”
 
Screen Shot 2014-06-10 at 09.47.28
 
add new screenshot
  

3. Uploading your Blogger content to WordPress

In your new WordPress backend, navigate to Tools > Import. From the new page click “Blogger” from the menu. A popup will appear asking you to install the Blogger Importer, hit “Install Now”. From the new page “Activate Plugin & Run Importer” and then follow the instructions on screen to import your content from Blogger to WordPress.
 
Screen Shot 2014-06-10 at 10.04.15

 

Screen Shot 2014-06-10 at 10.00.54
 
Screen Shot 2014-06-10 at 10.01.16
 
Screen Shot 2014-06-10 at 10.01.45
 
Screen Shot 2014-06-10 at 10.02.12
  

4. Configure Blog Theme Settings

Dependent on what theme you purchased for your new WordPress blog, they will be settings you can configure, to change the colors, add your logo etc. Make sure to do this and preview what your new logo looks like. You can always get a new theme if you are not completely satisfied.  

5. Google Analytics

Make sure to add a new Google Analytics (click here for a cool plugin that helps you do this) code for this Worpdress blog. DON’T use the one from your blogger blog as you want to track the difference in readership. Take note that moving isn’t going to make your readership sky rocket straight away, as with any transition things take time and you readers need to read just.  

6. Use This Blogger To WordPress Plugin to redirect all your blogspot blog post visits to your new wordpress blog!

There is a really cool tool called “Blogger to WordPress Redirection”, which generates a snippet of code for you to insert into your now old blogspot blog in-order to redirect your readers to your new blog. Click here to find out more about the plugin and watch the helpful how-to video.  

7. Tell The World You Have Moved – Repeatedly!

After you are 100% happy, tell everyone on all your social media channels, at your blogger meetups, your book club, your dentist etc – NICELY until they get the message. Make sure to convey the message in a positive uplifting way, the fact that you are bigger and better now and mean serious business so this switch is a result of that.
 
Keep your OLD blog alive until traffic moves to your new blog. There is no hurry to delete it and Google won’t so you don’t have to either.

 

That’s it! Need any further help? Let me know!

 

chloe-signature

 
 

The Blogger Freak Out Email: Part Two // WordPress Timezone

You know how I said last week that I get these blogger freak out emails which make it seem like the world is ending? I got another one today, courtesy of Larissa aka Larz of LivinLikeLarz.com. Don’t get me wrong I love Larz, she is only 19 years old and she is achieving ALOT in the blogging world, but she freaked out today because her blog post wouldn’t publish. I guess it was actually a big deal because it was for Teen Vogue and Sephora so maybe the freak out was warranted!
 
Nonetheless she asked:

 

livinlikelarz
 

The Question: My blog post was scheduled but never posted on time, so I went in to manually publish it and every time I try to, it reverts back to being scheduled again! What’s going on?

 
 
I have heard this issue a few times and I get that it is frustrating. Luckily it is an easy fix.
 
I am not 100% as to why it happens but WordPress timezone settings changes sometimes, maybe because you are in a different location then when you first set your WordPress site, actually that is probably why. If/When you ever have this issue, have a look in your settings, at the timezone WordPress says you are currently in. If it is wrong, then choose where you are from the dropdown or manually set it from the UTC options.
 
This is a screenshot from my WordPress timezone settings. You’ll notice, because of daylight saving hours, it says my current timezone is an hour before the time actually is. What I have done here is chosen UTC+1 so my WordPress time is London time right now.
 
wordpress timezone
 
That’s it, if you go back to the blog post that would not publish, it will now!

 

chloe-signature

 
 

Why your Image File Size is Slowing Down Your Blog!

The other evening, I called Las Vegas (well not the actually city!) to speak to the lovely Ashley, who is one half of TheAllureAvenue.com. She blogs with her Las Vegas born bestie Kristen which I thought was so cool – to girls on a blogging mission! I called Ashley to help her set up theFEED on their blog mobile site and whilst doing so, Ashley asked me a question about their desktop blog site speed.
 

allureavenue

The Question: Why is our site loading so slowly?! We think it’s our slider but we love it so much and don’t want to get rid!

 

If you go on their blog you’ll notice they have an image slider at the top of their site. This slider takes a while to load and because it takes up most of the page it appears to a reader that the whole site has not loaded even though if you scroll down you’ll notice the rest of the blog has already loaded! It is not necessarily the case that the girl’s entire site is loading slow just the slider which could cause a reader to leave the site and we for sure don’t want that!
 
(the page when the slider is loading)
 
allureavenue
 
(the page when the slider has loaded)
 
allureavenue
 
I did a little investigating, for the girls and the reason why Ashley and Kristen’s image slider is loading so slowly is because the images they are uploading to it are way way way way WAYYYYYY to big. I mean WAY.
 

Let me break it down:

 
Ashley and Kristen’s image slider dimensions are 920px by 500px however the images they are uploading for it are MAAAWHOOOISIVE! The image size they are uploading is 4752px by 3168px. Don’t worry girls this is a common mistake, you’ve gone out and done a lovely photo shoot then uploaded your images straight from your digital camera. This is a big no no. Before uploading to wordpress you should use an Image Optimizer to reduce the dimension size e.g. to 920px by 500px and image file size so it’s alot smaller.
 
The first image in the slider, on girl’s blog is the one below. The image as is, uploaded to their slider is 2MB, which if you think about it logically, there are 9 images in the slider therefore loading about 18MB in total which is Bananas with a capital ‘B’! I took this image and ran it through Photoshop’s Image Optimization Tool (alternative online version can be found here) and changed the dimensions to fit the slider. I managed to reduce this image file size down to 569KB. This is a image file size reduction of 75% !
 
allureavenue
 
If Ashley and Kirsten reduce all the image file sizes, in total the slider will load 4.5MB instead of 18MB which will, in turn, load a lot quicker.
 
The moral of this story is to Optimize (with a capital ‘O’ for effect =]) your photo’s before uploading them to your blog, not just for slider’s but for blog posts as well!
 
chloe-signature

 
 
 

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

The Blogger Freak Out Email! Resizing your affiliate ad banners

Resize Affliate Ads
 
Yesterday I got a panicked email, followed by a panicked text from my friend and blogger Diana of Trendbridged.com. I don’t like these emails! Not because I am being asked for advice, as you know I am always down to help a blogger out with tech help BUT I don’t like when the email makes it seem like the world is about to end. It’s not, everything is good, let’s calm down now. I’ve told Diana that if she continues to send me these panic emails I’m actually not going to help her anymore, think about it from my point of you, I nearly have heart palpations thinking something major is wrong and it really isn’t and well, I’m trying to live a very long and healthy life!

 

Diana’s Email:

 

Screen Shot 2014-06-21 at 12.33.27

Subject: I messed up my ad banner on the right sidebar

Body:

Can you please fix it for me please?

Pretty please!

This is the link for the banner ad.

It used to sit on the right sidebar as a widget- and now when I am adding the code- it just doesn’t scale right.

:(

 

What was happening was, the image in this affiliate ad code is wider than Diana’s sidebar, so when she pasted the code in a widget, it looked like it was jumping out of her sidebar.

 
trendbridged.com screenshot
 

 

The width of Diana’s sidebar is 222px, we know this because if you pretend to take a screenshot on a mac (CMD + CTRL + SHIFT + 4) you can use the crosshair cursor to measure the width of an element on your site. To make the ad image the same width as the sidebar we edited the img tag to include a width attribute with the value of 222px:

 

 

 

 

The final code looked something like this, you’ll notice the new width attribute on the img tag:
 

 

 

 
trendbridged.com screenshot
 

 

That’s it! Was hardliy earth shattering, life altering stuff, was it? =]
 

 

20140608-143232-52352488.jpg