iBlogger | sharing tips and trick: tips

Showing posts with label tips. Show all posts

How To Redirect Blogger Post To Another URL

This is how to redirect a Blogger post to another URL:

REMINDER: Before doing this. Always back up your Blogger Template.

1. Login to your blogger dashboard--> layout- -> Edit HTML
2. Search for <head> tag. You can do this by using CTRL+F function.
3. Copy below code and paste it just after the <head> tag.

<b:if cond='data:blog.url == "BLOG-POST-URL"'>
<meta http-equiv="refresh" content="5; url=REDIRECT-URL" />
</b:if>

4. Replace BLOG-POST-URL from your own link and REDIRECT-URL to where you are redirecting your link.

To redirect without waiting replace, content="5; with 0, or what you think is best.

5. Now save your template.

Putting a Facebook Like Button on your post

Facebook Like Button is a small widget that allows everyone give rating for liking your particular post.

This is the standard button

Log in to your account. Go to Design > Edit HTML.
IMPORTANT REMINDER: Back up your template.
Check the Expand Widget Templates on top right corner of the HTML window.
Press Ctrl + F and find this code in your HTML

*if this doesn't work, try this code:

5. Paste this one after that code:

Click PREVIEW to check what its look like.

Lastly, click Save Template and your done!

Enjoy!

Putting a Contact Form using Kontactr

Putting your own email address in your Blogger Blog is a risk and can be dangerous because of luring spam bot over the internet, but it is important to communicate to your readers and viewers. You can do this by simply putting a Contact Form in Blogger.

A quick way to put a form is through Kontactr.com!

1st: You should have a mail account through Yahoo, Gmail, Hotmail, or whichever you prefer.

2nd: Sign up to Kontactr.com by putting this:

3rd: Log in to your Blogger account, click Edit Posts, then click the Edit Pages and Add a New Page.

4th: It will prompt you to the Compose box area, click the Edit HTML so you can add the ajax code in your page.

5th: Copy and Paste the HTML Embed Widget code to Edit HTML Area and click Compose or Preview to have a better look. If you want to customized and add your own words then do so.

note: You can see the Contact Form of the HTML Embed Widget in the Preview or Compose area rather than the Ajax Embed Widget where you can only see it if you already saved the page. The HTML Embed Widget is the most compatible in Blogger rather the Ajax Embed Widget where it uses JavaScript format.

Putting Twitter Updates On Your Blogger

This is a simple way to put your twitter updates on Blogger

1. Log in to your account and in your Dashboard click Layout of your specified Blog to edit.

*click images to enlarge

2. In Edit Layout under Page Elements click Add a Gadget

3. In Add a Gadget Pop-up Window, search for "Blogger Buster"

4. Upon seeing the result, choose Twitter Updates and click the Cross Icon to be added on your Gadgets.

5. Put your Username in "Twitter Username" and wait for it to be updated. To customize your Twitter Gadget to make it more personal, change the Title, Height of your Twitter Updates Gadget, and Number of updates to display. Lastly, click Save.

Changing Blogger Favicon

What's Favicon? Favicon, is also known as Favorites icon, Website icon or Bookmark icon, that appears beside your URL in your browser. It is one of the most important factor on introducing yourself, your product or company around the globe.

*click images to enlarge

You must have your own picture (JPEG, ICO, PNG & GIF Format) preferably equal dimensions on both side or simply a squareHost the picture from several sites that offer free photo hosting such as ImageShack®, Photobucket, Picasa, etc. If you want to use your profile pic in facebook, you may right click the pic and select copy image location. You can also check out some site like a Favicon Generator or host host it directly at IconJ

Sign in to your blogger account, click Layout Tab, then Edit HTML and check Expand Widget Templates

Now before anything else please back up your template by clicking on "Download Full Template" or click "Preview" to make sure you did the right thing.

Press "Ctrl F" and find the code below

After the code above, paste your link code, make sure to change "YOUR IMAGE LINK/URL", to your own link and change the type='image/jpg' to your designated icon, such as, JPEG, ICO, PNG & GIF Format.

Your code must look like this:

Best viewed in Firefox, Chrome or Flock browser

Learning the basic HTML

The main thing you have to learn in able to tweak your blog is to learn the basic about HTML, and before I can share and teach you how to customize your Blogger.

To know the basic, here are some site where you can practice, and bring out your "technical being".

http://www.w3schools.com/html/

http://www.htmlkit.com/

All of the sites given is where you experiment, explore, discover and learn about HTML. If you're not that really techy and you're clueless, no worries, because I will share to you some tips and tricks up ahead.

Stay tuned...

Change your Blogger Templates

You can choose to avail the default template or select from a customized themes. Its your choice to make.

In any case you want to pick one, I would recommend this sites that provide a variety of templates.

When you decided to pick your desired template download it. Now, how to change your template?

As expected, login to your account and when your in your Dashboard, click the Layout then select Edit HTML, you'll be directed to the contents of your template in HTML format.

Always back up your template when editing your HTML, just click the "Download Full Template" link.

After downloading, you can now upload your selected template.

*click image to enlarge

Preview the result, if you're satisfied you can now save your template, and if you are prompt to delete your widgets, before confirming it, make sure you saved a backup for that.

If you have saved widgets, you can start adding it up manually.

You are all set to publish a post and customize the template on whatever you prefer.
Enjoy! I will be sharing additional post, to follow this up.

iBlogger | sharing tips and trick