Showing posts with label Technical Stuff. Show all posts
Showing posts with label Technical Stuff. Show all posts

Thursday, 9 October 2014

How to create a recipe box / card for your blogger blog.

Its been a little while since I posted a technical tutorial on this blog so today I am going to share how you can add a recipe box / card to your blog post. The reason one should add a recipe box is that it writes the recipe in microdata form which in turn makes the recipe easier to find across the internet.

How to create a recipe box / card for your blogger blog:

1. Go to any site such as photo bucket or image shack  and create an account where you can upload a photo and get a direct link to your recipe photo you want to use on your recipe card. Upload your photo and copy the direct url and keep a note of it  by pasting it in note pad. You will need this in step 2 at the very end.
2. Open a new tab in your browser and open  The Recipe Wiz
3. Fill the recipe box  tabs with the recipe instructions.




 3. Once you have entered all your recipe details , click on get microdata. Micro data code will look like this:



4. Copy the microdata code
5. Create a new post in blogger.
6. In blogger you need to have your post open in html format.



7. Once saved, your recipe card will have a photo of your recipe and all the instructions of your recipe written in microdata format finding it easier to find your recipe on the internet.
8.Your recipe card should look like this:































8. You can add additional text and photos above or below your microdata code if you wish to add more information or images in your post. However the microdata template will allow you to show one thumbnail picture only on your recipe card.

Sunday, 29 June 2014

How to add blogger blog sitemap to Google webmaster tools

Adding your site map to Google webmaster tools is important for getting your blog indexed for google. Here are simple instructions showing how to add your sitemap.

1.Go to google webmaster tools.
2. Log in with your blog credentials.
3.Click on the site you wish to submit the site map for.





4.Click on button “sitemaps”.




5. A pop up menu will appear showing your  blog URL.


6. Next to the blog URL you will see box, in the box type in feeds/posts/default



7. Now click on "test sitemap."



 8. Now click on  "view test result."



You will now see a box at bottom that says no errors This means sitemap is working and the test was successful.


9. Now repeat steps 4-7 again but this time click on "submit site" instead of test site.



You have now successfully submitted your sitemap to Google webmaster tools.

Monday, 24 February 2014

Enabling threaded commenting on blogger blog


Enabling threaded commenting
If you have commenting enabled on your blog, then threaded commenting will work provided you have your blog feed set to "Full," and have chosen the “Embedded" option as opposed to “Full page” or “Popup window.”
Threaded commenting is useful as it allows you to reply to each specific individual comment and participate in a group discussion or follow individual conversations.

1. To change your commenting settings, just go to the Comments section and select settings


2.In settings select Posts and comments.



3. In posts and comments a box will open up offering 4 options:

  • Embedded
  • Full Page
  • Popup window
  • Hide


5. Select Embedded and save.


6. Click on  settings and choose Other



7. Where is says Site Feed change it to Full and Save.You have now enabled threaded commenting.


Saturday, 25 January 2014

How to add a cookie policy widget to Blogger Blog





Its very important to have a cookie policy widget to your blog. The  EU must implement the EU Cookie Directive. Under this law, websites are required to get visitors informed consent before placing a cookie on their machine.If your site uses any third party cookies, Google Analytics, Facebook ‘Like’ buttons, Social plugins, ‘Add This’ social sharing buttons, or any other non essential cookies, you will need to add an cookie opt in interface to your site.you can read all about it here.

How to do this.

Step 1
1.Go to your dashboard and click on design.

2. Select pages and then blank page.Once the blank page opens you will need to write a privacy policy.There are many templates available on the internet, you can use any of them and you can add the text and customise it to fit with your blog .. You can check out this sample.




3. Once you have created your privacy policy page you need to publish it. Make a note of the privacy policy  page URL you will need it in step 2.

Step 2There are many cookie policy widgets on the internet, one I find easy to install is by heartinternet.co.uk

4. Go to layout and select add a gadget .







5.In gadgets,select HTML /Java script and a pop up widget  box will open.(Configure HTML/javascript)



Add this code in the HTML/Java script widget box

<link rel="stylesheet" type="text/css" href="http://www.heartinternet.co.uk/eu-cookie/main.css"/> 
<link rel="stylesheet" type="text/css" href="http://www.heartinternet.co.uk/eu-cookie/white.css"/>
<script type="text/javascript" src="http://www.heartinternet.co.uk/eu-cookie/support-opt-in.js"></script>
<script type="text/javascript" src="http://www.heartinternet.co.uk/eu-cookie/require-opt-in.js" read_more="http://YOUR_DOMAIN.COM/PAGE_URL.html"></script> 
<script type='text/javascript'> HI.optInCookies.disagreeURL = "/PAGE_URL.html"; </script> 

