Trick and Techniques

Sitemap

2013-12-07T15:12:00.001-08:00

Understand the Prepositions by Pictorial View

2013-05-06T02:36:00.000-07:00

Understand the Prepositions by Pictorial View

For Education Purpose Only.

Interesting Funny Game. For Genius Only

2013-05-05T23:37:00.002-07:00

Try This Game

Open this Image in Image viewer or click on image (Better in Facebook Light-box)
Put your mouse in the middle of the screen ( on Image).
Close your eyes
Move your mouse for a while (eyes will be closed)
Open your Eyes.
Find the Real cursor ( Your mouse )

Open Image in New Tab

Most interesting Funny Google Tricks.

2013-05-04T04:46:00.001-07:00

Most interesting Funny Google Tricks.

How to Update Status in blue Color on Facebook.

2013-05-01T23:06:00.000-07:00

How to Update Status in blue Color on Facebook.

Nowadays, we see a lot of our friends Status in Blue Color on Facebook.

So Here is some simple steps, that how to update your status on facebook in blue color.

Step 1. Sign In To www.Facebook.Com
Step 2. Go To Update Status Box, and paste the below code in that box. As shown in below image.

This is the Code

@[1: ]@@[1:[0:1: Your Text Here ]]

Step 3. Change the Text ( green color) with your own.
Step 4. Post ( Update) the Status.
It will look like this.
Enjoy. Share with your friends.

Computer Calculator Mistake ( Funny Trick)

2013-05-01T22:02:00.001-07:00

Computer Calculator Mistake ( Funny Trick)

Step 1. Go To Start button and the Run then Type " Calc". ( Or Start button→Program→Accessories→Calculator)
Step 2. Open Calculator
Step 3. Type 4 , and then press Sqrt (i.e Square root, e.g, √ )
Step 4. 2 will be appear ( As we already know)
Step 5. Click on Subtract (Minus Symbol i.e, - ) ant then type 2.
As we all know that answer shoud be 2-2 = 0, But the calculator will show something else ( As shown in below image)

Answer it if you're Genius? IQ Test.

2013-04-30T04:09:00.001-07:00

Answer it if you're Genius?

http://trickandtechniques.blogspot.com/

Facebook shortcut keys (browser Mozilla Firefox, internet explorer, Google chrome)

2013-04-29T04:09:00.000-07:00

Facebook shortcut keys (browser Mozilla Firefox, internet explorer, Google chrome), tips and tricks

New Updated Version . How to Add Show/Hide Text/Image Effect, i.e Spoiler , Read More Text etc in Blogger Post. (very easy, without touching your HTML source)

2013-04-28T02:39:00.001-07:00

New Updated Version . How to Add Show/Hide Text/Image Effect, i.e Spoiler , Read More Text etc in Blogger Post. (very easy, without touching your HTML source)

Live Demo

This is a very beautiful and important tips for bloggers. You can show text and hide the rest. You can also use this s a Read More option.

But most suitable for MCQs (Multiple Choice Question) or Fill in the blank or any kind of question, so you can hide answer till the visitor click on the “Show Answer"
Here is the Old one version, you can also apply This One.

So here the tutorial step be step

Step 1. Sign in to blogger dashboard.
Step 2. Click on "make a New Post" ( For testing purpose )
Step 4. Change to HTML instead of Compose. ( As shown in below image).

Step 5. Copy the Below Code and past it Here ( In above image )

<div style="margin: 5px;"><br /> <div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Put your Question/Text Here</span></i><input value="Show Answer / Explanation" style="margin: 0px; padding: 0px; width: 180px; font-size: 14px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide Answer / Explanation'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show Answer / Explanation'; }" type="button"/><br /> </div><br /> <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"><br /> <div style="background-color: #ebebff; display: none;"> Text which you want to show and hide </div></div></div>

Customization:
Change the text in pink color (Put your Question/Text Here) what ever you want.
Change the text in Red and Blue Color for what you want to show instead of
Show Answer / Explanation and Hide Answer / Explanation
Change the "180px" for box width
Change the text size ( Box text size .e show/hide answer) with "14px" i.e 16 px ,18 px etc.
Change the background color with #ebebff
Change the text "Text which you want to show and hide" or whatever you want to show and hide.
At last ( this would be more interesting, promise :))
When you put the above code in Text editor in HTML ( as shown in above image) then change the code in green color (none) with yes , and then change Compose instead of HTML, so you can see the box, in which you can put text or images directly. ( but do not forget to change "yes" with "none" again, when you complete your text post)
Copy Right material : http://trickandtechniques.blogspot.com/

Live Demo

Math IQ Trick. Try to Answer.

2013-04-27T23:26:00.001-07:00

