Thursday, 31 July 2014

Is text to code ratio relevant for SEO?

  • The short answer is: no. There is no such metric or signal or anything, what would Google measure.
  • The long answer is: ...yes! How? Optimizing text to code ratio to the benefit of text, we reduce the code rate. Less code generally effects less page loading time. And this is very well a measurable signal, evaluated by Google and influencing a rank.
So what now? Text to code ration as measurable number isn't relevant for SEO in no way. But it does matter as a first symptom of possible loading time issues, related to dispensable code inside of web document. How to reduce the website code amount?
Read full article »

Tuesday, 29 July 2014

40 secret keyword research tools to find the million dollar keyword

free keyword research tool
Some of the most popular keywords, which Google suggests, regarding keyword tools are "keyword research", "keyword spy", "keyword generator", "keyword finder", "keyword discovery", "keywords search" and "keywords for SEO". I decided to tell about some tools, which i use for certain aspects of keyword research. The keyword research tools i tell about have all in common, that they aren't well-known as e. g. Übersuggest, but they accomplish exactly so good if not better the same tasks, as established commercial and free tools.

What are the main keyword research tasks a SEO and SEA use to do? The tasks are different (better optimizing, saving money, out-competing of competitor), but the primal goal of keyword research is always the same: to get more cheaper targeted traffic. A SEO is looking for keywords for optimized page or analyzes the competitor's landing page. A SEA is looking for keywords for an ad and for the landing page, or analyzes competitor's ad and landing page. Lets further look, which keyword research tools could be helping in this (only free tools and no affiliate links, promised:)
Read full article »

How to Turn Off Auto Enhance for Blogger Photos

When you go to upload photos on Blogger, look closely for changes between the picture you uploaded on your computer and how it looks on Blogger. If you notice any darkening of the pictures themselves, especially in light-colored areas of the photo, you are seeing the results of a Blogger auto-enhancing feature.

This Blogger auto-enhancing feature is packaged within the service and is intended to give your photos a more professional feel. It works by smoothing out fuzzy photos and removing any imperfections in personal photos, so that you see your best looking you. However, you may realize that not every picture that you upload needs to undergo this enhancement. In fact, it may even cause your site to look dull or outdated as it can turn white photos gray.

auto enhance on off
The first picture was auto-enhanced, while the second one was not

Turning Off Picture Auto-Enhancement on Google Plus

Fortunately, there is a way to adjust these settings so that you're able to turn them on and off at will. You may be surprised to know that the root cause of these changes actually lies with the Google uploader and your decision to link your Google+ and Blogger accounts together.

Step 1: Access Your Google Account

Blogger is just one of the many services that make up the Google network. When the company released Google+, this Blogger auto-enhancing feature came with it because adjustments were made to the Google uploading service. These same changes take place when you're adding pictures from your library in Picasa. The good thing about Google is that they allow you to make adjustments to your settings from one central location by navigating over to your Google account.

In order to turn the "Auto Enhance" feature off, go to your Blogger dashboard, and click your icon in the top right corner, then the blue "View Profile" button (if you are not using Google+, click the "Account settings" link). Now you'll be taken over to your Google+ profile or settings.

google blogger profile

Step 2: Find The Enhancement Settings

Once opening your Google account, look for the tab on the top left corner of the page that says Profile > navigate to Settings - or if you are using a Blogger profile, click the "Edit settings" link under "Google+ settings". This will bring up a list with "Photos and Videos" options including "Show geo location…" and "Allow viewers to download my photos...". Look toward the bottom of the list for the 'Auto Enhance' heading and check the "Off" option to turn this feature off.

auto enhance off

Step 3: Auto Enhance on Photos You've Already Uploaded

Any picture that you upload from here on out will no longer be subject to this Blogger auto-enhancement feature; however, this will not revert any pictures that have already been uploaded. If you want to make any changes to photos that were uploaded during this period, do the following: from the same panel, click on the 'Photos' tab which it will take you to the albums for each blog > click on the blog where you wish to disable the auto enhance effect and press the down arrow > go to the "Apply Auto Enhance" option and choose 'Off'.

pictures auto enhancement

Notice The Results?

Now that the auto-enhancement feature is turned off, you may start to see different results when uploading. Remember that this change will affect all of your Google services across the board such as Google+ and YouTube. You may turn this feature back on, at any time, by repeating the steps list above and re-checking the account settings box. When you're done, just turn it back off. Understanding these changes gives you the power to decide for yourself which pictures you'd like enhanced, and which you don't.

How to change internal links when you chance your blog's web-address

This article is about how to change internal cross-reference links in your blog, if you change your blog's URL or web-address.


Blog Name vs Blog Address

Your blog has two "names".