<style>.hi-cookie-power {visibility:hidden;}
</style>

6. In the code replace the red text with url of your privacy policy page that you created in step 1
7. Save the gadget and position the gadget at the footer of your blog.
If you have followed the instructions properly you will see this on your homepage.

NB- For word press blogs check this page.

Thursday, 26 December 2013

How to back up your blogger blog in 7 easy steps.



Backing up your blog is very important. You should aim to do this at least once a week. If some thing happens to your blog you can easily restore it if you have a backup.

1. Log into your blogger dashboard.Click on the image with the black file. A drop down menu will appear.

2. From the menu Select SETTINGS.


3. In setting select OTHER


4. Move to the top of the page where you will see 3 options: IMPORT BLOG, EXPORT BLOG, DELETE BLOG.




5. Select EXPORT BLOG,  when you do this a dialogue box will appear that will give you option to down load  blog. Click on it.


6. Down load this file it will be in xml format . SAVE this file in a folder created for your blog back up on your computer.

7. Make sure you give the file a recognisable name so that if you need to restore your blog in any instance you can find it easily.Also make sure that you keep this back up folder in two places so that you always have a copy if your computer crashes.

Make sure you back up your blog at least once a week.

You may like:
How to add contact me form in blogger.

Friday, 15 November 2013

How to add a "Contact Me" form in blogger.


Part 1

1. Go to Email me form and create an account.
2. Log into Email me form with your user name and password
3. Click on add form.
4. Click on go to template section
5. Select Contact form.
6. Click on customize
7. Click on add field
8. Select additional fields in advanced that you wish to add to your form.
9. Once you have added all the fields you want on your form click on save form .
10. Click on take me to form manager.
11.Click on code and copy the html code generated for your form.

Part 2

12. Log into your blog and  on home page in top right corner click on design
13. In left hand corner click on pages.
14.Click on new page , blank page
15. Give the page a page title "Contact Me"
16.Click on html in your post and add the code generated in Step 11 and paste it here.
17. Save
18. You can add any other text to the page you wish. Save and publish.

Monday, 28 October 2013

How to set up google authorship with blogger blog



Setting up Google Authorship is very important for your site to attract more visitors. It also allows your site to get a better position in search engine. Google has provided writers a way to verify to readers that the content is unique, valid, and yours. 

How to set up Google Authorship:

Step 1

Create a google plus profile and fill in all the relevant details on your profile page, add a headshot photo of yourself to your profile. Save the page and make a note of the Google plus profile url with the long number in it. You will need to add this in Step 2.

Step 2
  • Make an about me page on your blog. Include a photo of yourself , make sure it is same photo you used for google plus profile
  • In your about me page, start with an opening sentence that says: My name is “add your name here” I am the author of “your blog name here" 
  • Add this link to your name once you have added your details in the where the red script is.
<a href="https://put your google plus page url here /" rel="author" target="_blank">put your name here </a>
  • Link your blog url to your blog name in the sentence.

         Add any other info about your self on the about me page.Save the page

Step 3

Go to your google plus page and open the page, click on about.
Click on edit profile and in the section that says other profiles add the following:

  • Your blog about me page url
  • Your blog homepage url
  • Your twitter url
  • Your facebook url
  • Your  pinterest url
  • You can also add any other profiles you have like linkdin, stumpleupon ,network blogs etc
Step 4

Click on the edit contributor section and add the following:
  • Your blog homepage url
  • You can add url of any other websites you write for.

Step 5

Click on the edit link section and add the following:
  • Add your blog about me page url
  • Add your blog home page url

Make sure you hit save after adding all this info.

Step 6

Open this page:
Click on this link and verify your email address, this email address should be the same for googleplus and your blog login.

 Step 7

Now go back to google plus page about page and you will see your email address will appear in the contact information with a tick next to it.

Step 8

To see if Google Authorship has worked click on this link:
Type your blog url  in the box and check if authorship has worked.


Google authorship can take anything up to three months to start working. 



Monday, 7 October 2013

How to add Link Within to a Blogger Blog



Link Within is a blog widget that links related stories from your blog archive. It helps to increase page views and keeps the reader engaged allowing you to retrieve archived posts and present them to your readers with the new posts.

Here are simple instructions on how to add Link Within to your blog.

