Posts

Showing posts from August, 2013

Google Ads

Customize posts headings and subheadings style with css

Image
Some how my "h2" heading is smaller than my "h3" heading. I am not sure why but it was an easy fix with custom CSS styling.

Customize Blogger's Template Designer to control the "Read More" font, color and background

Image
This is how to add an extra setting entry into Blogger Template Designer to control the jump break text (usually Read More) font, color and it's background properties. All credits goes to betatemplates.com for the tutorial on how to do this.

Dynamic meta tags generator for Blogger SEO

Image
This is a cool page that provides you with an interface to easily generates the meta tags use for search engine optimization purpose. All you just need to do is to enter all the necessary details about your website and click generate. Copy the generated code and paste the code into your website source code.

Create a Table of Contents for Blogger posts based on atom or rss feeds

Image
This is a Javascript code that generates a table of contents based on your atom or rss feeds. It organizes the post titles based on labels. I use this script for my categories posts. All credits goes to Abu Farhan, the source of this Javascript.

Blogger post footer elements cannot be rearrange, move or toggle the visibility

Image
Some how my Blogger post footer elements cannot be rearrange, move or even toggle the visibility from the "Blog" widget settings located in the Blogger page elements. I guess this is what happens when you tinker your Blogger template too much and too many times. This is how i manage to fix it.

Dynamic meta tags for Blogger with labels as keywords

Image
This is how you can dynamically use Blogger's labels as keywords in your keyword meta tag for each blog post. By using labels as the keywords, you can control meta keywords for each of your blog post pages for search engine optimization purposes. I found this method from www.seocentro.com website. This is how you can do it.

Directly upload photos to Facebook from webpages

Image
This is the oldest trick in the book of web browsers. How many times you have found yourself downloading an image from the web or internet into your local hard disk and upload the image to your Facebook account so you can share it with your friends? I bet you have been doing this ever since you start sharing photos in Facebook. There is an old trick which i think should work on all modern web browsers where you can get Facebook to fetch the image or photo file from an webpage and automatically upload it to your Facebook account. All this without downloading the image file to your local hard disk first. Important Note: Please do not use this to upload images or photos which do not belong to you. I am only using this to fetch my photos from my Google Picasa Web account for sharing in my Facebook account.

How to center align Adsense Ad in Blogger

Image
To center align your Adsense Ads in your Blogger blog, this is what you need to do with your copied Adsense code to your Blogger HTML layout widget: