Blogger Tutorial for Learners

CO -Author New Post

noreply@blogger.com (Ram) — Mon, 21 Apr 2014 15:43:00 +0000

Hi,
This is my first post

Ram

Embedding youtube videos to blog post

noreply@blogger.com (Vijay Bollikonda) — Mon, 21 Apr 2014 15:12:00 +0000

Embedding youtube videos to blog post

Adding IMages to Blogger

noreply@blogger.com (Vijay Bollikonda) — Mon, 21 Apr 2014 14:59:00 +0000

This video explains How to add images to blog post.

E=mc^2: New Age Corruption

noreply@blogger.com (Vijay Bollikonda) — Thu, 15 Sep 2011 01:53:00 +0000

E=mc^2: New Age Corruption

SEO Terminology

noreply@blogger.com (Vijay Bollikonda) — Sat, 21 May 2011 09:50:00 +0000

CTR is Click Through rate, and it means how many of your visitors are clicking ads.
CPC is Cost Per Click. Different words have different costs. Some can be about $0,01, some are over $10.

Index in Google in Minutes

noreply@blogger.com (Vijay Bollikonda) — Mon, 18 Apr 2011 18:49:00 +0000

Index in Google in Minutes

index in google,how to get indexed by google,get indexed by google,get indexed by google fast,get site indexed by google,get indexed in google,index site google,index of google hack,

get indexed on google

get indexed google,indexing google,index google search

Remove "Thumbs.db"

noreply@blogger.com (Vijay Bollikonda) — Mon, 18 Apr 2011 18:16:00 +0000

Hi,
Following video explains how you can remove "Thumbs.db" from your system"

thumbs.db files,
db viewer freeware,thumbs.db virus remover,thumbs.db remove,thumbs virus removal,db viewer download,traffic from youtube, get indexed in minutes, overnight traffic ,removing thumbs.db,delete thumbs,thumb.db,thumbs.db file,hidden files in windows

Image table generator

noreply@blogger.com (Vijay Bollikonda) — Fri, 15 Apr 2011 18:30:00 +0000

http://freeblogtools.in/image%20table%20generator.aspx

Table of content Index TOC

noreply@blogger.com (Vijay Bollikonda) — Sun, 28 Nov 2010 07:13:00 +0000

Very very easy way to create table of content is explained here.

Table of content

Lightbox Generator

noreply@blogger.com (Vijay Bollikonda) — Sun, 28 Nov 2010 06:32:00 +0000

Hi,
In my post

How to add Light Box effect to images

i have explained how to add Lightbox effect to your images. Now you need not to follow all the lengthy process explained there...now you can make it in a very simple way.

Here is the link

Lightbox Generator .

lightbox effect

lightbox effect css

lightbox jquery

lightbox javascript

lightbox example

lightbox popup

image lightbox

image lightbox jquery

image lightbox script

image lighting

image lightbox wordpress

image lightbox blogger

Testing Open all links in New tab/window script

noreply@blogger.com (Vijay Bollikonda) — Fri, 19 Nov 2010 16:38:00 +0000

Hi,
just checking out the following feature "open all links in new tabs"

Problem

http://www.blogspotquiz.blogspot.com/ just copying the website name does not opens the website you have to give hyper link to it. If you give hyper link from your blog/website then your visitor navigates from your blog/website to the link. To keep your page opened in browser then you have to add target='_blank' />" for every one of your hyper link. Following is the simple 2 minutes solution to make your visitor open all your links in individual browser links.

http://www.blogspotquiz.blogspot.com/ the code here is
<a href="http://www.blogspotquiz.blogspot.com/">
http://www.blogspotquiz.blogspot.com/</a>

http://www.blogspotquiz.blogspot.com/ the code here is
<a href="http://www.blogspotquiz.blogspot.com/"
target="_blank">http://www.blogspotquiz.blogspot.com/</a>

There are so many java scripts those make you confusing....a simple and workable solution to achieve the goal of opening each link in new tab is

Solution

Step1: Find
<head>
add the following code below it
<base target='_blank' />

after adding the this will appear like this
<head>
<base target='_blank' />

Step2:
save it
now on words all your href links open in new tabs.

Checking Exondo Effect

noreply@blogger.com (Vijay Bollikonda) — Sat, 13 Nov 2010 10:32:00 +0000

Open in new window

noreply@blogger.com (Vijay Bollikonda) — Thu, 11 Nov 2010 14:54:00 +0000

How to add light box

noreply@blogger.com (Vijay Bollikonda) — Tue, 10 Aug 2010 14:36:00 +0000

Follow part1 here

Part2 -Auto edit images here.

