Sunday, 19 October 2014

3 tips when you are thinking about starting a webshop

Some bloggers might think to start a webshop to make some extra money. There are many simple ways to do it. We launched a web shop for Züny animals this weekend. In the process we looked at a lot of options and we thought to share them with you who might find them useful.

Selecting the right web shop platform
We looked into several platforms, which all had their unique features. Tictail is the all free and most simple to set up, but does not really have much features. Finnish platforms Vilkas and Holvi turned out to be a bit too complicated for a first timer. One of the most easy-to-use and good looking one is definitely Shopify. It is not free though, but not expensive either. So if you want to put a little bit effort on it, but do not have any real skills, that might be your best option. We decided to use Shopify platform because:

  • we wanted it to look really really good 
  • it needed to work on all platforms, especially mobile 
  • we wanted to have various discounts available 
  • easy sync with Google Analytics logic is the easiest to understand with zero experience in coding 
  • it’s not too expensive 
Planning the marketing 
No one will find your shop without you market it at least a bit. The first and easiest way is to let your friends know about the store. They are a good source for feedback also. Secondly you should also make a budget for the marketing and at least some kind of plan. This can take a lot of time and effort, much more than you would expect. As they say, ideas are easy - execution takes effort. You want have good photos and think about optimising those to different social media channels.
 In our ZunyStore we decided to use Facebook, Twitter, Instagram, Pinterest and Google Ads, and try to maximize the developing communities. We are also doing some blogging campaigns to get the party started.
In Shopify one of the brilliant things is that you can have unique discount codes for example for bloggers who can activate their readers to Your shop.

Reserve enough time to do everything
This is really important. You are probably going to underestimate the time spent on the build-up. In our case time got used example for these:

  • Selecting the platform and learning to use it 
  •  Benchmarking other players and prices on the market 
  • Taking product photos (this is really a bigger task than you would think) 
  • Making an agreement with the manufacturer 
  • Planning the marketing 
  • Selecting the shop layout (Shopify has an amazing selection of free templates!) 
  • Writing product descriptions, keywords and adding those to the site 
  • Meeting the reseller of Europe 
  • Selecting and ordering the products 
  • Finding a storage for the products 
All in all, the excitement when your Store is finally open and customers start rolling in is worth all the trouble. Thanks to all the little helpers and especially the Shopify chat personnel who have been amazing and answering every little questions we have been bombarding them with. We think the site looks good. Hope you do too!

Thursday, 27 June 2013

How to add a line between the widgets in your sidebar on Blogger?

We have a question from Dana Cherry: First of all, I love your blog!  I'm not exactly sure how to describe it, but on your blog you have those 2 faint peachy colored lines running all the way down on either side of your posts, separating them from the sidebars.  How do I achieve this through blogger?

Here is the answer. This tutorial shows you how to add a line between the widgets in your sidebar on Blogger. This can be altered in the Template Designer.

Adding a line in the Template Designer

1. From your blog’s home page, click TEMPLATE in the top left corner

2. Click the CUSTOMIZE button (underneath the preview of your blog). This opens up the Template Designer

3. Click ADVANCED, located in the list at the top left corner of the screen

4. Click ACCENTS - choose color according to your desire for 'Separator Line Color'  picking a color will automatically generate the hex number, or you can directly use whatever hex color value you would like.


If this helped you, please let us know and share this post. Thanks :) Have a wonderful day!

Friday, 19 April 2013

How can I easily create an item collage on my blog?


This was the question I had in my mind about two months ago. I wanted to have a beautiful, visually-pleasing collage where the viewer could see an item's brands, prices, and links to the item's shop. So, we decided to build it.

Now you can create simple collages on your blog:
  • First, you need to create a StyleLoving account
  • Add the items from the shop to your profile. (You need to "want" or "own" the products you've added.) 
  • Then, go to the widget page:  And drag and drop the items into the collage. You can also just click the times you want to appear there.
  • Then you copy and paste the embedding code, and voila, it's done. :) 

At the moment, you can use a StyleLoving collage on Blogger or Wordpress blog. We hope you like it!"

RICHARD NICOLL Two Tone Merino Wool Sweater
GIVENCHY Antigona Piccola Azzurra
BALMAIN Cobalt Blue Velvet Patterned Dress
SHEINSIDE White Short Sleeve Paris Print T Shirt
BRAGGADOCIO Set Tulle Skirt Silk Long
SHEINSIDE Black White Long Sleeve Diamond Print Blouse

Monday, 21 January 2013

How to center a banner image on Blogger

Last time Cava asked how to get the banner image on the top of the Blogger blog. Now she had an extra question (thank you! :)) and that is: “How to center a top banner image”. There are two different ways to center a banner image on Blogger blog:
  1.  By uploading an image 
  2.  By embedding HTML/JavaScript Code