The blog title is what you type into the Title field when you create a new blog.   It is displayed in your header (unless you've replaced it with a picture), and in the title-bar of the browser window when someone reads your blog.  It does not need to be unique:  you can make a blog with the same name that anyone else has already used.

The web-address, also called the URL or just address is quite different. You select in the Address field when you create a new blog - but it's not just a matter of typing in what you want.   Web-addresses must be unique, so as you type in a possible URL Blogger says "checking availability" - and if someone else already has what you have entered, it says
Sorry, this blog address is not available.
and you have to keep trying until you find a blogspot URL which is not already taken.

Usually the blog-title and blog web-address are very closely related.   For example, the name of this blog is Blogger-hints-and-tips, and the web-address is www.Blogger-hints-and-tips.blogspot.com.  And they may be even more closely related if you have a custom domain, eg
Title / Name: Rustling.org
Web-address: www.Rustling.org

In this case, I've made the blog-name slightly geeky (with a .org on the end) to make it more memorable.

Changing title vs changing address

You can change the blog-name at any time, using the Settings > Basic > Title tab.   Doing this has no effect on any links in you posts or widgets.  (Although it may confuse people who find your blog by searching for the name rather than for the web-address - which is a good reason to encourage them to become subscribers, instead.)

You can change the blog-address using the Settings > Basic > Publishing tab.   Just like the original URL, whatever you change it to has to be unique, ie not one that anyone else has used.

Sidenote:  If you want to use an address that a different Google account, eg a friend, used to have, then you need to transfer the ownership:  having the previous owner delete a blog is not enough to release the blogspot address for someone else to use.

But if you change the blog-address, then any existing links to your blog become dead, ie they stop working and anyone who tried to follow them gets a 404 error. This applies to both external links (eg on other people's blogrolls or Google's search index) and to internal links (when you have a link to one post inside another post or gadget)


What happens if change your blog's web-address

If you change your blog's web-address, then Blogger changes the links in your Pages gadget that point to your pages.

But Blogger will not change any other internal links in your blog. This includes:
  • Links in your Pages gadget that were added as External web-addresses - even if those web-addresses are posts or pages in your blog.
  • Links in one post that point to another one (called cross-links)
  • Links in your other gadgets - including LinksList gadgets and HTML/Javascript ones.

Therefore all these links will break if you change your blog's web-address.    If someone tries to follow one of these links they get a message like this:
Blog has been removed
Sorry, the blog at yourOldAddress.blogspot.com has been removed. This address is not available for new blogs.

However gadgets which calculate links (eg Blogger's Popular Posts, or the third-party widgets like LinkWithin) do keep working, because the they get the current link of your posts when they need them rather than keeping a stored copy.   (That said, ones that rely on your RSS feed to for information may stop working correctly.)

And of course Blogger will not change links to your blog that are in other people's blog-posts or gadgets.

This is why it's A Very Good Idea to get your blog name - including a custom domain if you want one - right before you start writing posts with cross-links.


Relative addressing and the Blogger Post Editor

Some people have asked if it is possible to internal links (ie links from one post to another) as
/12/2013/how_to_do.html
instead of
www.my_blog_name.blogspot.com/12/2013/how_to_do.html

So that if they change the blog-address, the links will still work.

However Blogger's Post Edit does not support relative addressing, so this isn't possible: If you enter a link as
/12/2013/how_to_do.html

 then when you you publish the post it is changed to
http://0.0.0.12/2013/how_to_do.html     (if you add the link in compose mode), or
http://yourWebAddress/12/2013/how_to_do.html     (if you add the link in HTML mode).

(I think this is a change from Blogger's previous behaviour from when I last investigated this issue:  previously it changed the links to something like http:/blogger.com/12/2013/how_to_do.html - and of course this doesn't work either.)


How to change internal links in your posts when you change blog-address

Unfortunately Blogger doesn't provide any tool to automatically update all internal links in your posts when you change blog-address.

Instead, you have to manually:
  • Edit each post
  • Look at it in HTML mode and 
  • Find-and-replace any links. 

The only slight automation is that you can do the find-and-replace by copying the entire post-contents to a text-editor like Notepad, using the Replace tool there, and then copying the entire post contents back to the post editor.

Some people have asked if it's possible to do this by:
  • Exporting all your posts using the Export Blog tool on the Settings > Other > Export Blog option
  • Opening the exported file in a text editor, and changing all the links with the Find-and-Replace tool.
  • Deleting all the posts from your blog
  • Importing from your export file, after it's been edited.

However this won't work because Blogger remembers the address of each individual post, even after they're deleted.   It won't give the same URL to another post, ever.  Instead, it puts some numbers on the end, to make the URL unique. For example, when I tested this:
http://myTestBlog.blogspot.com/2014/07/sweet-retroo.html
became
http://myTestBlog.blogspot.com/2014/07/sweet-retroo_19.html

You could use the custom-re-directs feature to repoint each old post-url to the new one, it would probably be quicker overall to simply edit each post.




Related Articles:

How to edit a post you have already published

Adding a Pages gadget to your blog

Setting up a custom domain for Blogger

Giving another Blogger account access to an address that you own

Monday, 28 July 2014

How to link guest posts to get the most author trust rank

Guest blogging is a hot topic now. There is much unclear with it: some of doing guest blogging get penalized, other are up and about spreading guest posts, and do it fearless and en masse. Ok, the life keeps moving, and incoming links must be acquired, whatever comes, cause they remain one of the strongest signals for the site ranking. In the last article about guest blogging i've written about guest post markup, which helps you to create an additional trust signals in it. Shortly, reading an article from Bill Slawski about Google co-occurrence patent and keyword relationships i got an idea about utilizing of co-occurrence for guest blogging.

What are main problems with guest blogging from Google's point of view:
  • guest article hasn't topically to do with the whole publishing site
  • guest article author is rewarded with (highly) keyword-enriched link anchor text from the guest article to author's own site.
The topical relation's issue is the business of an author alone - only author decides, where to guest post. But what is the motivation to guest post if not the keyword-enriched anchor in the backlink? It must be any kind of threading relation from the guest post to the own site. Let us look, how to set the thread without penalty fear:
Read full article »

How to Optimize Images for Better Search Engine Rankings

When search engines start indexing the pages on your site, they don't just focus on the writing. Web crawlers employed by services like Google and Bing shuffle through your site's structural code looking for any relevant information that they might offer to their customers. Some of the information includes things like backlinks, tags and even images.

Images make up a big part of any website. They help to excite the visual senses of readers and offer a little extra entertainment value. What most blog owners don't realize is that all of the photos that they upload to their site aren't confined to their site alone. Crawlers make sure that these images also show up within their respective search engines sites.

Image searches can have the effect of drawing in large numbers of new readers that were just looking through content in Google images. You can benefit from this traffic and increase your average subscriber by practicing image optimization.

seo image optimization

Image Optimization Tip #1: Alt Tags & File Names

Visitors may love images, but computers don't. Computers are designed to do what you tell them without violating any of the parameters. When web crawlers come across images on a website, they really don't know what to do with it because they are made to collect information, not interpret it. The solution to this problem is to optimize images and appropriately label your alt tags so that they display the correct content when someone goes to look for it.

For example, let's say you upload a picture of your dog, and label the "alt" tag by the dog's name, 'Frank'. The web crawler is going to read the alt tag without ever realizing it's a picture of a dog; therefore, the crawler will come to the conclusion that it needs to display the image when someone run a search for 'Frank'.

The minor word choice mistakes may not affect the operations of your website, or how your image is displayed, but it will affect the search results of others and the traffic that comes into your website. Whereas you may have been able to attract the dog lovers in the world using image optimization of your dog tagged 'dog', you are now drawing in crowds searching for their uncle "Frank".

To include the alt tag, simply add alt="this is your alt text" to your image tag. Here's an example:
<img src="pug-dog.jpg" alt="frank dog" />
But you don't have to touch the html code of the image. Once the picture is uploaded, click on it and you will see the "Properties" setting. Add the alt text inside the box and hit OK:

image alt tag

This goes the same for file names on a website. You need to optimize images and file names on everything that you decide to save to your website directory so that this information can be appropriately indexed and be used as a search term. You could name the file of your dog Frank, "pug-dog.jpg", which would encourage the search engine to add Frank into searches being performed with the phrase 'pug dog'. Alt tags and file names play an important interpretation role between you and the machine that makes your blog possible.

Image Optimization Tip #2: Add A Caption

After uploading your images, you should always add a caption to the image, so that average browser understands what they're looking at. This gives your website a more professional appearance and will help to keep people on your page.

Not everyone that comes across your picture using a Google Image search is looking for your blog. Maybe they just want to download the image, and that's all you'll ever get from them. The important thing is that they found your photo relevant to their search, and decided to navigate to your site in order to save it for their own use.

The longer those users stay on the site, the better it looks for you because it plays a role in the "bounce rate". Bounce rate refers to when someone clicks on a link, realizes it's not what they're looking for, and then immediately goes back to the search engine. If you can reduce the number of times that this happens by providing captions and intriguing content that will make people want to stick around, your SEO ranking will improve.

blogger image caption
Image caption and SEO

Image Optimization Tip #3: File Size

Improving your bounce rate can be tough because the attention span of the everyday Internet user is incredibly short. It may be as short as 8 seconds. High bounce back rates and slow loading sites can be the death of most blogs because no one wants to wait for the content to load. By the time your website finally loads with the content that you need, they could have easily visited two or more sites and found what they need from someone who was better prepared to handle their traffic.

Optimize images so that you are able to keep the file size as small as possible while retaining the quality of the photo. Images taken from DSLR camera - although they may look great - can be up to 1.4 MB in size if you take them directly off your camera and upload them on your blog. This type of space is massive for any everyday blog, and will hurt your SEO ratings.

Use Photoshop or one of the many online services like Google Picasa to rescale your images or reduce the file size. One service that can perform this ability for free and do a great job is Kraken. When you access Kraken site, it will allow you to upload the picture and download the new image optimization versions to use on your Blogger site.

Putting It All Together

At the end of the day, the quality of your site and overall SEO ranking isn't just about what you have to say. It's the entire package of what you have to offer. Optimize images every chance you get and use the strategies discussed above. Now that you know that you might have been neglecting images all along, you can make necessary adjustments and start to see even better results from all your hard work.

How Wikipedia moderators defend their sinecure keeping neu authors away from Wikipedia - new trick!

Since many years i get to know from many different people from many different countries about Wikipedia iron curtain, which is build by moderators to keep new authors away. Even today i got told about a new trick: two different people from different countries, who write in different languages, published at Wikipedia each of them an article, both articles are translations from English into other languages. While 24 hours both articles were deleted - the deletion reason was "the article wasn't written by a human, but was translated from another language version by use of automatic translation tool". And now go and bring a proof, you are neither a robot nor an idiot.

Saturday, 26 July 2014

Blogger vs WordPress: Which is Better for You?

There are two big-name services in the world of blogging: Blogger vs WordPress. No matter where you go on the internet looking for advice, these two names are nearly impossible to avoid because they play such an important role within the online content community.

If you're just starting out a new blog, or making some major changes to your current layout, you'll most likely be faced with the decision to choose between Blogger vs WordPress. Both are stellar services that are going to make your life as a blogger much easier, but ultimately, your decision must come down to one. So don't cross over, let's walk this path together and ensure that you don't get lost in the wonder world of web, looking for answers.

blogger vs wordpress

Before we start!

WordPress as you might have noticed, comes in two different flavors, wordpress.org and wordpress.com. Seemingly same, but practically, not. Like in Blogger vs WordPress, hosting at wordpress.com is like renting a corporate apartment where the corporate is responsible for maintenance and facilitation of your place. While hosting at wordpress.org is similar to buying your own apartment, where you are responsible for your place's security, maintenance and many others.

So, wherever in this post you see the word 'WordPress'; know that it refers to wordpress.org.

User-Friendliness

WordPress is a clear front-runner in the blogging and web design community in terms of how many people actually use the platform. The founder of WordPress, Matt Mullenweg, provided eye-opening statistics that around 18.9% of the entire Internet runs on WordPress. Compared to a 2012 study done by Blogging.org, of all the actual blogs on the Internet, WordPress makes up 43%, Blogger 35%, and the remaining blogs are Tumblr or other less known services.

However, just because something is used more often than another, it doesn't mean it's easier to use. The problem with WordPress is that it wasn't designed for beginners who just want to take up blogging as a side hobby. In order to set up your own WordPress blog, you have to have some previous knowledge of things like hosting, bandwidth, HTML and SEO practices. There are WordPress services out there that will help set up your site and get you online, but WordPress itself comes as a set of files that you are expected to download and configure to your own site.

Some hosting companies have made the idea of using WordPress a little bit easier with things like one-click downloads; but it's still a pretty steep learning curve for new bloggers to overcome. You also have to deal with paying for the costs of hosting your site and acquiring the domain name. If you opt to use one of the many WordPress services instead of setting it up yourself, you'll be stuck with a URL such as 'yourwebsite.wordpress.com', which takes away from the professional image you may be trying to portray.

Blogger is entirely based on Google and makes setting up a blog a breeze. With Blogger vs WordPress all you need to get started is to sign up for the service using your Google account, or make a new account like you would if you were setting up an email account. From there, Blogger takes responsibility for all your files, backing up the systems and the details associated with operating a content site like a database. Blogger is so much easier in terms of walking you through the steps, providing you with everything you need to be successful and it's at little-to-no cost to you.

Design & Customizability

Hosting at WordPress means stepping into the Disney world. With hundreds of featured rich-customizable design templates, you would find yourself literally lost in the WordPress arena, ensuring that your site looks unique, catchy and simply marvelous to visitors. The wide array of WordPress templates include customized designs for nearly every walk of life including fashion, entertainment, music, health, kitchen, etc.

Blogger templates, some would say, are not responsive; but let me tell you a secret. With a little search online, you can find hundreds of free, highly customizable, responsive Blogger templates that you can easily integrate into your blog, so that you, and your site visitors stay in touch with your blog through their handsets. For WordPress, however, you don't need to wander around. By default, it has rich and responsive native designs, making WordPress ideal for mobile bloggers.

Both platforms will allow you to make modifications to the theme and features of the site if you have experience or feel comfortable to use HTML and CSS. They also both provide helpful post areas for when you go to submit new content. These post areas will also include HTML and some basic functions to change the font style and the size of your text.

One design feature between the two that may tip the scale toward Blogger in the Blogger vs WordPress discussion is that Blogger is integrated with other Google services like Google Picasa. Picasa is a photo sharing site that will allow you to share all your personal photos, or the photos that you plan on using within your posts. These can then be accessed via the text editor when you are submitting content and can be easily included with the content.

Gadgets, Widgets & Plugins

Talking of plugins, WordPress provides you with thousands of easy to integrate plugins from security to multimedia, enabling you to add any feature or functionality in your site, in a couple easy steps. Users of this platform have submitted thousands of independent plugins that you can install for just about anything you would need, from SEO to E-commerce. There are so many interesting plugins available, that blog owners often make the mistake of cluttering their site with too many and distracting their readers from the content.

Blogger may not have as many plugins or widgets as WordPress, it does have enough to provide you with what you need. Blogger's simplicity in many ways provides it with an edge over WordPress because you are able to focus most of your time in producing great content, instead of seeing how many bells and whistles you can add on the site.

The SEO Question

Not every person that starts a blog is looking to make money off the content; some people just like to write for the sake of writing. Whatever your goals are for starting the blog, search engine optimization - or SEO for short - is a key strategy in growing your readership, so others might enjoy what you have to share.

Over 1 quadrillion searches are performed via Google each year. The goal of most SEO producers is to implement strategies that can appease Google so that their content will be ranked higher up in search query results. Blogger is a service created by Google, so it's obvious that they added their own formulas to the service to ensure that those blogs are doing what they need to do to be found.

Sticking to Blogger means Google would optimize your blog itself from a SEO perspective. All you need to do is check / uncheck a couple of options from your dashboard and Google will start crawling your site with just a click of a button. WordPress takes a hands-on approach that will require you to know a little bit more to modify your website design and content to meet these standards.

And the Blogger vs WordPress Winner Is…

In terms of Blogger vs WordPress, both services might be worth trying out, but ultimately Blogger comes out as a winner in all four categories discussed above. For new or returning bloggers, it is a fantastic service that makes it easy to focus on what you love, regardless of all the add-ons and fancy additions of WordPress. Blogger's simplicity is perhaps one of it's greatest advantages and provides bloggers of all experience levels a chance to succeed.

Friday, 25 July 2014

How to relaunch website avoiding main catches

How to relaunch website keeping ranking and position in SERP

seo-minded website relaunch
In the last time the most interest to the topic "how to relaunch website", as i shortly realized, rises in Germany, whereby i don't think, that this topic is indeed interesting only there.

Fact is: any website relaunch means losses. Losses of traffic, of ranking, of position in SERP, which are finally loss of money. I've seen losses of 4% and 40%, and there aren't the final numbers. The main objective of SEO is to minimize such negative impacts.

In short each website relaunch is a change of design and / or content structure. If content structure changes, with it comes definitely the change of URL structure. So we have generally 2 possible fields, where the new website version could meet a bad acceptance and following loss of traffic:
  • users could dislike the new design
  • search engines could become bitchy on indexing the new URL structure and some pages will be out of searcher's scope.
So how to act on relaunch to come out as a winner from the relaunch battle against our visitors and search engines? Look:
Read full article »

Wednesday, 23 July 2014

How to bulk check pagerank of all internal pages

Although Google means, we shall in general never mind about pagerank (PR). But the substantial part of any OnPage SEO audit is to clarify, whether a site structure is built properly and spreads correctly the link juice. The sign of correct site structure is: important pages inherit PR, not important pages don't. That is the purpose of project-wide PR measuring. Surely, nobody expects to perform such measurements manually cause of eventual links amount - a tool for such mechanical turk's task is a must! I thought... Damn, the search for this tool is on of cases, when i've got demonstrated again, the internet is full of crap and how i hate some SEOs!
Read full article »

Support the development of the Terra Centauri RTS

Not exactly hot of the press, but the developer behind the MegaGlest based RTS Annex: Conquer the world has started a new project:
In a lonely planet circulating a distant star, a war of survival rages on. There a sentient race, the Valkyries struggle to protect their world and themselves against the parasitic organisms Devourers. Explore large maps for resources, treasure, and other advantages to fight back the relentless horde of Devourers.

Terra Centauri: The Last Stand is a new unique MG based game. While game shares a similar art style to Annex, this game has radically different gameplay and much higher quality models.



He is also running a funding campaign on Patreon and you can give feedback on the Megaglest forums.

Speaking of Megaglest: while development has slowed down a bit lately, the work on the CE-GUI based new menu and HUD is looking great.

Monday, 21 July 2014

CustomizeMe Blogger Template (Helplogger Style)

CustomizeMe is a highly customizable Blogger template and SEO optimized to index your blog faster. It has been designed in a way that it can be easily customized according to your needs without having to touch the code of your template. All you need to do is to hit the "Customize" button and you are ready to start customizing your blog. Just try the template settings and be creative with the theme fonts, colors and backgrounds.

Some of the Template Features include:

  • Both Flat and Grid Design
  • Sticky/Fixed Left Navigation Menu Bar
  • Customized Popular Post
  • Recent Posts
  • Recent Comments
  • Page Numbering
  • Expandable Search Bar
  • Floating Social Bar Widget
  • Author Bio with Image
  • Related Posts with Thumbnails
  • 404 Error Page
  • Seo friendly

How to install the CustomizeMe Template

1) Sign in to your Blogger blog and head to "Template"
2) Backup the current template by clicking the "Backup / Restore" button > "Download full template"

blogger template backup

3) Download and open the CustomizeMe.xml file with a Notepad

open xml with notepad

4) Select all the code and to copy it to clipboard

select all code in notepad

5) Go again to Template and click the "Edit HTML" button

blogger template, edit html

6) Select all the code of your current template and delete it, then paste the code that you just copied earlier
7) Preview your blog and if everything is ok, hit the 'Save Template' button.

Please note that this method might delete some of your widgets, so if you want to keep any of them, just Browse for the CustomizeMe.xml file (step 2) and click on the "Upload" button (ignore the rest of the steps).

And that's it! Now you are ready to use the CustomizeMe Blogger template.

Adding menu items

Go to Template > Edit HTML, click anywhere inside the code area and press the CTRL + F keys. Inside the search box, type "item 1" and hit Enter to find it - see the screenshot below

change blogger template html

Change Item 1, 2, 3... with your page titles and replace "add-url-here" text with your url. Finally, click the "Save template" button to save the changes.

Recent Posts & Comments Widgets

Search (CTRL + F) for the following address and replace it with your own (you will find it twice and you must change it in both places):
http://helplogger.blogspot.com

blogger template html

Please pay attention to not have two forward slashes at the end of your address, otherwise the scripts will not be able to read the blog's feeds. Save your template after you have made these changes.

Enabling "About the author" profile

Go to "Layout" and click the "Edit" link of the "Blog posts" element. In the pop-up window that appears, check the "Show Author Profile Below Post" option and hit Save.

blogger author profile

Changing colors and fonts in the CustomizeMe Template

Go to Template > click the "Customize" button. Here you can do lots of cool stuff, like change all the default fonts, text and background colors - basically, anything you want.

Some of the customizations that you can make:
Add a Background image: Background > Upload Image > Browse and hit Done

blogger template designer, backgrounds

Change Fonts, Texts and Background Colors: go to Advanced > select the Element that you want to customize > select your favorite colors and fonts.

blogger advanced designer

To remove a color, just type "transparent" inside the text box as you can see in the above screenshot (4).

Once you're satisfied with the result, hit the "Apply to blog" button and view your blog. That's it!
Have fun customizing it ;)

Find things in your blog-posts' HTML by using temporary "marker text"

This article shows how to use "marker text" to help find things when you need to edit the HTML code behind one of your blog posts.



When you edit a post in Blogger, to start with you generally use the Compose mode, which shows you the formatted view of how your work will look.

But behind that formatted view, every post is actually written in HTML, ie Hyper-text Markup Language - a type of computer language that uses tags like <h2> or <a href="www.foo.com">  to say how to display the contents.

A number of articles, here and in other blogger-helper blogs tell you how to do thing by changing the HTML for the post. But if you are not used to working with HTML, it can be confusing tryign to fix the part that you need to change.

Marker-text is a technique that you can use to "mark" problem areas while you are still in Compose mode, so that you can easily find them again when you are in Edit HTML mode.


How to use marker-text to fix a problem in your post


Start to prepare or edit your post in the usual way.

Go to the place just before the problem you want to fix or change you want to make.

Add some extra blank lines.

In the middle of the extra blank lines, put a few characters or a word that do not occurr anywhere else in your post. I quite often use XXX - but you can use any letters, characters or numbers, for example PROBLEM JUST AFTER HERE or 12345.

Use the copy function to put the text you added (without the blank lines)into your computer's memory.

Optional: Go to the place just after the problem you want to fix or change you want to make, and add some more text eg PUT IT BEFORE HERE

Switch to Edit HTML mode, using the button at the top-left of the post editing window.

Start the "find" feature in your web browser:
  • ctrl / f in Chrome
  • ctrl / f in Internet Explorer

In the search box that opens, use Paste (ctrl / v) to put the exact marker text that you entered into the Find box, and press enter.

The post-edit window will scroll to the place where your marker text is, and it will most likely be highlighted.

You have now found the place where you need to work, so you can now make the HTML changes required.

Once you have fixed all the issues, switch back to Compose mode using the tab in the top left hand corner, and remove all the marker text and extra blank lines that you added.


Good Practise

You will be removing the marker text before you publish your post.

But just in case you accidentally click Publish before you mean to, only use text that would not be embarrassing if some of your readers accidentally see it.

Some RSS readers will see the contents of your post as they are when you first hit Publish, even if you edit them less than two minutes later.)




Leaving your Marker Text in Place

If you might need to find the same place in your post's HTML again, then instead of removing your marker-text, you may just want to comment it out.

To do this, put these characters before it:
<!-- 

and these characters after it
 -->

So it might look like this

<!-- START OF PROBLEM1 HERE -->

Make sure you get the spaces - highlighed in yellow   as well as both of the "-- characters.

If you do this, then you will not be able to see or find your Marker Text when you are in Compose Mode, but you will be able to see and find it when you are in Edit HTML mode.