Math IQ Trick... For Right Answer...just Click on " Show Answer "

http://trickandtechniques.blogspot.com/

Facebook New Trick. Try Must.

2013-04-27T23:01:00.000-07:00

Try this net Trick in Facebook Comment Box...and see what happen...if you like this, then share with your friends.

How to Make Symbols with Keyboard Shortcut.

2013-04-21T09:20:00.001-07:00

How to Make Symbols with Keyboard Shortcut

How to Add Show/Hide Text/Image Effect, i.e Spoiler , Read More Text etc in Blogger Post. (Very easy)

2013-04-19T02:36:00.002-07:00

How to Add Show/Hide Text/Image Effect, i.e Spoiler , Read More Text etc in Blogger Post. (Very easy)

This is a very beautiful and important tips for bloggers. You can show text and hide the rest. You can also use this s a Read More option.
But most suitable for MCQs (Multiple Choice Question) or Fill in the blank or any kind of question, so you can hide answer till the visitor click on the “Show Answer"
Here is new Updated Version of Show / Hide Option ( Very easy)

LIVE DEMO1

So here the tutorial step be step

Step 1. Sign in to blogger dashboard.
Step 2. Go to Edit HTML.
Step 3. Find " <head>" by (Search option "CTRL+F")
Step 4. Copy the Below Code and Past before/Above <head>.

<style type="text/css">

/* animated spoiler CSS by Trickandtechniques.blogspot.com */

.spoilerbutton {display:block;margin:5px 0;}

.spoiler {overflow:hidden;background: #ebebff;}

.spoiler > div {-webkit-transition: all 0.2s ease;-moz-transition: margin 0.2s ease;-o-transition: all 0.2s ease;transition: margin 0.2s ease;}

.spoilerbutton[value="Show Answer"] + .spoiler > div {margin-top:-100%;}

.spoilerbutton[value="Hide Answer"] + .spoiler {padding:5px;}

</style>

Step 5. Save your Template.

Now

Step 6. Go to blogger dashboard, and make a New Post ( For testing purpose )
Step 7. Change to HTML instead of Compose. ( As shown in below image).

Step 9. Copy the Below Code and past it Here ( In above image )

<input class="spoilerbutton" type="button" value="Show Answer" onclick="this.value=this.value=='Show Answer'?'Hide Answer':'Show Answer';">

<div class="spoiler"><div>

PUT CONTENT YOU WISH TO SHOW/HIDE HERE

</div></div>

Step 10. Change the Text Below "PUT CONTENT YOU WISH TO SHOW/HIDE HERE " with your own which you want to appear in Show/Hide option.
Update the post....you have done...

Customize this CSS Code.

Change the color code #ebebff; in (Code 1 (Line 4)) with your own.
Change Show Answer and Hide Answer with your own text to appear in box instead of "Show answer"
(By Changing the Orange Color texts in Code 1 ( Line 8, and 10) and Code 2 ( Line 1, 2 and 3).
For more and multiple spoilers, past the second HTML code again and again ( as in step 9).

LIVE DEMO2

Copy-righted Material.
http://trickandtechniques.blogspot.com/

Nice Math Trick

2013-04-18T10:01:00.001-07:00

Nice Math Trick

Answer it. 30 ÷ ½ + 15 = _______?

2013-04-17T01:24:00.001-07:00

Answer it.30 ÷ ½ + 15 = ____?

http://trickandtechniques.blogspot.com/

If 2+2=5, then what is the Speed of Light?

2013-04-16T23:50:00.001-07:00

Answer it.If 2+2=5, then what is the Speed Of Light?

http://trickandtechniques.blogspot.com/

How To Customize the Inserted Table/Text Box ( Easiest Way) Part 2.

2013-04-14T18:16:00.001-07:00

Part 2 Updated: How To Customize the Inserted Table/Text Box ( Easiest Way)
Here we will customize and will give a beautiful look to our Inserted Table/Text Box in Part 1
Here is Step by Step procedure.

Part 1. Easiest Way. How to Add a Text Box / Table in a Blogger ( without touching Blog HTML Source).

Sign in to blogger and then go to "New Post" ( where you want to add Table or Text box.)
Now Open MS. Word, ant then Go to "Insert Table" ( Its depend on your need that how many Row and Columns You want to add in the table as shown in below image).
Give a beautiful look to your Table/Text box under the "Table tool" ( Select your inserted table/Text box, then click on Table tool, a lot of beautiful design will be appear, then select your own. As shown in below image.(Click image to enlarge)
For Text Box, Insert one row and one column and then re-size for your post requirement, then write anything what you want i.e Java Script or Text then Copy and past in your blogger post.
Check preview and the publish
Enjoy. ( Don't forget to share with other friends)

Part 1. Easiest Way. How to Add a Text Box / Table in a Blogger ( without touching Blog HTML Source).

For More Help and detail, feel free to contact me or just ask in below comment box. we will guide you as soon as possible.

By: Wasim Khan (Copyright)
http://trickandtechniques.blogspot.com/
http://electricaltechnology.org/

Easiest Way. How to Add a Text Box / Table in a Blogger ( without touching Blog HTML Source). Part 1.

2013-04-14T17:58:00.002-07:00

Easiest Way. How to Add a Text Box / Table in a Blogger ( without touching Blog HTML Source). Part 1.

Part 2 Updated: How To Customize the Inserted Table/Text Box ( Easiest Way)

This is the easiest way ever to ad a Text box or a Table in Blogger blog. Actually, i tried a lot of site for that how to add such kind of table or text box in blogger but a lot of methods were to complex for this purpose, but also note that i accidentally ( i don't want to tell a lie, that's why.. ) discovered this trick for adding a text box or a table in blog. In this method, You can add Table or Text box for adding HTML/JavaScript, Data , Text etc..

So here is the procedure ( Step by Step...)

Sign in to blogger and the go to "New Post" ( where you want to add Table or Text box.)
Now Open MS. Word, ant then Go to "Insert Table" ( Its depend on your need that how many Row and Columns You want to add in the table as shown in below image)

For Text Box, Insert one row and one column and then re-size for your post requirement, then write anything what you want i.e Java Script or Text then Copy and past in your blogger post.
Check preview and the publish
Enjoy. ( Don't forget to share with other friends)

Part 2 Updated: How To Customize the Inserted Table/Text Box ( Easiest Way)

For More Help and detail, feel free to contact me or just ask in below comment box. we will guide you as soon as possible.

By: Wasim Khan (Copyright)
http://trickandtechniques.blogspot.com/
http://electricaltechnology.org/

Add Related Posts/Links without Thumbnails without touching your Blog HTML Source. (The Most Easiest way ever)

2013-04-12T20:39:00.000-07:00

Add Related Posts/Links without Thumbnails without touching your Blog HTML Source (The Most Easiest way ever)

I Think this is one of the most easiest way to add related post links to your blogger blog.
This will increase your Visitors and Page viewer. But before applying this widget, you must labeled your post .
Note: Code is taken out from http://safir85.ucoz.com/. but we have edited code for modification

Live Demo

Here is we go to apply (Step by Step)

This is The Code which you will past in Step 4.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

So now lets begin, and Here is we go to apply (Step by Step)
Step 1. Go to your Blogger Layout.
Step 2. Now Click on " Add a gadget" (as shown in image)
Step 3. A new window will be appear. now click on "HTML/JavaScrit"
Step 4. Once again a new window will be appear. Now copy the above CODE and Past into the Box and click Save.

(Click image to enlarge (Image 1))

Step 5. Drag this new HTML/JavaScript immediately below your Post Body. as Shown in image 2.

(Click image to enlarge (Image 2))

Live Demo

How To Use Blogger new interface for Editing/Modifying Template (New).

2013-04-11T06:48:00.000-07:00

Recently, i opened Blogger to edit some of my page elements, then i worried, because there was somethng other than the older editing template design.The problem was that. i was unable to find some specific code like <head> etc, (by simple Ctrl+F option. For Browser), then in feedback option, i submit feedback form to google that Please solve this problem.after 15 mins, they add new Search option for finding page element.
Now lets begin, what is new here, and how can we customize the page elements.
Blogger new interface for Editing/Modifying Template (New).

Now it will appear this window instead of the old one for Update/Modify Template..
(Click images to enlarge)

You can jump easily ( To Header, Footer or HTML script etc) by this Tab
( Click images to enlarge)

This option for " Expand Widget"

Note: For changing your Header, footer, sidebar etc Color or Fonts or want to add some elements, then click on this black arrow, it will expand your widget.

( Click images to enlarge)

Try New Search Option for finding Specific Codes/Elements of Your Page.
Note That You can not search that codes by Find (your browser) Ctrl+F option, ( As shown in figure). to do that, first click in the template elements, then press " Ctrl+F" a new search option will appear for this purpose. for more check this screen shoot.
( Click images to enlarge)

Also you can format, reverse changes, etc but the good one is to preview your template in the same page.

For More Help and detail, feel free to contact me or just ask in below comment box. we will guide you as soon as possible.

By: Wasim Khan ( Copyright)
http://trickandtechniques.blogspot.com/
http://electricaltechnology.org/

A Lot Of Data...Coming Soon...

2013-04-03T08:29:00.002-07:00

A Lot Of Data...Coming Soon...