1. Uploading an image

If you uploaded your banner image via Gadget, Blogger will automatically align it to the left. There are no options for middle and right alignment. Sometimes your header image is not as wide as the rest of your blog then it’s possible by adding CSS.

You just have to do two simple steps:

Step 1:
Upload your Header image.

Step 2:
Go to your Template Designer > Advanced > Add CSS (see below), and add this code:

.header-outer {margin-left:90px;}

You might need to adjust the “90″ value depending on how large your header is and how wide your blog is, so just play with the number until it looks right. (smaller #s will move your header to the left, and larger #s will move your header to the right)

2. Embedding HTML/JavaScript code

If you are embedding your banner through HTML/JavaScript code then it’s also possible by adding CSS. You just have to do these two simple steps:

Step 1:
Make these two little changes in the start and an end of your code which you are going to use for your banner.

<div id="MyBanner">
(your code)

Step 2: 
Go to your Template Designer > Advanced > Add CSS (see below), and add this code:

#MyBanner {margin: 0 auto 0 -60px;}

You might need to adjust the “-60″ value, depending on how large your header is, and how wide your blog is, so just play with the number until it looks right (smaller numbers will move your header to the left, and larger numbers will move your header to the right).

You can adjust your banner and see how it’s looking just below the code when you are changing numbers, Click Apply to Blog when you are happy with your changes :)

Hopefully you found this helpful! :)

Sunday, 20 January 2013

How to get AdSense account approved for your Blogger blog

Hi! I'm so excited. Bloggerial got more than 1000 views on the SlideShare account. I guess this blog has been helpful to some people at least. ;)
But then to the main topic... This time I got a question from Jenna (she has a lovely blog by the way). She wanted to start using AdSense, but for some reason her blog wasn't approved.
What is AdSense?
It is a program run by Google that allows publishers to serve automatic text, image, video, and rich media adverts that are targeted to site content and audience. You can see on the right side of my blog some of these ads. So how do you create a Google AdSense account?

But then to Jenna's main question, why her blog wasn't approved. Google AdSense have some strict account approval policies. Some of them are listed below:
  • In general the blog should be 6 months old. 
  • Usually it helps if you have a custom domain and a professional email address. This works in 70% of cases. (Source)
These are the reasons that's why Jenna's blog wasn't approved this time. So hopefully Jenna you can wait for the next three months... Then your blog will be 6 months old. :) Unfortunately this time it seems like I can't help you to get the AdSense up and running on your blog. :/

Have a great weekend everyone!

Thursday, 17 January 2013

How to Add a Custom Top Banner in Blogger

This great question came from Cava. She wanted to know how we put this extra advertisement on the top of our Blogger blog.

By default, Blogger offers you a static blog header including title and description of your blog. Sometimes you might want to add something else on the top of your blog header, like we wanted to add StyleLoving advertisement.

So lets add a new custom header to your blog. This is fairly simple, takes 5 mins max. :)
  1. Navigate to your Blogger Dashboard.
  2. Click on your Blog Title (in our case Bloggerial).
  3. Move on to Template tab from the left pane.

Click Edit HTML button.

Tick on, Expand Widget Templates option.

Now search for following or similar line of code in your template which relates to your blog header section and alter attributes using regarding attribute information indicated.

Maximum Widgets in Header Section

This attribute specifies the maximum number of widgets can be included in header section. The default value is 1. So, by default, you can't add widgets more than one for your header section. By changing this value, you can allow adding more widgets for header section.

i.e: <b:section ... maxwidgets='2' ...

Enable/Disable Adding New Elements

Though you specified a new maxwidgets attribute value, you may not see Add a Gadget link at Page Elements page until you change this attribute value to yes. Change value to yes as you gonna add new custom header.

i.e: <b:section ... showaddelement='yes'

Now you can add custom header for your blog. But before you proceed, let's remove current header on your blog. You can find the line similar to below, just after the line of code

Change the locked attribute value to false.

i.e: <b:widget id='Header... locked='false'...

Now Save Template.

Go to Layout tab.

Now you can see in your layout above header there is one Add a Gadget link. Click on the link to implement custom header.
Hopefully you got it working. :) If not, please comment.

Wednesday, 9 January 2013

How to create a quick survey on Facebook?

Hello! This time we got a good question from Avec Sofié. She asked "How to create quick surveys on Facebook?".

Image from: Avec Sofié

The easiest way is to create it inside Facebook using their own poll application. However this only works if you want to ask only one question. If you want to create a proper survey, then SurveyMonkey and Google Forms are probaby the best ones. We will write about those in near future. :)

Here is a quick guide how to ask a question in your Facebook fan page: