Category Archives: Blogging Tutorial

All post about blogging tutorial, tips & trick for wordpress, blogspot, and tumblr, platform.

Different Automatic Background Color On Every Post.

A few weeks ago, someone comment on a post ask me where i get my lovely blogspot template. Well, this post is not the answer of that question *grin*, but if this help, you can google them with specific keyword. Looking the right template for your blog is an easy – hard process. Some people want a clean white template, some people want colorful template.

If you have a minimalist white theme and want to modify it a little bit, maybe this blogspot tips and tricks will help. In this post I’m gonna show you how to add a code that can make background on your post automatically change. It kinda will look like windows 8 metro UI style.

1. Go to your template section, and click Edit HTML button. Find </head> tag.

2. Now place this Javascript code above/before </head> tag Continue reading Different Automatic Background Color On Every Post.

Protect (Don’t Steal) Your Post Image with Simple Code.

How many of you blogging your personal life and posting your personal photos. Photos that have your family and friends in it. It is almost impossible to avoid someone steal your personal photos. Google copyright warning on search image don’t have much effect when someone looking for picture on internet. People will right click and “save as” in seconds and boom your photo save in someone else’s computer.

Some of publisher can add caption source of the image or link it to original source. However, there is a tricky code that you can use not to prevent someone steal your photo, but they won’t get the photo completely in one good condition. When they download your picture, the final result only show white blank canvas. Continue reading Protect (Don’t Steal) Your Post Image with Simple Code.

Create Blogger Contact Us Form with Google Drive.

If you read my old post about blogspot official contact form, i assume you already added it by now. However, i wanna give you another alternative tool which is Google Drive. Contact me widget is a very useful tool for bloggers or website owner to contact with their readers and potential partnership opportunity.

For me the offcial contact me form from blogger is already amazing. It’s directly send to your email. And I personally like the design. It’s simple and clean. However if you want to give your widget a little bit theme, you can create contact me form using google drive. This is how to do it.

1. When you on your google account, click on Apps button on top right, and choose Google Drive.

2. Click on Create and choose Form.

Continue reading Create Blogger Contact Us Form with Google Drive.

Customize Translate Widget with Flag Banner.

I certainly hope the google translate widget that i show you guys is helpful. Anyway i have a new update for you, a translate widget with flag banner!. How cool is that?. The display of the flag is absolutely more attractive than a drop down menu. So, if you want to add it, follow the tutorial below.

There are 2 type of flag display. Choose whichever you want it.

1. Log in to your blogger dashboard, and go to Lay Out section.

2. Click on Add Gadget, and search for HTML/JavaScript gadget.

3. Copy – paste code below on gadget window:

Type #1: Continue reading Customize Translate Widget with Flag Banner.