copy the images to the text box editor and click "Add Light Box" Button. you will get the changed text in the box--copy that code to your blog posts.

Source Text :	Enter image links here
Find what :
Replace with :

Changed Text :

Tags-how to add light box,add light box,light box effect generator,auto light box effect generator,light box effect generator

Online ALT Tag Generator

noreply@blogger.com (Vijay Bollikonda) — Sun, 01 Aug 2010 13:36:00 +0000

Hi,

In search engine optimization ALT tag plays a very importent role, but most people neglects the using of ALT tag. Actually people forgets to add Alt Tag cause it is very hard to look out for the Alt Tag where it is located for each image.

Don't worry I made it simple for you people in www.freeblogtools.in , just upload your image to your blog then copy the links to the Source Text : then click on "Replace All"-->you will be shown the image below along with the empty text boxes beside every image where you have to enter the alt tag for that image.-->then click on "Generate Final Results"-->you will see the changed image links added with AltTag on the top--> copy them and publish to your blog.
The main purpose of Alt Tag Generator is to automate the manual process of adding Alt Tag to each and every image. Here just you have to upload the images to blogger and copy the links then go to Alt Tag Generator of www.freeblogtools.in and paste them add tags you like and click the button. All your images will be SEO customized with Alt Tag Generator.

Alt Tag Generator Online ALT Tag Generator, Free ALT Tag Generator, Free Online ALT Tag Generator,ALT Tag, Html ALT Tag

Alt Tag Generator ,Alt Tag Generator , Alt Tag Generator

Image on text hoover

noreply@blogger.com (Vijay Bollikonda) — Sat, 02 Jan 2010 14:37:00 +0000

shows pop up image on mouse hoover
http://bloggerplugnplay.blogspot.com/2009/10/show-imagethumbnail-tooltip-popup-on.html

01.How to add Quiz to your Blog?

noreply@blogger.com (Vijay Bollikonda) — Tue, 29 Dec 2009 13:28:00 +0000

Here you can Make a Quiz for your Blog visitors with instant "check answers" option. Here is the steps should follow to add Quiz to your Blog.

Step1:-
Go to </head>
Steps to reach </head>
step(a)-log into your blog account clcik on "Layout"
step(b)-Edit Html
step(c)-Clcik "Ctrl+F" and search for </head>
Step2:-
Copy and paste the following code before </head>
<style type="text/css">
.commenthidden {display:none}
.commentshown {display:inline}
</style>
<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script>
This code makes your answers "show/hide"

Step3:-Save your template.
Step4:-Open new post and write the code as follows or you can copy the following code and paste it in "edit html" you have to change the text as you wish to represent.

<a aiotitle="click to expand" href="javascript:togglecomments('UniqueName')"
>Link Title</a><br />
<div class="commenthidden" id="UniqueName"
>Expanded Content</div>

Note1:-Remember the name should be same in both" javascript togglecomments" and in "comment hidden id"

If you want to add more questions/data in your post just give space between question to question while you post
</div>

Sample Quiz

Following is the code for above "Sample Quiz". Copy this code to any text editor(notepad/word) Replace the Question1,2...10 with your own questions. I have left multiple answers empty for your convenience. Type your answers beside immediately following ABCD.

