Syntaxhighlighter pre method

This will be a quick post about syntaxhighlighter for blogger, very useful for scripting tutorials.

First of course you have to download SyntaxHighlighter from the following address.

Then upload all files to a web hosting, so that you will be able to include them in the html code of your blogger template.

Then, navigate to your blogger dashboard and edit the html layout of the blogger template. Search for "head" section and paste following code

Everytime you want to publish a post, which includes javascript you write following:

YOUR CODE

Show Google+ profile picture to google search results

Do you want your Google+ profile picture to display next to the link of your blog to google search results?

It's simple! Just follow these steps:

• Add 2 links of your Google+ account to your blog. You can place one at the footer (or header) and one at the "About me" page. In order to do this, add
  

 My account on Google+

You have to replace GOOGLE+ID with your Google profile link id, which appears at the address bar of your Google+ profile page. Of course you can change text "My account on Google+", if you want. But be careful! Your anchor text must start or end with a + character. Otherwise, Google won’t be able to associate your content with your Google Profile

• Now, go to your Google+ profile page and click the "Edit Profile" button. On the links area, add both your blog's  "homepage" and "about" page and then save changes.

• Finally, test how your profile picture appears next to your blog's url by using  Rich Snippets Testing Tool

This way you will attract many more visitors to your website!

Facebook Timeline

Facebook Timeline will be available very soon. Many new features will be added.

First of all facebook timeline is wider than the old profile and reminds more of a personal website with slideshows, collection of videos, personal information, posts and applications.

At the top everyone will have the opportunity to place a big picture as a cover, and of course remove it or update it. As you scroll down, you see posts, photos, videos as they happen in time. In other words, you tell your story to your friends!

Do you want to get Facebook's new Timeline now?

If you want to get Facebook's new Timeline right now and not in a few weeks, all you need to do is just become a developer!

• Type 'facebook developers' in facebook's search field or click on the link https://developers.facebook.com/apps
• On the page that appears click on the "Create new App" button
• Then give an App display name, a name for the App Namespace and tick the “Agree to Privacy policy” checkbox.

• Security check is also required, by completing the Captcha popup
• On the screen that appears on the left side, click on the 'Open Graph' link 
• On this screen you start by defining one action and one object for your app. Just type whatever  and click on the "Get started" button.
• On the following screen, there are 3 tabs : "Edit your action type", "Edit your object type", "Create an aggregation". Just click 'Save changes and next' to each of them.
•  After that you are complete. Go to your facebook profile and on the top part of the page, you'll see a notification to enable Timeline. Enable this and start enjoying your new Facebook Profile!

Create a custom page in Facebook with iFrame

In order to encourage your visitors to "like" your Facebook page, you should customize it and make it more attractive.

Let's suppose that you have already created a custom page and want to put it into Facebook, but you don't know how to do it. Things are easy. Follow the steps below!

• Enter https://developers.facebook.com/apps or just type "Facebook Developers" in the search field
• Click button "Create new App" and complete the following form

• Security check is required

• Next, you complete all basic information, 'App Display Name', 'App Namespace', 'Contact Email'. 

The most important section is "App on Facebook", where you complete the "Canvas URL" and "Secure Canvas URL". This is the url, where you have uploaded your page. Don't forget to write symbol "/" at the end of the url, otherwise facebook will let you know about the errors.

In Page Tab section you give a name for your tab as well as page url.

• After that you are ready to include your custom application to your Facebook page. Click "View App Profile Page" at the left part of the page and then click "Add to my page".

In another post I will explain, how you can create something custom from scratch and I think it is going to be an imagemap with clickable areas using html and css!

Localhost redirects to online wordpress site and vice versa

After having installed a wordpress blog locally, I uploaded it online and came up with a redirection problem.

When accessing the wp-admin locally, the address was redirecting me to the online site, without being able to login to the administration panel. Same happened vice versa.

I cleared cookies, cache, everything, but the problem still remained. I searched for the "site's url" (for example mysite.com) in my website folder, but no results.

Solution
So I checked the database and found the entry 'siteurl' in the wp_options table. I changed the value and everything worked great! This change is done through Phpmyadmin directly in the database.

For those who have only ftp and no database access, there is another way to solve the problem. Just put this line of code define('WP_SITEURL','http://www.mysite.com/blog')  in the wp-config.php file.