Related Articles:

How to edit a post you have already published

Using cut, copy and paste in the Blogger post editor

The Blogger-helpers search tool

How to create bulleted lists in Google Plus posts

create bullets in Google Plus posts
Google Plus has only 3 documented formats: *bold*, _cursive_ and -strikethrough-. But it's a proven fact, that the one of the best arts to deliver information and to gain its visibility is to structure information into lists.

Good, with ordered lists it is no problem: you number each list line with bolded ascending numbers, *1. * etc. What is with unordered, bulleted lists? How to make bullets in Google Plus posts? For this purpose we utilize the computer's own capacity, namely the possibility to type and print unicode characters. This possibility is limited, but it is fully enough for creating bulleted lists in Google Plus posts. Other valuable usage of unicode characters is surely design of page titles, page descriptions, which are used in SERP as snippets, and ads texts. Designing of such text assets with unicode special characters gains their CTR enormously. About it at the end of article. Now lets create bulleted lists in Google Plus posts:
Read full article »

Monday, 14 July 2014

How to add a Google Contacts button to your blog, website or desktop

This article shows how to add a button that takes a user straight to Google Contacts to your blog or website.   It also distributes a picture that you can use in other places (eg your PC desktop) to make your own Google Contacts icon.




Most people have a button on their computer or smartphone, which they use to start their email.  For some, this goes straight to their Gmail account in a web-browser, while others use an system like Thunderbird or Outlook to look at their email messages in a Gmail account and/or in email accounts they have with other services.

If you use Gmail as your email system, then Google also gives you an address book, which they call Contacts. This is not the same as the address book in Thunderbird or Outlook etc, which is saved on your local computer.   Instead, the Google address book is saved on the internet, in your Google account.

Google Contacts is tightly linked to your Gmail account, and the way that most people access it is by:
  • Going to Gmail 
  • Clicking on the Contacts button in the left-sidebar.

But you can go straight into your Google Contacts, without having to load Gmail first.   And I often find that it is faster, especially if I just want to look up an address or phone number and not send an email.

To go directly into your Google Contacts book, just type    www.google.com/contacts into the address-bar of your web-browser.

This is easy - but some people would prefer to have a button that they can click, rather than having to manually type an address.

So I have created a picture that can be used on such a button, and written up instructions on how to add it to your website, or your computer.   This is licensed under Creative Commons:  I am giving permission for it to be freely used on any website, so long as you say where it came from in the way that I've shown below.

(If you a wondering "why on earth would anyone want that" - then please don't waste time reading further - you are clearly not the target audience of this post!   I know that there are some people who will be delighted with the idea, and that's who I'm writing for today.)


How to add a Google Contacts button to your blog or website

Set up a place to put the button

If you want to add the button to Blogger, then just add a gadget in the usual way, and choose gadget-type of HTML/Javascript.

If you want to add it to some other type of blog or website, then you need to use whatever procedure is required to add 3rd-party HTML to your site.

Add the code

The HTML code to add is:
<div class="separator" style="clear: both; text-align: center;"><a href="https://www.google.com/contacts" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj480VvLbdF9vgh_Rrnk3IzeuTlAgS-EdyZRjVxOLE9sved7FYghcWrg-v-axrSOVBGRpDUeUy4avH1WAAO1TUoWM77RZ1ZMdTBH5cmdpUsdZdYjS2AnNcFicvy1OSvSHmlM7LXifWzqotU/s490/google-contacts-icon.png" width="50%" /><!-- Google Contacts Start button from www.Blogger-hints-and-tips.blogspot.com   Design © Blogger Hints-an-Tips, 2014.   Licensed under Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)  -->  </a></div>

Make sure you all all the code, including the Creative Commons license information - this is what says you are allowed to use the picture.

Configure the size

You can change the size of the button by changing the number in this statement:
width="98%"
On my sidebar in Blogger-Hint-and-tips, I have it set to 50%.

You can use either a percentage value, as shown, or a pixels or em measure, for example
width="50px"
width="10em"

Job done!

Save the change in the usual way, and you will have a button on your website which opens Google Contacts


How to add a Google Contacts button to your computer / laptop / desktop

This is a little more difficult to describe, because it depends on exactly what computer and operating system you have, and what you mean by adding the button "to your computer".   But here are some options.

Browser Favorites

One option is to go to  www.google.com/contacts   and then before you do anything else save it to the Favourites section in your browser - and then you know you can get to Contacts using your regular internet button and choosing it from your favourites.


In the Windows desktop

Right click on your desktop
  1. Choose New
  2. Choose Shortcut
  3. In the screen that asks what you want the shortcut to, enter  www.google.com/contacts
  4. Click Next
  5. Enter the Name you want the link to have, eg "Google Contacts", and click Finish


The shortcut that is added to your desktop has a standard internet picture.   To change it to another
  1. Download this file to your computer, and save it somewhere.
  2. Right click on the shortcut that was created, and choose Properties.
  3. Choose Change Icon
  4. Choose the file that you saved in step 1


Note:   these instructions were prepared using Windows 8 - they may vary slightly for earlier versions.   But the same general approach applies.


 


Related Articles:

Copyright, blogs and bloggers

How to add a gadget to your blog

Sunday, 13 July 2014

Duck Marines, FOSS remake of ChuChu Rocket

Thanks to Tangram Games for pointing out to us that they just released version 1.0 of their local multiplayer game Duck Marines.

They describe it as:
Duck Marines is a cross-platform free software PC remake of Sonic Team’s ChuChu Rocket.
Duck Marines attempts to recreate the magic from the local multiplayer of ChuChu Rocket while adding new elements like mini games, a level editor, colorful pixel art and more.
But see for yourself:



For those not familiar with the original on the Dreamcast here is a small description of the gameplay:
The goal of the game is to get as many ducks into the submarine of your color. Gray ducks give you one point, gold ducks give multiple points and pink ducks will trigger an event or mini game.
Guide the ducks towards your submarine by placing arrows on the ground. When walking over an arrow ducks will instead walk in the direction the arrow is pointing.
Beware of the blue predators. Predators love to eat ducks and will kill a large number of your ducks if they reach your submarine. Try instead to guide the predators to the other players’ submarines using your arrows.
Source-code (zlib) can be found here, assets are licensed under the CC-by-NC-SA/ND. Build with the great Lua 2D game framework LÖVE by the way.

Android swipe views example

It is very easy to create an android swipe views using the ViewPager and FragmentPagerAdapter class. In this example i create three fragments and i make the fragments visible in an android swipe view in the MainActivity xml layout file. Here are the steps i follow for creating this example.

Step 1: Add the ViewPager element to the activity_main.xml file.
Step 2: Extends the MainActivity.java class with FragmentActivity.

Step 3 : Create an adapter class that extends the FragmentPagerAdapter class

Step 4: Create three Fragments and its layouts.

Step 5: Create an object of the adapter class and set it as the adapter for the ViewPager.
            

MainActivity.java
package com.swapdemo;
import android.os.Bundle;
import android.support.v4.app.FragmentActivity;
import android.support.v4.view.ViewPager;

public class MainActivity extends FragmentActivity {
ViewPager viewpager;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
viewpager = (ViewPager) findViewById(R.id.pager);
PagerAdapter padapter = new PagerAdapter(getSupportFragmentManager());
     viewpager.setAdapter(padapter);
}
}

