Please, click on me
Please, click on me
Please, click on me
Please, click on me
Please, click on me
Please, click on me
Please, click on me
Please, click on me
(Read more inside ..)
Friday, October 16, 2009
click on it
Wednesday, October 14, 2009
Tuesday, October 13, 2009
Monday, October 12, 2009
quiz10q
value1 =
value2 =
value3 =
value4 =
value5 =
value6 =
value7 =
value8 =
value9 =
value10 =
Answer =
(Read more inside ..)
Saturday, October 10, 2009
calc
Hi,
do you know how to solve the gap between two table. Following is the solution i described here. Actually i have collected this information from other source and explained in a very simple manner.
Wednesday, October 7, 2009
Tuesday, October 6, 2009
How to add Professional Code box
Before doing any modifications to your blog please back up your present template
Log in to your blogger account-aClick on "lay out" of the blog you want to do modifications-Edit HTML-Ctrl+A-Ctrl+C-Ctrl+V to notepad.
Now you can start your work.
Uses:-
you no need to define table every time, when you want to display some code in your text. It automatically takes the width and length required to display your "Text/Code" .
Draw Back
If your code is very lengthy then it will create along table/form that is non scrollable taking a large space in your posts.
Click "Ctrl+F" search for ]]></b:skin>
Immediately before this line add the following code
code {color: #006AB0; border : 1px solid #DADADA;padding : 5px 5px;font-family : Consolas, "Courier New", Courier, mono, serif;font-size : 12px;background-color : #fAfAfA; width : 90%;overflow : auto;margin : 10px 0 10px 10px; border-left : 20px solid #DADADA;max-height : 500px;min-height : 16px;line-height : 16px;}
.code:hover {background-color : #f3f3f3;}
Save the template.
Now the main work of template optimization finished.
Using this feature.
From now on words when you want to display any code /text in your posts with in the box
<div class="code">
enter your text or code here.This will be represented in Automated box after you publish your post
</div>
Demo
Here i am putting code
<script src='http://naeemnur.googlepages.com/smilhack.js' type='text/javascript'/><noscript><a href="http://www.tutzone.org" target="_blank">TutZone</a></noscript>
source:http://www.bukisa.com/articles/133722_professional-code-box-for-bloggers
(Read more inside ..)
<script src='http://naeemnur.googlepages.com/smilhack.js' type='text/javascript'/><noscript><a href="http://www.tutzone.org" target="_blank">TutZone</a></noscript>
Monday, October 5, 2009
Adding Yahoo smileys at commenting
Before doing any modifications to your blog please back up your present template
Log in to your blogger account-aClick on "lay out" of the blog you want to do modifications-Edit HTML-Ctrl+A-Ctrl+C-Ctrl+V to notepad.
Now you can start your work.
Adding Yahoo smileys at commenting improves your comments as well as your Traffic to your blog.
Click "Ctrl+F" search for following code
<b:if cond='data:post.embedCommentForm'>
Immeadiately below to it add the following code
Search for </body> and add the following code before it.
<script src='http://naeemnur.googlepages.com/smilhack.js' type='text/javascript'/><noscript><a href="http://www.tutzone.org" target="_blank">TutZone</a></noscript>
Now save your template .
view your blog before commenting you will see the smileys as follows.
Source:-http://www.tutzone.org
(Read more inside ..)
Sample Quiz
<form name="f"><b>1.Question ?
</b>
<input name="a" value="4" type="radio">A.
<input name="a" value="1" type="radio">B.
<input name="a" value="2" type="radio">C.
<input name="a" value="3" type="radio">D.
<a aiotitle="click to expand" href="javascript:togglecomments('1a')">ClickAnswer</a>
<div style="font-weight: bold; color: rgb(153, 0, 0);" class="commenthidden" id="1a"> A</div>
<b>2. Question ?
</b>
<input name="b" value="2" type="radio"> A..
<input name="b" value="4" type="radio">B.
<input name="b" value="1" type="radio">C
<input name="b" value="3" type="radio">D
<a aiotitle="click to expand" href="javascript:togglecomments('2a')">Click Answer</a>
<div class="commenthidden" id="2a"><span style="color: rgb(102, 0, 0); font-weight: bold;">B</span></div>
<b>3. Question ?
</b>
<input name="b" value="2" type="radio"> A..
<input name="b" value="4" type="radio">B.
<input name="b" value="1" type="radio">C
<input name="b" value="3" type="radio">D
<a aiotitle="click to expand" href="javascript:togglecomments('3a')">Click Answer</a>
<div class="commenthidden" id="3a"><span style="color: rgb(102, 0, 0); font-weight: bold;">D</span></div>
<b>4. Question ?
</b>
<input name="b" value="2" type="radio"> A..
<input name="b" value="4" type="radio">B.
<input name="b" value="1" type="radio">C
<input name="b" value="3" type="radio">D
<a aiotitle="click to expand" href="javascript:togglecomments('4a')">Click Answer</a>
<div class="commenthidden" id="4a"><span style="color: rgb(102, 0, 0); font-weight: bold;">C</span></div>
<b>5. Question ?
</b>
<input name="b" value="2" type="radio"> A..
<input name="b" value="4" type="radio">B.
<input name="b" value="1" type="radio">C
<input name="b" value="3" type="radio">D
<a aiotitle="click to expand" href="javascript:togglecomments('5a')">Click Answer</a>
<div class="commenthidden" id="5a"><span style="color: rgb(102, 0, 0); font-weight: bold;">A</span></div>
<b>6. Question ?
</b>
<input name="b" value="2" type="radio"> A..
<input name="b" value="4" type="radio">B.
<input name="b" value="1" type="radio">C
<input name="b" value="3" type="radio">D
<a aiotitle="click to expand" href="javascript:togglecomments('6a')">Click Answer</a>
<div class="commenthidden" id="6a"><span style="color: rgb(102, 0, 0); font-weight: bold;">B</span></div>
<b>7. Question ?
</b>
<input name="b" value="2" type="radio"> A..
<input name="b" value="4" type="radio">B.
<input name="b" value="1" type="radio">C
<input name="b" value="3" type="radio">D
<a aiotitle="click to expand" href="javascript:togglecomments('7a')">Click Answer</a>
<div class="commenthidden" id="7a"><span style="color: rgb(102, 0, 0); font-weight: bold;">C</span></div>
<b>8. Question ?
</b>
<input name="b" value="2" type="radio"> A..
<input name="b" value="4" type="radio">B.
<input name="b" value="1" type="radio">C
<input name="b" value="3" type="radio">D
<a aiotitle="click to expand" href="javascript:togglecomments('8a')">Click Answer</a>
<div class="commenthidden" id="8a"><span style="color: rgb(102, 0, 0); font-weight: bold;">C</span></div>
<b>9. Question ?
</b>
<input name="b" value="2" type="radio"> A..
<input name="b" value="4" type="radio">B.
<input name="b" value="1" type="radio">C
<input name="b" value="3" type="radio">D
<a aiotitle="click to expand" href="javascript:togglecomments('9a')">Click Answer</a>
<div class="commenthidden" id="9a"><span style="color: rgb(102, 0, 0); font-weight: bold;">B</span></div>
<b>10. Question ?
</b>
<input name="b" value="2" type="radio"> A..
<input name="b" value="4" type="radio">B.
<input name="b" value="1" type="radio">C
<input name="b" value="3" type="radio">D
<a aiotitle="click to expand" href="javascript:togglecomments('10a')">Click Answer</a>
<div class="commenthidden" id="10a"><span style="color: rgb(102, 0, 0); font-weight: bold;">D</span></div>
</form>
(Read more inside ..)
</b>
<input name="a" value="4" type="radio">A.
<input name="a" value="1" type="radio">B.
<input name="a" value="2" type="radio">C.
<input name="a" value="3" type="radio">D.
<a aiotitle="click to expand" href="javascript:togglecomments('1a')">ClickAnswer</a>
<div style="font-weight: bold; color: rgb(153, 0, 0);" class="commenthidden" id="1a"> A</div>
<b>2. Question ?
</b>
<input name="b" value="2" type="radio"> A..
<input name="b" value="4" type="radio">B.
<input name="b" value="1" type="radio">C
<input name="b" value="3" type="radio">D
<a aiotitle="click to expand" href="javascript:togglecomments('2a')">Click Answer</a>
<div class="commenthidden" id="2a"><span style="color: rgb(102, 0, 0); font-weight: bold;">B</span></div>
<b>3. Question ?
</b>
<input name="b" value="2" type="radio"> A..
<input name="b" value="4" type="radio">B.
<input name="b" value="1" type="radio">C
<input name="b" value="3" type="radio">D
<a aiotitle="click to expand" href="javascript:togglecomments('3a')">Click Answer</a>
<div class="commenthidden" id="3a"><span style="color: rgb(102, 0, 0); font-weight: bold;">D</span></div>
<b>4. Question ?
</b>
<input name="b" value="2" type="radio"> A..
<input name="b" value="4" type="radio">B.
<input name="b" value="1" type="radio">C
<input name="b" value="3" type="radio">D
<a aiotitle="click to expand" href="javascript:togglecomments('4a')">Click Answer</a>
<div class="commenthidden" id="4a"><span style="color: rgb(102, 0, 0); font-weight: bold;">C</span></div>
<b>5. Question ?
</b>
<input name="b" value="2" type="radio"> A..
<input name="b" value="4" type="radio">B.
<input name="b" value="1" type="radio">C
<input name="b" value="3" type="radio">D
<a aiotitle="click to expand" href="javascript:togglecomments('5a')">Click Answer</a>
<div class="commenthidden" id="5a"><span style="color: rgb(102, 0, 0); font-weight: bold;">A</span></div>
<b>6. Question ?
</b>
<input name="b" value="2" type="radio"> A..
<input name="b" value="4" type="radio">B.
<input name="b" value="1" type="radio">C
<input name="b" value="3" type="radio">D
<a aiotitle="click to expand" href="javascript:togglecomments('6a')">Click Answer</a>
<div class="commenthidden" id="6a"><span style="color: rgb(102, 0, 0); font-weight: bold;">B</span></div>
<b>7. Question ?
</b>
<input name="b" value="2" type="radio"> A..
<input name="b" value="4" type="radio">B.
<input name="b" value="1" type="radio">C
<input name="b" value="3" type="radio">D
<a aiotitle="click to expand" href="javascript:togglecomments('7a')">Click Answer</a>
<div class="commenthidden" id="7a"><span style="color: rgb(102, 0, 0); font-weight: bold;">C</span></div>
<b>8. Question ?
</b>
<input name="b" value="2" type="radio"> A..
<input name="b" value="4" type="radio">B.
<input name="b" value="1" type="radio">C
<input name="b" value="3" type="radio">D
<a aiotitle="click to expand" href="javascript:togglecomments('8a')">Click Answer</a>
<div class="commenthidden" id="8a"><span style="color: rgb(102, 0, 0); font-weight: bold;">C</span></div>
<b>9. Question ?
</b>
<input name="b" value="2" type="radio"> A..
<input name="b" value="4" type="radio">B.
<input name="b" value="1" type="radio">C
<input name="b" value="3" type="radio">D
<a aiotitle="click to expand" href="javascript:togglecomments('9a')">Click Answer</a>
<div class="commenthidden" id="9a"><span style="color: rgb(102, 0, 0); font-weight: bold;">B</span></div>
<b>10. Question ?
</b>
<input name="b" value="2" type="radio"> A..
<input name="b" value="4" type="radio">B.
<input name="b" value="1" type="radio">C
<input name="b" value="3" type="radio">D
<a aiotitle="click to expand" href="javascript:togglecomments('10a')">Click Answer</a>
<div class="commenthidden" id="10a"><span style="color: rgb(102, 0, 0); font-weight: bold;">D</span></div>
</form>
(Read more inside ..)
How to add Mp3 to your Blog
Step1-Download Hootech mp3 to swf converter.
Step2-Install it,(during installation select the out put file destination)open mp3 converter-click on "Add mp3/wav"-select the file
to be converted-Click "Convert all"
Step3-Go to output file folder, there you can see 1 HTML and 1 swf file
Step4-Login in to www.pages.google.com with your account
ex:-www.yourid.google.com
Step5-Upload swf file
Step6-Right click on uploaded file copy the link location
ex:-http://yourid.googlepages.com/05.AtuNuvveItuNuvve.swf
Step7-Grab the code below, change your file location
Step8-finish you can put this code any where in your posts to play your mp3 file.
DEMO
(Read more inside ..)
Great Seo tip with images
It's really a great SEO tip that can be done with .Jpeg and .Gif images
Make your own widget without a single line of any programming code. You make a number of widgets like
a).Daily inspiration quote
b).Cine Actress latest images updation
c).Converted funny vido to Gif
d).New Templates arrived
e).New Widgets for Blogger
anything that can be done with an image.
How to make it?
step1-select an image and name it as Image1
step2-upload it to www.photobucket.com
get the url...this will look like this
<a href="http://s603.photobucket.com/albums/tt111/successramesh/?action=view¤t=image1.jpg" target="_blank"><img src="http://i603.photobucket.com/albums/tt111/successramesh/image1.jpg" border="0" alt="Photobucket"></a>
Note:-Replace the href address with you blog address, so if any visitor clicks over the widget he will be diverted to your blog.
and the image in Photobucket looks like this
If you move the mouse over image you will see HTML code...copy and save the code for future use.
Now delete the uploaded image and rename another image which you want to display on widget grabbed by different bloggers.
Upload the image
Finish...the previous image of the widget in blogger's blog automatically changes.
Trick here is when you upload a image to photobucket it saves image as
src=&quot;http://i603.photobucket.com/albums/tt111/successramesh/image1.jpg
when you renamed another image with the previous uploaded one and deleted the previous one the next image with the same name takes the exact path where your previous image were. So, if your widget or Grab my Button is taken by any blogger the path of the present image remains the same but the image changes. Daily you have to change the image or have to make automatic slide show or video converted gif should be uploaded in the path for every 2 days.
Note:-Make widget in table frame and keep all images upload should be same size.
Another Way With Google.Docs
step1-select an image and name it as Image
step2-upload it to www.pages.google.com
get the url...this will look like this
<a href="http://yourblog.blogspot.com" target="_blank"><img src="http://heroramesh.googlepages.com/image.jpg
" border="0" alt="Photobucket"></a>
Advantage with google pages is when you upload next image with previous image name the existing image automatically replaced no need tomanual delete. Every day you have to upload new img to google pages.
The same thing can be done with audio also.
(Read more inside ..)
test .gif as Grab Button
When adding .Gif img is possible then ...making "Grab button"
in .gif also possible and more interesting.
How to display Html code in your posts
Step1:-Go to http://www.elliotswan.com/postable/
Step2:-type/copy the code you want to display(Remember only the code not the whole text description of your "How to" post)
Step3:-Click on "Make it friendly" button (a re-arrangement of your code happens)
Step4:-Copy the code and paste it in your post.--publish
Code for quiz to place questions one by one
My Quiz
<form name="f">
<b>What is your favorite color?
</b>
<input name="a" value="4" type="radio">Blue.
<input name="a" value="1" type="radio">Red.
<input name="a" value="2" type="radio">Violet.
<input name="a" value="3" type="radio">Black.
<a aiotitle="click to expand" href="javascript:togglecomments('1a')">ClickAnswer</a>
<div style="font-weight: bold; color: rgb(153, 0, 0);" class="commenthidden" id="1a"> A</div>
<b>How do you like your steak cooked?
</b>
<input name="b" value="2" type="radio">Violet.
<input name="b" value="4" type="radio">Blue.
<input name="b" value="1" type="radio">Red.
<input name="b" value="3" type="radio">Black.</form>
<a aiotitle="click to expand" href="javascript:togglecomments('2a')">Click Answer</a>
<div class="commenthidden" id="2a"><span style="color: rgb(102, 0, 0); font-weight: bold;">B</span>
</div>
(Read more inside ..)
Quiz one by one
Here you can Make a Quiz for your Blog visiotrs with instant check results option. The most importent thing in Representing the instant answer is
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>
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>
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
My Quiz
Click Answer
(Read more inside ..)
Sunday, October 4, 2009
Expanding table
|
Read more: http://www.webdesign.org/web/html-and-css/tutorials/expanding-table.3169.html#ixzz0SzQeG66K
Grab my code button
This is the example of adding "Grab my code button".
increasing rows increases the height
increasing columns increases width
(Read more inside ..)
Scroll box
The
This is my table! |
The table will turn out like this:
| This is my table! |
What? No border? Don't worry, to get the border we just add the border command to the tag, like this:
This is my table! |
java test-reference file
Program 23
Output : Click with the mouse on Hello .The alert box will appears first and then it takes you to the reference file which is z2.html.
(Read more inside ..)
Saturday, October 3, 2009
Ready made making quiz
Make quiz from this website http://a4esl.org/c/qw.html
For similar quizzes, visit HTML-Only Self-Study Quizzes which is part of Activities for ESL Students, a project by The Internet TESL Journal.
(Read more inside ..)
Friday, October 2, 2009
Subscribe to:
Posts (Atom)
Working code for the above quiz.
My Quiz
<form name="f">
<b>What is your favorite color?
</b>
<input name="a" value="4" type="radio">Blue.
<input name="a" value="1" type="radio">Red.
<input name="a" value="2" type="radio">Violet.
<input name="a" value="3" type="radio">Black.
<a aiotitle="click to expand" href="javascript:togglecomments('1a')">ClickAnswer</a>
<div style="font-weight: bold; color: rgb(153, 0, 0);" class="commenthidden" id="1a"> A</div>
<b>How do you like your steak cooked?
</b>
<input name="b" value="2" type="radio">Violet.
<input name="b" value="4" type="radio">Blue.
<input name="b" value="1" type="radio">Red.
<input name="b" value="3" type="radio">Black.</form>
<a aiotitle="click to expand" href="javascript:togglecomments('2a')">Click Answer</a>
<div class="commenthidden" id="2a"><span style="color: rgb(102, 0, 0); font-weight: bold;">B</span>
Working code for the above quiz.
</div>