<br/><span style="font-weight: bold; color: rgb(255, 0, 0);">Sample Quiz</span><form name="f"><br /><b>1.Question ?<br /></b><br /><input name="a" value="4" type="radio">A.<br /><br /><input name="a" value="1" type="radio">B.<br /><br /><input name="a" value="2" type="radio">C.<br /><br /><input name="a" value="3" type="radio">D.<br /><br /><a aiotitle="click to expand" href="javascript:togglecomments('1a')">ClickAnswer</a><br /><div style="font-weight: bold; color: rgb(153, 0, 0);" class="commenthidden" id="1a"> A</div><br /><b>2. Question ?<br /></b><br /><input name="b" value="2" type="radio"> A..<br /><br /><input name="b" value="4" type="radio">B.<br /><br /><input name="b" value="1" type="radio">C<br /><br /><input name="b" value="3" type="radio">D<br /><a aiotitle="click to expand" href="javascript:togglecomments('2a')">Click Answer</a><br /><div class="commenthidden" id="2a"><span style="color: rgb(102, 0, 0); font-weight: bold;">B</span></div><br /><b>3. Question ?<br /></b><br /><input name="b" value="2" type="radio"> A..<br /><br /><input name="b" value="4" type="radio">B.<br /><br /><input name="b" value="1" type="radio">C<br /><br /><input name="b" value="3" type="radio">D<br /><a aiotitle="click to expand" href="javascript:togglecomments('3a')">Click Answer</a><br /><div class="commenthidden" id="3a"><span style="color: rgb(102, 0, 0); font-weight: bold;">D</span></div><br /><b>4. Question ?<br /></b><br /><input name="b" value="2" type="radio"> A..<br /><br /><input name="b" value="4" type="radio">B.<br /><br /><input name="b" value="1" type="radio">C<br /><br /><input name="b" value="3" type="radio">D<br /><a aiotitle="click to expand" href="javascript:togglecomments('4a')">Click Answer</a><br /><div class="commenthidden" id="4a"><span style="color: rgb(102, 0, 0); font-weight: bold;">C</span></div><br /><b>5. Question ?<br /></b><br /><input name="b" value="2" type="radio"> A..<br /><br /><input name="b" value="4" type="radio">B.<br /><br /><input name="b" value="1" type="radio">C<br /><br /><input name="b" value="3" type="radio">D<br /><a aiotitle="click to expand" href="javascript:togglecomments('5a')">Click Answer</a><br /><div class="commenthidden" id="5a"><span style="color: rgb(102, 0, 0); font-weight: bold;">A</span></div><br /><b>6. Question ?<br /></b><br /><input name="b" value="2" type="radio"> A..<br /><br /><input name="b" value="4" type="radio">B.<br /><br /><input name="b" value="1" type="radio">C<br /><br /><input name="b" value="3" type="radio">D<br /><a aiotitle="click to expand" href="javascript:togglecomments('6a')">Click Answer</a><br /><div class="commenthidden" id="6a"><span style="color: rgb(102, 0, 0); font-weight: bold;">B</span></div><br /><b>7. Question ?<br /></b><br /><input name="b" value="2" type="radio"> A..<br /><br /><input name="b" value="4" type="radio">B.<br /><br /><input name="b" value="1" type="radio">C<br /><br /><input name="b" value="3" type="radio">D<br /><a aiotitle="click to expand" href="javascript:togglecomments('7a')">Click Answer</a><br /><div class="commenthidden" id="7a"><span style="color: rgb(102, 0, 0); font-weight: bold;">C</span></div><br /><b>8. Question ?<br /></b><br /><input name="b" value="2" type="radio"> A..<br /><br /><input name="b" value="4" type="radio">B.<br /><br /><input name="b" value="1" type="radio">C<br /><br /><input name="b" value="3" type="radio">D<br /><a aiotitle="click to expand" href="javascript:togglecomments('8a')">Click Answer</a><br /><div class="commenthidden" id="8a"><span style="color: rgb(102, 0, 0); font-weight: bold;">C</span></div><br /><b>9. Question ?<br /></b><br /><input name="b" value="2" type="radio"> A..<br /><br /><input name="b" value="4" type="radio">B.<br /><br /><input name="b" value="1" type="radio">C<br /><br /><input name="b" value="3" type="radio">D<br /><a aiotitle="click to expand" href="javascript:togglecomments('9a')">Click Answer</a><br /><div class="commenthidden" id="9a"><span style="color: rgb(102, 0, 0); font-weight: bold;">B</span></div><br /><b>10. Question ?<br /></b><br /><input name="b" value="2" type="radio"> A..<br /><br /><input name="b" value="4" type="radio">B.<br /><br /><input name="b" value="1" type="radio">C<br /><br /><input name="b" value="3" type="radio">D<br /><a aiotitle="click to expand" href="javascript:togglecomments('10a')">Click Answer</a><br /><div class="commenthidden" id="10a"><span style="color: rgb(102, 0, 0); font-weight: bold;">D</span></div></form><br /><span style="color: rgb(0, 102, 0);"></span>

The code is as follows,
you just add your multiple options as follows
after replacing all questions copy the code and paste it in your post. Click "Publish" your quiz is ready to use for your visitors...

Points to remember
Note:-If you are posting multiple quizzes in a single post or representing multiple quizzes in single page. Then you must be careful about “unique id”, means if you have given ids in Quiz 1 as 1a for answer1 , 2a for answer 2 and have given the same 1a ,2a,3a like answer ids in quiz2 and in quiz3 and posted all three quizzes in a single post or represented in single page then Only Quiz 1 displays and hides the answers where as remaining quizzes doesn’t work. If you open quiz2 and quiz 3 in separate links (in individual separate pages) then they work.