PageAdapater.java

package com.swapdemo;

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;

public class PagerAdapter extends FragmentPagerAdapter {

public PagerAdapter(FragmentManager fm) {
super(fm);
// TODO Auto-generated constructor stub
}

@Override
public Fragment getItem(int arg0) {
// TODO Auto-generated method stub
switch (arg0) {
case 0:

return new FragmentOne();
case 1:
return new FragmentTwo();
case 2:
return new FragmentThree();

default:
break;
}
return null;
}

@Override
public int getCount() {
// TODO Auto-generated method stub
return 3;
}


}

FragmentOne.java

package com.swapdemo;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class FragmentOne extends Fragment {
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
// TODO Auto-generated method stub
return inflater.inflate(R.layout.fragment_one_layout,container,false);
}


}

FragmentTwo.java

package com.swapdemo;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class FragmentTwo extends Fragment {
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
// TODO Auto-generated method stub
return inflater.inflate(R.layout.fragment_two_layout,container,false);
}

}

FragmentThree.java



package com.swapdemo;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class FragmentThree extends Fragment {

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
// TODO Auto-generated method stub
return inflater.inflate(R.layout.fragment_three_layout,container,false);
}
}


activity_main.xml

<android.support.v4.view.ViewPager
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/pager"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

</android.support.v4.view.ViewPager>

fragment_one_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#F20C36" >
    </RelativeLayout>

fragment_two_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#0C1BF2">
    </RelativeLayout>

fragment_three_layout.xml


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" 
    android:background="#3EF20C"
    >
    

</LinearLayout>

Thursday, 10 July 2014

How To Set Up a Custom Domain in Blogger

Our web today is a wonderful place. It's increasingly become a knowledge hub for strollers around the globe. And you know what the best part is? It does not have a religion, race or color, that's where perhaps its strength lies in. Point being, no matter what you are after, from details of products to how to use them, from fruit varieties to language origins, from how to hack Facebook account to how to set up a custom domain name in Blogger. Each and everything is there, in abundance and easily available. Now I know you are here to understand how you can setup/host your custom domain on your Blogger account. So let's get on with it, without further delay.
blogger custom domain, godaddy

Before we start

It's important that you realize, it isn't difficult to add a custom domain into your blogger account. If you are a blogger, it's perfect if you already own your own blog, it shows your passion and love for blogging and provides you with freedom to move from one platform to another, when and if you need. Also from users perspective, it's much easier for them to remember and visit your blog at customized address like myblog.com than myblog.blogspot.com.

One of the best things about Blogger is that it does not push you to host your site with blogger. It is entirely your own choice to choose from either of two hosting plans 'hosting on BlogSpot' with address myblog.blogspot.com, or going with a custom domain with address myblog.com.

Some Popular Web Hosting Sites:

If you don't already have purchased yourself a custom domain, these are the places that you should be looking for to get one:
  • EasyDNS
  • 1and1
  • GoDaddy.com
  • Yahoo! Small Business
  • No-IP
  • ix web hosting
So now if you have bought yourself a domain, from either of these you would have an IP address and a name. Let's assume our is 'mynewdomain'.com.

Well, it's time to start adding a custom domain to your blogger account.

Remember:

Here we are using setup for GoDaddy.com, the most popular domain name provider. For custom domains from other sites, the steps are almost same, so don't vanish.

Setting Up Blogger Custom Domain

Step 1. Login to your Blogger account at www.blogger.com.

Step 2. Click on your blog and then go to "Settings", choose "Basic".

blogger custom domain

Step 3. Under "Publishing" section, click "+ Setup a 3rd party URL for your blog".

Step 4. Under "Third-party domain settings" next to "http://" type your domain that you just purchased and make sure that you don't forget to add the "www" prefix to the domain name.

set up custom domain in blogger

Step 5. Click "View settings instructions" to get the blogger's official instructions. On the Blogger instruction page, choose the "On a top-level domain (www.example.com)" option.

custom domain in blogger

Step 6. Under the point 9 of instructions, 4 IP addresses will be given, copy and save all 4 of them.

Step 7. Go back to your Blogger Settings and press Save. It won't get saved and an error will appear saying 'We have not been able to verify your authority to this domain. Error 32.'

setting up blogger custom domain

Step 8. Under the error, you will see two fields "Name, Label or Host Field" and "Destination, target, or Points To" field. Copy data of both rows from these fields.