1. Sign in to your Blogger Account.
2. Open the Blog you want to use add Link within to.
3. In another tab open www.linkwithin.com.
4. On the Link within page enter your email-id, your blog URL and then your blog platform.
5. Next select the number of links of posts you want to show.
6. Click Get Widget
7. Then on install widget page click install widget in the first line.
8. Select your blog name and click Add Widget.
9. You will be redirected to your blog , make sure you are logged into your blog.
10.In layout you will find Link within widget included automatically.
11.Drag the widget to the bottom of your blog post on the layout .This will give it the best exposure.
12. Save layout and refresh blog.
Widget should be installed.

You may like:
How to add a Facebook Page Like box on your Blogger blog.

Friday, 27 September 2013

How to add a Facebook Page Like box on your Blogger blog.



I am sure that most bloggers who have a blog also have a Facebook page where they share their blog posts on Facebook. Wouldn't it be great if you are able to have a simple and easy way for your blog readers to LIKE  your Facebook page without leaving your site?
Here is a very simple way to add your Facebook page to your blogger blog.

Part 1

1.Make sure you have a Facebook page, if you don't you need to create one before you start.
2 .Get your Facebook page URL by visiting your Facebook page and copy the URL
3. Go to your Facebook developers page.





















4. Paste your Facebook URL in the box that says Facebook page URL
5. Next customise your width  and height.
6. Check boxes for show header, show stream, show border, show faces.(Customise this to suit your taste by selecting or de selecting the boxes.As you select you will see your widget change, once you are happy with the size and customization. Click on get code.
7. Once you click on get code a dialogue box will pop up with 4 options on top:

8. Select I frame and copy the code.


Part 2

9. Log into your Blogger blog and go to layout.
10. Select add a gadget
11. Select html / javascript and click on the + sign
12. Paste the code you have copied from Step 8 into the gadget and click on save.
13.Reposition the gadget to the required position on your sidebar layout by dragging it up or down.
14. Save layout and view blog.
The widget should be showing in your side bar.

You can also watch a video of how to do this here.

You may like:
How to add Link Within to your blogger blog

Wednesday, 11 September 2013

How to add this social bookmark Share buttons to your blogger blog

To popularise you blog and content, increase traffic and engagement it is important to encourage your readers to share your content on social media, you can make this easy by providing buttons for your readers to share your content.
Here are simple instructions on how you can add Share buttons on your blog.

Part 1

1. Create an account at Add this.
2. Click on get the code and select Share button
3. A grey box will appear.

4. From "Get sharing button for" select 
Blogger





5. Select style that you require .





6. In Options section click on my profile
 and select your profile.






7. On the right side you will see a preview of your buttons, these are created by Add this however you can customise them by clicking on disable and select your own buttons if you require.This can be done by clicking on the button options from the left and and dragging them to the selected buttons on the right.




8. A preview will appear at the top for all the buttons you have selected.
9. Once you are happy with your selection move down to add to blogger and click on Install widget. You will see this box.

10. Click on add widget and you will automatically land on your blog layout page with the code added in the side bar.
11.Reposition the gadget to the required position on your sidebar layout by dragging it up or down.
12. Save layout and view blog.
The widget should be showing in your side bar.

You may like:
How to add this social bookmark Follow buttons to your blogger blog.

Tuesday, 3 September 2013

How to add this social bookmark Follow buttons to your blogger blog


Get more fans and followers for your social media profiles on Facebook, Twitter, and other popular social networks by adding follow buttons on your blog.

Part 1

1. Create an account at Add this.
2. Click on get the code and select Follow button
3. A grey box will appear.


4. In the grey box select my profile and select your own profile in the drop down.






5. In the header section select a title you wish to give your buttons such as "Follow Us"
6. Select the design  for your buttons from horizontal large, horizontal small, vertical large ,vertical small.


7.In the next section you can create as many buttons as you want, just fill in the individual URL's of all your social media sites you wish to create a buttons for.


















8. You will be able to see a preview of the buttons you have created.
9. Once you have created all the buttons you require, click on grab the code.




















Part 2

9. Log into your Blogger blog and go to layout.
10. Select add a gadget
11. Select html / javascript and click on the sign
12. Paste the code you have copied from Step 9 into the gadget and click on save.
13.Reposition the gadget to the required position on your sidebar layout by dragging it up or down.
14. Save layout and view blog.
The widget should be showing in your side bar.

You may like:
How to add social media Share buttons to your blogger blog

LinkWithin

Related Posts Plugin for WordPress, Blogger...