You should not give same id types to different answrs of separate/different questions. The id should be unique.
For example you may have given answers ids like
Q1-1a,-A
Q2-2a-B,
Q3-2a-C,
Q4-2a-D,
Q5-2a-A for question 1,2,3,4,5..then if you click for the answer of Q1 you will see the answer as A, if you click for the answer of Q2 you will see the answer as B, if you click for the answer of Q3,Q4,Q5 you will see the answer as B at the location of Question2 answer location, it is because you have given the same id for 3,4,5 which is actually addresses to Q2 answer…that’s why when you click for the 3,4,5 answers …answer will be displayed at Q2 answer location .

So, you must give ids as follows
Quiz 1
A1=1-1a
A2=1-2a
A3=1-3a

Quiz 2
A1=2-1a
A2=2-2a
A3=2-3a

Quiz 3
A1=3-1a
A2=3-2a
A3=3-3a

For More quizzes go here.www.blogspotquiz.blogspot.com

Seo tip-Submit your blog to Google

noreply@blogger.com (Vijay Bollikonda) — Mon, 28 Dec 2009 15:13:00 +0000

Share your place on the net with Google
http://www.google.com/addurl/

JUst enter your url and click on "Add url"

If you submit your blog then only it will show your posts in Google.

19.Add Digg Button beside your posts

noreply@blogger.com (Vijay Bollikonda) — Mon, 28 Dec 2009 14:17:00 +0000

Add Digg Button beside your posts

Uses-improves your traffic

Step1:-Log in to your Blogger account
Step2:-Go to layout--edit html- check "Expand widget"
Search for <data:post.body/> with Ctrl+F
Step3:-Add the following code before the <data:post.body/>

<div style='float:right; margin-left:10px;'>
<script type='text/javascript'>
digg_url = '<data:post.url/>';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>

Step4:-Save template.

Congrats you have successfully added Digg button to your posts.

Source:-http://www.tipsblogger.com/2009/09/add-digg-button-to-blogger.html

ADD MORE THAN ONE DIGG BUTTONS SIDE BY SIDE

Digg button 1

<data:post.title/></a>

<div style='float:right; margin-left:10px;'>
<script type='text/javascript'>
digg_url = '<data:post.url/>';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>

<b:else/>
<data:post.title/>

Digg button 2

<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

<div style='float:right; margin-left:10px;'>
<script type='text/javascript'>
digg_url = '<data:post.url/>';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>

<div class='post-body entry-content'>

Digg button 3

</b:loop>
</b:if>
</span><br/><br/>

<div style='float:right; margin-left:10px;'>
<script type='text/javascript'>
digg_url = '<data:post.url/>';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>

<data:post.body/>
<div style='clear: both;'/> 

add digg

add digg button

add digg button to blogger

add digg button to blog

add digg your site

add digg button to website

18.Let your Visitors Book mark your posts

noreply@blogger.com (Vijay Bollikonda) — Mon, 28 Dec 2009 11:45:00 +0000

Hi,
letting your visitors bookmark your post is one of the key point to increase traffic to your blog. Before i know "Adding book mark button to my blog...i felt it very difficult and thought it is a very hard process to add" But it is the very very simple process.

YOU CAN DO IT IN TWO WAYS

WAY1:-
sign into your blogger account
Step1:-Go to http://www.addthis.com/
Step2:-Select your service as Blogger
Step3:-Select the button type
Step4:-Click on "Get your Button"--install to sidebar---select your blog ---add widget--finish, save your template

WAY2:-
If you want to add Bookmark button to every post then this is the process.
sign into your blogger account
sign into your blogger account
Step1:-Go to http://www.addthis.com/
Step2:-Select your service as Blogger
Step3:-Select the button type
Step4:-Click on "Get your Button"--install to sidebar---select your blog ---add widget---go to layout---Check Expand widgets

Search for <div class='post-footer'>
Paste immediately after the above code

<div><a expr:addthis:title='data:post.title' expr:addthis:url='data:post.url' class='addthis_button'><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pub=xa-4ae822aa131e9cf4"></script></div>

20.How to crop a .Gif file to delete other's Domain name

noreply@blogger.com (Vijay Bollikonda) — Mon, 28 Dec 2009 07:10:00 +0000

Hi,
sometimes we use the free website services for our blogs...it may be from adding special effects to images to free code generators. The problem with free web services is they attach their domain name for every output they provide...actually it is reasonable to keep their domain name at the bottom of the out put cause we are using their service for free of cost but it will be irritating in some rare cases like adding effects to image...which we want to use for profile or which we want to use as "Grab my Button" codes .

For this there is a solution.

Step1:-Open www.gifworks.com
Step2:-In the home page you will see "How do I get started?" and below that "click here to begin"-after clicking there you will be diverted to next step where you will see "File- Edit - View -Effects - Optimis- Help
Step3:-Click on "Open image " in file drop down menu.
Step4:-Enter url or upload image (enter the img src address of the url)