Step 9. Now log in to your GoDaddy.com account and click on "My account" on the upper right corner > select "Manage my Domains".

godaddy manage domains

Step 10. Here you should see your purchased domain name > just click on your domain name.

godaddy domains

Step 11. Click on the "DNS Zone File" tab next to Settings and choose "Use Classic DNS Manager".

use classic dns manager

Step 12. Next, click the "Edit" button to edit your DNS Zone File.

blogger custom domain

Step 13. Under the "CNAME (Alias)" menu, click "Quick Add" button at the bottom of the screen (see image 1 in the below screnshoot).

Step 14. In the Edit box that now appeared, enter "www" in the first box and "ghs.google.com" in the second.

blogger custom domain

Step 15. Click "Quick Add" again and enter details from second row of the data we saved in step 8.

Step 16. Under the "A (Host)" menu, again choose Quick Add (see the below image).

Step 17. Host will be @ and the "Points to" value should be the one provided by Google IPs, saved in step 6 above. These are the Google IPs that you should get:
216.239.32.21
216.239.34.21
216.239.36.21
216.239.38.21
Step 18. Add all 4 of them one by one and delete old host as you won't need it anymore.

custom domain in blogger

Step 19. At the top of the page, click on the "Save Zone File" button to save your setings.

Step 20. Now go back to Blogger and try to save settings again. The registration process takes 24-48 hours, so don't worry if you get an error again. Come again later to Blogger after 24-48 hours, repeat step 2 to 4, press Save and the error should be gone.

Step 21. After your URL starts working, click on the "Edit" link next to domain name on setting page.

Step 22. Check the "Redirect... to..." checkbox below your site address to ensure that even if the visitors will miss out the www part, they will still be able to reach your site.

blogger custom domain

Step 23. And that's it. Enjoy your new URL!

So this was easy, right? Only a handful of steps and we have successfully completed our mission of adding our custom domain in our blogger account. In case you haven't yet, stay patient wait for 2 days and try again. Or repeat steps 1-22, and make sure you don't miss any. Otherwise your new URL is ready and all set to roam around the wonderful world of web.

Tuesday, 8 July 2014

How to give a face to your entities? Earn SEO profit with making Wikimedia Commons to your media hosting!

We already know, how to become an entity - create a Freebase topic. But this is a common issue that add image to Freebase topic is no longer possible. Our goals regarding semantic SEO and our images are however:
create new image at wikimedia commons
  • the ability to provide semantic informations about our images,
  • a possibility to share images with belonging semantic informations
  • embedding of semantically described images into web documents as images utilizing ImageObject class from Schema.org and, last but not least,
  • to host these images with belonging semantic informations on an authoritative source.
All these tasks can be accomplished using Wikimedia Commons, a free media repository of the Wikimedia Foundation. I divide this article about using of Wikimedia Commons into 2 sections:
  • How to upload to Wikimedia Commons (things like register, login, create user page, select and/or find out matching license, upload and describe image or other media file)
  • How to cite Wikimedia Commons (using on websites, embedding into semantic markup)
Read full article »

Monday, 7 July 2014

How to copy and paste a website address on an Android smartphone

This article explains how to copy and paste a website address (URL) when you are using the Chrome browser on an Android smartphone.



Copy and paste on an Android phone

When you are using an Android cellphone, the usual way to copy-and-paste text is to "long-click" on one word, and after it is selected, drag the selector-bars at either end to select more of the text.

After this, you have options on a list at the very top of the screen to cut, copy and page.

But this doesn't work on the Chrome browser's address-bar, ie the place where you type in website addresses, or see the address which your currently viewed pages has.

Here, there is no long-click, and you have to use a slightly different approach.


How to copy a web-address on a Smartphone using Google Android and Chrome


1 Inside Chrome, go to the website and page that you want to copy the address from.


2 From the top right handcorner, choose the Overflow menu button: this is three vertical dots.


3 From the menu that opens, choose Share


4 choose Copy to clipboard from the list of sharing options.


Step 1: Choose Share

Step 2: copy-to-clipboard
Now, when you go into other applications and pages, you can long-press, and a small PASTE button will appear.   Click this - and watch your copied link get pasted.


Troubleshooting

Remember that if it's a Blogger site that the link came from, you may need to remove the " /?m=1" from the end of the URL, for the sake of non-mobile users of the place where you are pasting the link.


How exactly is this a Blogger tip?

Fair question - this a blog about using Blogger, Google's website tool for the rest of us, not about Android phones!   But as more and more people are using mobiles, and so mobile-friendly themes become ever-more important) I still think it's relevant - here's why:

Even with a new phone running a very recent version of the Android operating system, I still find it too hard to write anything exepct the simplest posts on the phone.

But I've found that I can do more and more of the promotional and social-media aspects of managing my blogs on the phone in my "spare mintues", eg while I'm on a bus, or sitting in a waiting room. Very often, this involves locating a blog-post which answers a question, and posting a short summary and link to the post there. An of course to do this, I need to copy the link to the post. So copy-and-pasting website URLs is now one of the tasks need to do fairly often.




Related Articles

Making a social media / communications plan for your blog

Turning off Blogger's mobile theme

Saturday, 5 July 2014

DevCorner: GameDevelop goes open-source

Thanks to GamingOnLinux for pointing out that this crossplattform *no-programming* 2D game development suite has gone fully FOSS.
It can export games to HTML5 and native code (x86 Linux and Windows).

Read the original announcement here. The github repository is here.

License infos:
  • The IDE (in the IDE folder) is licensed with GPL v3. 
  • The Core library, the native and HTML5 platforms (respectively Core, GDCpp and GDJS folders) are LGPL v3. 
  • Extensions (in the Extensions folder) are using zlib/libpng license. 
  • The name, Game Develop, and its logo are the exclusive property of Florian Rival.
Here is a small video to get you started:


& you can find some example games here.
----
By the way: I also recommend to have another look at the Godot engine which has had many improvements since it became open-source a few months ago.