Step5:-Click on "Edit"--select "Crop"
A pop u window opens-select the top left corner(image reloads) and bottom right corners of the image to be cropped(image reloads and disappears).
Step5:- The cropped image appears in the main window you uploaded-just right click on the image and "Save image as" --save image in Gif format and upload it where ever you want.

Here is the Final out put of Cropped Image

17.Add "Link with in" to improve your traffic

noreply@blogger.com (Vijay Bollikonda) — Sat, 26 Dec 2009 16:04:00 +0000

Add "Link with in" to improve your traffic...this is the most required feature that should be added to every blogger to improve his page impressions of blog.

Uses:-
Link with in-displays the other post links below every post. If visitor finds useful info in the title of the post he will navigate to the post by clicking it..

Installing "Link with in"

Step1:-A).Log in to your blog
B)open http://www.linkwithin.com
Just to your right side you will see the following image...fill your mail id, blog url , select your blog platform, no. of post links to be displayed.

click on "Get widget"

Step2:-If you logged in clicking on "install widget" opens a new window where you have to select the blog to which you want to add "Link with in" click on add widget.
Step3:- save your template

For best results put this widget just below the posts.

The result will appear like this.

16.Add Scroll to top button with one line code

noreply@blogger.com (Vijay Bollikonda) — Sat, 26 Dec 2009 13:27:00 +0000

Add Scroll to top button with one line code...there is lot of guides online available describing "How to add Scroll to top to your blog?" but most of the tutorials explains a long and lengthy way.
Following is the simplest process i got from bloggerstop.net to add "Scroll to Top Button"

For your easy understanding i am over simplifying the description.

Steps to Add "Scroll to Top Button"

Step1:-Select any image that you want to use as "Scroll to Top Button"
You can search it from Google.
Step2:-Upload it to your blogger or any other file hosting service.
Copy the img src address.

src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnRQE7dsfFseiRROVZrPkuEkrc797WBWuS3-C_RI_RQMWzZksn1pC3PDWumOUSpOV_Q6lzrQgNC1bCzLpTqCh_kdNbPoV_dWbyaLJXxqnq6Pvje6LUD3H6no4tpdH4oKheuSrzPSzgDjw/s400/small blue.jpeg"

Step 3:-Log in to Blogger
Go to Layout -> Add a Gadget -> HTML/JavaScript type

Replace your img src address with the existing address of the above code , then copy the above code and paste it in HTML/JavaScript
your work done. Save your template.Now your blog shows "Scroll to Top Button" in your blog

15.Open link in new window

noreply@blogger.com (Vijay Bollikonda) — Sat, 26 Dec 2009 12:50:00 +0000

Open link in new window

most bloggers never focus on small issues like "Open link in new window". When a visitor has come to your blog/website from a search engine and had opened a link in your blog/website. There is very little chances that your visitor remembers your website/blog for next time and if the new link he opened attracts he spends very little time on your page.
So, whenever you want to give other website ot blog links then open them in another window.
Following is the code to open link in new window.

<a href="http://blogspotquiz.blogspot.com/" target="_blank">quiz help</a>

target="_blank" opens href link in new window.

Demo
Quiz help

14.How to give download file option in your Blog

noreply@blogger.com (Vijay Bollikonda) — Wed, 23 Dec 2009 15:45:00 +0000

How to give download file option in your Blog?

Step1:-
First upload your file...it may be an image/song/video etc to free file host services like www.filefactory.com, www.mediafire.com or www.pages.google.com

Step2:-
copy the link location of your file.

Step3:-
Just replace the address of file located with your file location from the following code. And paste the modified code wherever you want to give "Download link".

<a href="http://heroramesh.googlepages.com/p-effect.zip"><strong>Download</strong></a>

example:-
Download

If you want to give download link along with image then first upload the image to your blogger post...copy the address and modify the address as follows.

<a href="http://heroramesh.googlepages.com/p-effect.zip">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsjUhyoeeJUMyThO02lXQNOIHju6CGw_9Js17kibLJ1ZDIAoPa3lgkRXM2Hz_WuG2RbxtzTHXMH6Oh16FyZfMr-EXN9C-1HtrzRlbHb8q2uUqs4QmcjH4tCZL9QJCa3ipDhW_8fzNS/s320/down.jpeg" alt="download here!" /></a>

Note:-the above red color links should be replaced with your file and image hosted link respectively.

example:-

Congrats you have learned "How to give download file option in your Blog".
For any doubts on "How to give download file option in your Blog" post please enter your comments below.