Online Education

Customize Author Profile In Blogger

2013-06-16T12:15:00.000-07:00

Today i was working on my blog playing with the codes .. then i found some thing really unique ,stylish and attractive.It was a Great customization of "AUTHOR PROFILE WIDGET"as i started working upon it, i found it successful and something unique with some great features such as author profile picture style and as well as hover effect , border style, shadow box and a cool admin badge.So i thought why i should not share it with you all so take a look at new and customized official "AUTHOR PROFILE WIDGET".

Remember!!!: Don't forget to hover it .

Live Demo

How To Customize Author/Admin Profile Using Simple CSS

To add this effect to your personal profile follow these steps,

Go To Blogger > Layout
Click Add a Page element or Add a gadget
Select Author Profile Widget
Now Go to Edit HTML
Backup your template
Search For ]]></b:skin>
Just above ]]></b:skin> paste this code

/*--- OE Author profile widget --- */
.profile-img {
    float: left;
    margin: 5px 5px 5px 8px;
    padding: 4px;
    box-shadow: 0px 1px 9px rgb(102, 102, 102);
    border-radius: 50px 50px 50px 50px;
    border: 1px solid rgb(255, 255, 255);
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
.profile-img:hover {
opacity: 0.5;
}
.profile-data {
    margin: 5px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: rgb(0, 0, 0);
    font-weight: bold;
    line-height: 1.6em;
}
.profile-datablock {
    background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicdiTkh3QEvC3861GKy7HSLOuc3aTsDDI27jsDqvvJNSB-mVnKUaRpoqfNiaj3idF-Po8pSAaaFAZnoQF7uy7J8UI1GnEXRJWwbYZJ4BKEoW_WqJvJWiH6OuU6XA_xLcqLcTBuMa9glEfn/s1600/aDMIN.png');
    background-repeat:no-repeat;
    background-position:244px -5px;
    margin: 0.5em 0px;
    border: 1px solid rgb(221, 221, 221);
}

8. Save your template and Done!
Preview your blog to see your profile standing out!

Customization Guide

(1) Customize border

border-radius: 50px 50px 50px 50px;
border: 1px solid rgb(255, 255, 255);

to change the border of Author profile Picture profile pic to the square shape just remove border-radius: 50px 50px 50px 50px; and to change the border color just change the code rgb(255, 255, 255) as your wish.

(2) Change author Badge
to change the author badge image just replace your image code with

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicdiTkh3QEvC3861GKy7HSLOuc3aTsDDI27jsDqvvJNSB-mVnKUaRpoqfNiaj3idF-Po8pSAaaFAZnoQF7uy7J8UI1GnEXRJWwbYZJ4BKEoW_WqJvJWiH6OuU6XA_xLcqLcTBuMa9glEfn/s1600/aDMIN.png

(3) Customize the content block

border: 1px solid rgb(221, 221, 221);

To change the border change the rgb(221, 221, 221) as you like and to change the style of border just change solid to Dashed or Dotted .

How to show or hide the link in Author Profile

To Hide the Author profile Link Just add

.profile-link {
display:none;
}

That’s All!

I hope you will find it easy and interesting. Any question is welcomed :>

Where to add CSS in our blog ??

2013-05-10T11:16:00.000-07:00

We can say CSS backbone for a blog/website. CSS makes our blog attractive and readable as well. If our blog will be beautiful good, Smart and attractive so reader will spend more time to view our blog.Without CSS our blog is nothing.... Without CSS our blog is like a Blank piece of paper. CSS give look to our blog and make it SEO friendly.And it is a first stage to workout with our template.CSS make our template beautiful and able to work in the beautiful blogging atmosphere. We saw many blog having beautiful look and widgets .. it is Just because of CSS.

What is CSS:

CSS stands for Cascading Style Sheets
Styles define how to display HTML elements
Styles were added to HTML 4.0 to solve a problem
External Style Sheets can save a lot of work
External Style Sheets are stored in CSS file

Where to add CSS in our template:

In our blogger template a tag is used to add CSS called "<b:skin>...</b:skin>" tag.

In our template we add our CSS code just above </b:skin> tag :

<b:skin><![CDATA[
{
..........................................................................................................................
..........................................................................................................................
..........................................................................................................................
..........................................................................................................................
..........................................................................................................................
..........................................................................................................................
..........................................................................................................................
..........................................................................................................................
..........................................................................................................................
..........................................................................................................................
..........................................................................................................................
..........................................................................................................................
}
]]></b:skin>

We use CSS in the type of CLASS(.) or ID(#) to work with our HTML element
For example:
Class starts with

.class{
-----------------------------
-----------------------------
-----------------------------
-----------------------------
------------------
}

Id starts with # tag

# id{
----------------------------
----------------------------
----------------------------
----------------------------
}

Now stylizing our HTML element:

<div class="class"> HTML </div>
OR
<div id="id"> HTML </div>

2nd way to add CSS:

Just go to customize option from blogger template and after going there Template>Advanced>Add CSS look at the picture below:

Now after clicking this add your CSS code in the Box which is provided :

now click apply to blog DONE.

Or we can also add our CSS by hosting it such as on Google Drive and Google Code.
after hosting your CSS code just copy the link of file :
and it to the piece of code and paste this piece of code just Template » Edit HTML » Proceed.Now search for the starting <head> tag and just above it paste the following code.

<link href='https://googledrive.com/host/your-file-code' rel='stylesheet'/>

Need Help:

We will soon write another detailed article on this .. till then need any type of help please drop your all question below without any hesitation .. or for personal help please Use our contact page.till then peace and blessings.=)

How to add a Favicon to your site ??

2013-05-10T10:21:00.000-07:00

Favicon is very necessary for a blog/website . It is Recognition of a website or blog and also give it attractive & professional look as well . Many people try to add favicon to their websites or blog many times but finally Unsuccessful. So we are going to show you how to add a attractive favicon to your site.

First create a beautiful Favicon:

Firstly you need to create a unique and attractive favicon for your blog or website using different software such as Adobe Photoshop (7.0 or Cs) or Ms paint.Remember your favicon should be in ".ico" (.ICO) format and less than 100 KB and size should be 16 x 16 px.
Convert your image file to .ICO

How to add your favicon:

layout>favicon

and after clicking EDIT a window will appear and their upload your .ICO/Favicon file. look at the image below:

And finally click save. And you are done visit your new blogging experience a professional look of your blog/website.

Need Help:

If you need any type of help so please kindly feel free to ask to your Question . Let's see your new blogging experience =) .

Create a Cute Subscription widget

2013-04-29T05:35:00.003-07:00

Today we are going to share a beautiful RSS subscribe for blogger and WordPress. it is new in style cute and i am sure it will attract your readers.
so let's start ...

How to add Cute subscription widget to blogger?

Go To Blogger > Design > Page Elements
Choose HTML JavaScript Widget
Paste the following code in it,

<style>

.bordered {
    border: 10px solid rgba(82, 82, 82, 0.7);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
    width:273px;
}
.bordered2 {
height: 25px;
     background-color: rgb(36, 39, 41);
     color: rgb(221, 221, 221);
     text-shadow: 1px 1px 2px rgb(0, 0, 0);
}
</style>
<div class="bordered">
<div class="bordered2">
<center>
<span style="color: #ffffff; font-size: 16px;"><b>Subscribe Now</b></span></center></div>
<a href="http://feeds2.feedburner.com/blogspot/UONsI" rel="alternate" title="Subscribe now to avail the unthinkable" type="application/rss+xml"><img border="0" alt="" style=" padding-bottom:20px; margin: 0pt 10px 10px 0pt; float: left; width:100px; height:100px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUAagEBO2p1P4P8xHbyzC1YKcQ9KPRMkp80XsRI1qGMIO03PDr7mse1EQ5M60KfPI6jdgu7zhmnQGeDu2S8jGTGcMczdh7Skl4FVins74b569oDlf78Her5eZjaJEA5VM4uKn748u6XKGK/s1600/rss_icon.png"/></a><p><a href="http://feeds2.feedburner.com/blogspot/UONsI" rel="alternate" title="Subscribe to my feed" type="application/rss+xml">Get free email updates </a><span style="color: rgb(36, 39, 41); font-weight: bold;">By submitting your email address here</span></p>
<style>
input.bt {
color:#fff;
font: bold 10px Arial, sans-serif;
background:#F39100;
border:0;
padding:3px;

}
input.bthov {
color:#fff;
font: bold 10px Arial, sans-serif;
border:2px solid #F39100;
padding:3px;
}
</style>
<form action="http://feedburner.google.com/fb/a/mailverify" style="padding: 5px; " target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/UONsI', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input style=" color:rgb(36, 39, 41); background: #fff; border:1px solid #ff7417; width: 90px;" name="email" type="text"/>
<input value="blogspot/UONsI" name="uri" type="hidden"/><input value="en_US" name="loc" type="hidden"/> <input onmouseover="this.className='bt bthov'" onmouseout="this.className='bt'" value="GO!" class="bt" type="submit"/></form><br/>
</div>

Now make these changes,

Now replace http://feedburner.google.com/fb/a/mailverify?uri=blogspot/UONsI with your Feedburner Email Feed link. You can get it by visiting your feedburner account then navigate to Publicize and then to Email Subscriptions.

Replace blogspot/UONsI with your feed title. It appear at the end of your feed link. In my case it is http://feedburner.google.com/fb/a/mailverify?uri=blogspot/UONsI

Save your widget and view your blog to see it showcasing live! :)

That’s All!

Do let me know if you needed any help in customizing the widget.

Google+ commenting system for blogger

2013-04-29T03:20:00.000-07:00

Since blogger is spreading their services among the whole world.They are making such incredible/wonderful changes in their blogger atmosphere,system and look.After a Unique and Stylish HTML editor they are launching G+ comment system for blogger. However it is not so friendly yet but i am sure it will make a great change in blogger word.It will also help you increase your traffic and making your comment system beautiful ever before. Now today we are going to show you that How to add g+ commenting system to your blog.

What are the features?

a perfect and unique look without any doubt. your readers don't need to choose any profile and don't need to wait for approval(in some blogs) as well.
Share option in comment system fast loading and also have recommendations is this comment is publicaly recommended or your circles.
All activities at one place such as Activity feed.
Reply and delete option in the comments system which best ever. and delete the comments permanently without any backup such as comment is deleted by author or someone.

How to add Google plus comment box:

1. you need a account on Google plus.
2. Go to your blog click on Google+ as shown in the picture below:

Now after clicking on you just need to check the option "Use Google+ comments system on this blog" look at the picture below:

Just check it and congrats you are done :) .

Need help:

Not working? or having trouble while doing it just feel free to ask because by your question i also learn. Peace and blessing =) .

How to back up your blogger Template ?

2013-04-16T07:33:00.001-07:00

It happens in a second that your are making changes in your template and it will say that "NOT DISPLAYING OR TEMPLATE IS BROKEN" so what will you do then or a You are making that kind of change which can't be Removed. Or a coding area you have deleted and don't have that code in your computer.Or changing template and after changing 2nd template is no satisfactory.So any thing can be happen so we must BACKUP our template and ready for every problem:
so just look over some easy steps.

How to backup your template

First log in to your blogger account and click Template>>Backup/Restore :

As you will click on that upper right backup button a dialog will appear

and from there you can download your template XML file safely and also upload your new template.

Need Help

Enjoy and play with the codes. I hope it helped for further you can ask Questions without any hesitation. peace and blessings

Finally we have moved to google+ profile!!!

2013-03-15T10:24:00.002-07:00

now finally we have moved/convert our profile tog+ profile from old blogger profile. As blogger is going towards latest features and interfaces and dynamic view so we thought that we should look forward and move a step ahead. we changed our profile g+ because it has too many features and more attractive then old blogger profile.

old blogger profile

It has no features and not stylish
no updates

g+ profile
but this new google+ profile feauture is much unique as you can thought ....
it is unique it will be updated automatically just need a click.It features are so attractive and helpful such as you can share automatically to your profile or fan page it will cause a great traffic on your blog

what's next
so what are you are you thinking about just login to blogger and move your profile to google+ plus profile and get rid of "old blogger profile". having difficulty contact us friendly and ask your questions in comments tomorrow i will publish a detailed article upon it that how to change your default profile yo g+ profile. peace and blessings =)

We soon going to host our blog at host gator

2013-03-12T11:23:00.001-07:00

At last 2013 by the grace of almighty Allah we have complete new transformation.Online Education OE is now wearing a new dress , certainly version 2.0 of its theme transformation. The blue and silver layout has been replaced with a far better solid structure, colored in silver and grayish black.With Google's great emphasis on a better core HTML structure and fast loading content, we had to make some serious changes to the template by replacing every single bit of the old user interface with something more favorable and interesting.The template is a result of one week of continuous Graphic and Coding exercise. In order to add further fun to this new OE environment and especially to better promote our idea of a blog class room and its informative periods, I spared few more working hours in giving birth to an extremely helpful partner, called "sir O.E" :)

JUST take a look at our changes:
Previous Design: v1.0

New Design: v2.0

we soon going to host our blog... after this perfect,solid,beautiful and desirable layout we have decided or thinking to host our blog and i think host gator will be perfect because they don't demand very high just as other hosting companies they keep on giving special discount offers.They are perfect,reliable and desirable services and packages lets see and compare by your self why i am saying this all

Lets take a look their packages

we are going to compare it with "Go Daddy"

-
HOST GATOR:

There are three business plans that HostGator offers which are:

1. Hatchling Pan (The plan that we soon going to use)

Single Domain
UNLIMITED Disk Space
UNLIMITED Bandwidth
Shared SSL Certificate
Starting at $3.96/month Which means $48 per year This will decrease further after applying our 25% discount coupon

2. Baby Plan

UNLIMITED Domains
UNLIMITED Disk Space
UNLIMITED Bandwidth
Shared SSL Certificate
Starting at $6.36/month which means $76 per year. Would further decrease with Discount coupon

3. Business Plan (Obviously Not for bloggers)

UNLIMITED Domains
UNLIMITED Disk Space
UNLIMITED Bandwidth
FREE Private SSL & IP
FREE Toll Free Number
Starting at $10.36 Discount Coupon Applies

_
Go daddy:

There are three business plans that HostGator offers which are:

1. Economy plan ($2.99) /month

Single Domain
100 GB Disk Space LIMITED
UNLIMITED Bandwidth
10 Data base
100 Email addresses Which means $35.88 per year

2. Deluxe plan ($4.49) /month

UNLIMITED Domains
UNLIMITED Disk Space
UNLIMITED Bandwidth
25 database 100 email adresses
NEW! Customizable mobile site
Starting at $4.49/month which means $53.88 per year. No discount coupon included

3. Ultimate Plan $7.49 /month (Obviously Not for bloggers)

UNLIMITED Domains
UNLIMITED Disk Space
UNLIMITED Bandwidth
UNLIMITED database
UNLIMITED email adresses
NEW! Customizable mobile site
PREMIUM DNS
SSL certificates
Malware Scanner
Starting at $7.49 No Discount Coupon will be Applied

We are choosing hostgator

because of their reliability and coupons of discount and they are serving a Number of millions domains so it is Good and proud to choose Host gator in the future ...

so what is your plan

Password protect your google chrome for more security

2013-02-16T00:12:00.001-08:00

we are here with a new and unique trick which is simple but helpful. We are going to protect our google chrome and save our personal work.It is unique and quite simple too.

In this when someone will open your it will ask for as password goes wrong it will automatically be closed. so let's start.

Follow these steps:

1.Go to google chrome web store and install a extension name SIMPLE START UP PASSWORD
2.Click on the upper option icon of crome and go to Tools>Extensions.

3. Now find the installed Extension(SIMPLE START UP PASSWORD) which you installed and then click on options and write your desired password in the box and hit "Save".

Restart Your and see it is working perfecrtly.

4. You are all done !

NEED HELP :

if you are having any difficulty so please feel free to ask question. And you can also ask the Question related to your studies or tips or any help visit our contact page. or ask your Questions on comments peace =)

Create a Slick Menu using CSS3

2013-02-15T23:26:00.000-08:00

Today we are going to add a navigation menu named Slick Menu using css3 as it is going towards success day by day. It is quite simple to add this it is clear from any thing no ~~Javascript~~ no ~~images~~ and as well as ~~Jquery~~ simple just Css.

Live Demo

Follow the steps:
The entire process involves simple steps. Follow these instructions:

Go To Blogger > Settings > Template
Backup your template
Click Edit HTML > Proceed
Search for ]]></b:skin>
Just above it paste the following code:

.wrapper {

    width: 100%;

    height: 80px;

    background : #464646;

    background : -webkit-gradient(linear, left top, left bottom, from(rgb(168,168,168)), to(rgb(69,69,69)));

    background : -moz-linear-gradient(top, rgb(168,168,168), rgb(69,69,69));

    border-top: 2px solid #939393;

    position: relative;

    margin-bottom: 30px;

}

ul {

    margin: 0;

    padding: 0;

}

ul.menu {

    height: 80px;

    border-left: 1px solid rgba(0,0,0,0.3);

    border-right: 1px solid rgba(255,255,255,0.3);

    float:left;

}

ul.menu li {

    list-style: none;

    float:left;

    height: 79px;

    text-align: center;

    background: -webkit-gradient(radial, 50% 100%, 10, 50% 50%, 90, from(rgba(31,169,244,1)), to(rgba(0,28,78, 1)) );

    background: -moz-radial-gradient(center 80px 45deg, circle cover, rgba(31,169,244,1) 0%, rgba(0,28,78, 1) 100%);

    }

ul li a {

    display: block;

    padding: 0 20px;

    border-left: 1px solid rgba(255,255,255,0.1);

    border-right: 1px solid rgba(0,0,0,0.1);

    text-align: center;

    line-height: 79px;

    background : -webkit-gradient(linear, left top, left bottom, from(rgb(168,168,168)), to(rgb(69,69,69)));

    background : -moz-linear-gradient(top, rgb(168,168,168), rgb(69,69,69));

    -webkit-transition-property: background;

    -webkit-transition-duration: 700ms;

    -moz-transition-property: background;

    -moz-transition-duration: 700ms;

    }

ul li a:hover {

    background: transparent none;

}

ul li.active a{

    background: -webkit-gradient(radial, 50% 100%, 10, 50% 50%, 90, from(rgba(31,169,244,1)), to(rgba(0,28,78, 1)) );

    background: -moz-radial-gradient(center 80px 45deg, circle cover, rgba(31,169,244,1) 0%, rgba(0,28,78, 1) 100%);

}

6. Now search for <body> and just below it paste it paste the following code:

<div class="wrapper">

<div class="container"><ul class="menu" rel="sam1">

<li class="active"><a href="#">Home</a></li>

<li><a href="#">About</a></li>

<li ><a href="#">Blog</a></li>

<li><a href="#">Services</a></li>

<li><a href="#">Portfolio</a></li>

<li><a href="#">Contacts</a></li>

<li><a href="#">Twitter @insic</a></li>

</ul>

</div>

</div>

Tips:

Replace'#' with your desired link

7. Save your template and all done!
Visit the new page and see if things are as you planned. :)

NEED HELP:
if you so please kindly ask your questions we will share a lot of other things with you in up coming tutorials take care peace buddies =)

Operating system

2013-01-20T00:15:00.001-08:00

OPERATING SYSTEM

Operating system(os) is a logical part of computer or software which may also called a user interface,which make contact between user and computer....

DEFINATION

it is a logical part of computer which is able to run our computer/boot start our computer by this we are able to make contact or work with our harware(Computer).

Exaples:

1) MS DOS
2) Windows
3) Lunix-unix
etc

Year by year it is going towards Innovation/moderation as we have example of win 98 and windows 7 they both have a big difference them ......

Soon i will publish a detailed article upon this topic

Have any question or problem feel free to ask question....

a GWBASIC programme with goto command

2013-01-09T09:45:00.002-08:00

Friends today i am going to share a simple programme, which is only work on symbols just a graphical programme which is attractive and simple2 ..... work with goto command

Lets stat

a star programme with goto command

10 cls
20 print"*"
30 print"**"
40 print"***"
50 print"****"
60 print"*****"
70 print"******"
80 print"*****"
90 print"****"
100 print"***"
110 print"**"
120 print"*"
130 goto 20
140 end

Or copy it from here:

10 cls

20 print"*"

30 print"**"

40 print"***"

50 print"****"

60 print"*****"

70 print"******"

80 print"*****"

90 print"****"

100 print"***"

110 print"**"

120 print"*"

130 goto 20

140 end

Try out and have fun,
Enjoy :-)

points to focus maths students

2013-01-09T06:54:00.000-08:00

point to be noted for maths students and many other points can also help the students of other subjects may be any other subject

in maths your procedure of doing or solving the question counts not your answer ...........

1) BE ATTENTIVE DURING YOUR TEACHER'S LECTURE

When your teacher delivering lecture on any topic in your class please listen it carefully.Note down every single line written on black board..... don't be lazy always concentrate to teacher. many of students don't like maths and they don't focus towards that but they don't know what they are going to do actually..????? most important thing ask questions from your teacher much as you can if you are confused don't shy because this thing count alot.

now points are come while solving a maths :

1) Think each question carefully:

Be patient! relax and think all ways to do that following question think with cool mind, fully concentrate to your question don't think too much but think as much you can

2) Feel you can do it!

Always feel you can do it, this thing also count too much self confidence plays a big roll in your studies ... as well maths depends all on self confidence. feel that i have a proper way to this question and i know i can solve this easily...

3) Self confidence:

Self confidence counts too much because you do any question till have self confidence . This thing counts when you solve a question and answer have come so be confident on your answer.........What you made.

Note:
Practice each as much as you can do that question many times but don't forget to change the variety of question. Try to make question by oyur self similar to your previously done question

Thats it! best wishes and with best regards

You can ask question from me If have confusion in any topic or at any subject please feel free to ask your question ..... because every question counts.

By: MUNEEB QAZI

About the author

2013-01-08T10:34:00.000-08:00

About The Author

Muneeb Qazi
Founder & Author
Muneeb is a young student and and a blogger and running a numbers of blogs.He is a student of 10th and a addicted blogger.He runs blogs which provides education.knowledge and tips about studies.

In october 2012 Muneeb launched his second blog which also named online education which now providing learning outcomes to thousands of peoples and students and online education(this official blog) alhamdulillah is going towards sucsess step by step.And by this our blog is able to list out in helping blogs.

Muneeb started blogging in June 2009 just after completing his primary session.He didn't know what is blogging actually??? When he started writing blogs.Then he did many courses of English language coaching in maths,physics,Urdu,islamyat,biology,computer,chemistry and other subjects related to studies.Then he learn HTML,JavaScript and css from his city and online tutorials.And he always want to do different in his life which relates to people help so he started blogging.

The aim of start the blog Online education to help the people in their studies.it provides information a way to study and information related to their studies.Out comes for students and many sub topics.To give students to see a step ahead on their aim/goal or dream which they saw or made for their bright future.To build up a educated community of respect and peace.

Muneeb's advice to new bloggers:
"when u want to start something special and unique in your point of view but in others point of you may be just a loss of time,may be only a impossible task in their point of view......and they will only call you a fool but when you will see your potential to those who said you these things or thinked about you so their heads will automatically down from shy because they will feel a looser in themselves so don't loose your hops and dreams and do what you want........... be patient and do your work with consitansy and with hardworking you will have to apply these all things in your life if you want to do or be some thing in your life to change your dreams into reality and don't want to break your hopes.
Best wishes
Regards,
Muneeb Qazi

Menu programme GWBASIC

2012-12-31T03:03:00.001-08:00

A new programme of GW BASIC for you. TRY IT!

it is a programme called:

"MENU PROGRAMME"

it is a proggrame which is work on ch(choice command) & on goto command it is a nice programme and attractive and much usefull:

so first open GWBASIC or NOTEPAD to do job:

In GW BASIC you will have to write these all codes

But in notepad just copy and paste code below:

10 cls
20 print"1.......Adiition"
30 print"2.......Subtraction"
40 print"3.......Multiplication"
50 print"4........Divison"
60 print"5.........Exit"
70 input" YOUR CHOICE";ch
80 on ch go to 90,160,230,300,370
90 cls
100 print"Addition"
110 input"Number1";n1
120 input"Number2:;n2
130 sum=n1+n2
140 print"Answer";sum
150 goto 20
160 cls
170 print"SUBTRACTION"
180 input"Number1";n1
190 input"Number2";n2
200 sub=n1-n2
210 print"Your answer";sub
220 goto 20
230 cls
240 print"Multiplication"
250 input"Number1";n1
260 input"Number2";n2
270 mul=n1*n2
280 print"Product";mul
290 goto 20
300 cls
310 print"DIVISION"
320 input"Number1";n1
330 input"Number2";n2
340 div=n1/n2
350 print"Answer";div
360 goto 20
370 end

Now press F2 for results!

IMPORTANT

: For notepad before saving file don't forget to change the extension of file change file extension from ".txt" to ".bas"

You are done if have any confusion go to questions askers page and feel free to ask your question!

Don't forget to give Give FEED BACK.

Programming by: Muneeb QAZI

GW BASIC introduction

2012-12-30T10:50:00.001-08:00

"GWBASIC"

Q:what is G.W BASIC actually????

GW BASIC is a language which was made first in the year of 1982. It is use for making programmes or softwares such as calculator, a buisness software, for gaming,mark sheet,bank records etc. Now a days it's need is in office and schools.....

Q:2) how it actually works?

it works with commands and use "Interpreter" as translator.
some of the commands such as following:

1) cls
2) auto
3) print
4) syntax
5) goto
6) while
7) Wend

etc

and in this we see two categories "numeric value" and sting value:

1) Numeric values are those values which consist only on number e.g 12134569

2) Alphanumeric/Sting value are those values which consist on alphabates and numeric or only alphabatic.

we use no any special variable for "numeric value" but for "Alphanumeric/sting value" we use "$" before value

A example of programme:

cls
print"Online Education"
print"www.muneebonlineworks.blogspot.com"
end

press F2 key to run your programme

it was a little introduction for GWBASIC i will share more about it and progrrames for Thanks!
Muneeb Qazi

If you like please dont forget to share this and give your feed back to me!

Any question or need help feel free just go to our question askers page and ask your questions.

An article by: Muneeb Qazi

Slo's for students outcomes AKUEB

2012-12-19T00:48:00.002-08:00

CONGRATULATIONS!!!!!
here are outcomes/Slo's for akueb examination boards students provided by muneeb qazi for you you can download it easily go towards your studies ...... Don't forget to give feed back
Click download your pdf copy:

Click this to download .PDF

Online Education

© online education
www.muneebonlineworks.weebly.com
www.muneebonlineworks.blogspot.com
these Slo's are for your downloads for please don't

make changes in these slo's thanks Muneeb
Slo's from AKUEB board©

SALT

2012-12-14T02:08:00.000-08:00

SALT

In chemistry, salts are ionic compounds that can result from the neutralization reaction of an acid and a base. They are composed of cations (positively charged ions) and anions (negative ions) so that the product is electrically neutral (without a net charge). These component ions can be inorganic such as chloride (Cl^âˆ’), as well as organic such as acetate (CH₃COO^âˆ’) and monatomic ions such as fluoride (F^âˆ’), as well as polyatomic ions such as sulfate (SO₄^2âˆ’).
There are several varieties of salts. Salts that hydrolyze to produce hydroxide ions when dissolved in water are basic saltsand salts that hydrolyze to producehydronium ions in water are acid salts. Neutral salts are those that are neither acid nor basic salts.Zwitterions contain an anionic center and a cationic center in the same molecule but are not considered to be salts. Examples include amino acids, many metabolites, peptides and proteins.
Molten salts and solutions containing dissolved salts (e.g. sodium chloride in water) are called electrolytes, as they are able to conduct electricity. As observed in the cytoplasm of cells, in blood, urine, plant saps and mineral waters, mixtures of many different ions in solution usually do not form defined salts after evaporation of the water. Therefore, their salt content is given for the respective ions.

Properties

Color

Potassium dichromate, a bright orange salt used as a pigment

Salts can appear to be clear and transparent (sodium chloride), opaque, and even metallic and lustrous (iron disulfide). In many cases the apparent opacity or transparency are only related to the difference in size of the individual monocrystals. Since light reflects from the grain boundaries (boundaries between crystallites), larger crystals tend to be transparent, while polycrystalline aggregates look like white powders.
Salts exist in many different colors, for example:

yellow (sodium chromate)
orange (potassium dichromate)
red (potassium ferricyanide)
mauve (cobalt chloride hexahydrate)
blue (copper sulfate pentahydrate, ferric hexacyanoferrate)
purple (potassium permanganate)
green (nickel chloride hexahydrate)
colorless (sodium chloride, magnesium sulfate heptahydrate)—may appear white when powdered or in small pieces

Most minerals and inorganic pigments as well as many synthetic organic dyes are salts. The color of the specific salt is due to the presence of unpaired electrons in the d-orbital of transition elements.

Taste

Different salts can elicit all five basic tastes, e.g., salty (sodium chloride), sweet (lead diacetate, which will cause lead poisoning if ingested), sour (potassium bitartrate), bitter (magnesium sulfate), and umami or savory (monosodium glutamate).

Odor

Salts of strong acids and strong bases ("strong salts") are non-volatile and odorless, whereas salts of either weak acids or weak bases ("weak salts") may smell after the conjugate acid (e.g., acetates like acetic acid (vinegar) and cyanides like hydrogen cyanide (almonds)) or the conjugate base (e.g., ammonium salts like ammonia) of the component ions. That slow, partial decomposition is usually accelerated by the presence of water, since hydrolysis is the other half of the reversible reaction equation of formation of weak salts.

Solubility

Many ionic compounds can be dissolved in water or other similar solvents. The exact combination of ions involved makes each compound have a unique solubility in any solvent. The solubility is dependent upon how well each ion interacts with the solvent, so there are certain patterns. For example, all salts of sodium, potassium and ammonium are soluble in water, as are all nitrates and many sulfate salts except barium sulfate, calcium sulfate (sparingly soluble) and Lead(2)sulfate However, ions that bind tightly to each other and form highly stable lattices would be less soluble, because it would be harder for these structures to break apart for the compounds to dissolve. For example, most carbonate salts are not soluble in water, such as lead carbonate and Barium carbonate Soluble carbonate salts are: Sodium carbonate, Potassium carbonate and Ammonium carbonate

Degenerationism

The name of a salt starts with the name of the cation (e.g., sodium or ammonium) followed by the name of the anion (e.g., chloride or acetate). Salts are often referred to only by the name of the cation (e.g., sodium salt or ammonium salt) or by the name of the anion (e.g., chloride salt or acetate salt).
Common salt-forming cations include:

Ammonium NH₄⁺
Calcium Ca²⁺
Iron Fe²⁺ and Fe³⁺
Magnesium Mg²⁺
Potassium K⁺
Pyridinium C₅H₅NH⁺
Quaternary ammonium NR₄⁺
Sodium Na⁺

Common salt-forming anions (parent acids in parentheses where available) include:

Acetate CH₃COO⁻ (acetic acid)
Carbonate CO₃²⁻ (carbonic acid)
Chloride Cl⁻ (hydrochloric acid)
Citrate HOC(COO⁻)(CH₂COO⁻)₂ (citric acid)
Cyanide C≡N⁻ (N/A)
Nitrate NO₃⁻ (nitric acid)
Nitrite NO₂⁻ (nitrous acid)
Phosphate PO₄³⁻ (phosphoric acid)
Sulfate SO₄²⁻ (sulfuric acid)

Formation

Solid lead(II) sulfate (PbSO₄)

Salts are formed by a chemical reaction between:

A base and an acid, e.g., NH₃ + HCl → NH₄Cl
A metal and an acid, e.g., Mg + H₂SO₄ → MgSO₄ + H₂
A metal and a non-metal, e.g., Ca + Cl₂ → CaCl₂
A base and an acid anhydride, e.g., 2 NaOH + Cl₂O → 2 NaClO + H₂O
An acid and a basic anhydride, e.g., 2 HNO₃ + Na₂O → 2 NaNO₃ + H₂O
Salts can also form if solutions of different salts are mixed, their ions recombine, and the new salt is insoluble and precipitates (see: solubility equilibrium), for example:
Pb(NO₃)₂(aq) + Na₂SO₄(aq) → PbSO₄(s) + 2 NaNO₃(aq)

Salts Article from wikipedia.org
Posted by:
Muneeb Qazi

Acid Base Theories: Svante Arrhenius

2012-12-12T23:13:00.000-08:00

Acid Base Theories: Svante Arrhenius

I. Introduction
Svante Arrhenius was one of the towering giants of chemistry in the years surrounding the turn of the century. His most important contribution to chemistry was also his first - the idea of electrolytic dissociation. This idea, first published in 1883 and in refined form in 1887, was the mainstay of his doctoral dissertation. It was the source of much hurt in his life.
The basic idea is that certain substances remain ionized in solution all the time. Today, everyone accepts this without question, but it was the subject of much dissention and disagreement in 1884, when a twenty-five year old Arrhenius presented and defended his dissertation.
He was bitterly disappointed when the dissertation was awarded a fourth class (non since laude approbatur - approved not without praise) and his defense a third class (cum laude approbatur - approved with praise). Essentially, he got a grade of D for the dissertation and a C for his defense.
He could not obtain a job within his native Sweden, but he did get a travel grant and worked outside the country for several years. He did return in 1891, but even in 1895, his elevation to Professor of Physics was bitterly opposed as was his overdue election to the Swedish Academy of Sciences in 1901.
However, he received the 1903 Nobel Prize in Chemistry for his electrolytic dissociation theory and that effectively ended public criticism.

II. The Acid Base Theory
Arrhenius published two articles on acids and bases, one in 1894 and the other in 1899.

Acid - any substance which delivers hydrogen ion (H⁺) to the solution.
Base - any substance which delivers hydroxide ion (OH¯) to the solution.

Here is a generic acid dissociating, according to Arrhenius:

HA H⁺ + A¯

This would be a generic base:

XOH X⁺ + OH¯

When acids and bases react according to this theory, they neutralize each other, forming water and a salt:

HA + XOH H₂O + XA

Keeping in mind that the acid, the base and the salt all ionize, we can write this:

H⁺ + A¯ + X⁺ + OH¯ H₂O + X⁺ + A¯

Fianlly, we can drop all spectator ions, to get this:

H⁺ + OH¯ H₂O

These ideas covered all of the known acids at the time (the usual suspects like hydrochloric acid, acetic acid, and so on) and most of the bases (sodium hydroxide, potassium hydroxide, calcium hydroxide and so on). HOWEVER, and it is a big however, the theory did not explain why ammonia (NH₃) was a base. There are other problems with the theory also.
III. Problems with Arrhenius' Theory
1) The solvent has no role to play in Arrhenius' theory. An acid is expected to be an acid in any solvent. This was found not to be the case. For example, HCl is an acid in water, behaving in the manner Arrhenius expected. However, if HCl is dissolved in benzene, there is no dissociation, the HCl remaining as undissociated molecules. The nature of the solvent plays a critical role in acid-base properties of substances.
2) All salts in Arrhenius' theory should produce solutions that are neither acidic or basic. This is not the case. If equal amounts of HCl and ammonia react, the solution is slightly acidic. If equal amounts of acetic acid and sodium hydroxide are reacted, the resulting solution is basic. Arrhenius had no explanation for this.
3) The need for hydroxide as the base led Arrhenius to propose the formula NH₄OH as the formula for ammonia in water. This led to the misconception that NH₄OH is the actual base, not NH₃.
In fact, by 1896, several years before Arrhenius announced his theory, it had been recognized that characteristic base properties where just as evident in such solvents as aniline, where no hydroxide ions were possible.
4) H⁺, a bare proton, does not exist for very long in water. The proton affinity of H₂O is about 799 kJ/mol. Consequently, this reaction:

H₂O + H⁺ H₃O⁺

happens to a very great degree. The "concentration" of free protons in water has been estimated to be 10¯¹³⁰ M. A rather preposterous value, indeed.
The Arrhenius theory of acids and bases will be fully supplanted by the theory proposed independently by Johannes Brønsted and Thomas Lowry in 1923.

Posted by:

MuNeEb QaZi

2012-10-29T03:28:00.002-07:00

this site is for your help and u can see many knowlagdeable and informative posts here just go to http://www.muneebonlineworks.blogspot.com this our site for students and also for learning peoples

thanks regards muneeb qazi

2012-10-10T06:29:00.001-07:00

2012-10-08T06:56:00.001-07:00

ALKANES

Alkanes (also known as paraffins or saturated hydrocarbons) are chemical compoundsthat consist only of hydrogen and carbon atoms and are bonded exclusively by single bonds(i.e., they are saturated compounds) without any cycles (or loops; i.e., cyclic structure). With the formula C_nH_2n+2, Alkanes belong to a homologous series of organic compounds in which the members differ by a constant relative molecular mass of 14. They have two main commercial sources: crude oil and natural gas.

Each carbon atom has 4 bonds (either C-H or C-C bonds), and each hydrogen atom is joined to a carbon atom (H-C bonds). A series of linked carbon atoms is known as the carbon skeleton or carbon backbone. The number of carbon atoms is used to define the size of the alkane (e.g., C₂-alkane).

An alkyl group, generally abbreviated with the symbol R, is a functional group or side-chain that, like an alkane, consists solely of single-bonded carbon and hydrogen atoms, for example a methyl or ethyl group.

The simplest possible alkane (the parent molecule) is methane, CH₄. There is no limit to the number of carbon atoms that can be linked together, the only limitation being that the molecule is acyclic, is saturated, and is a hydrocarbon. Saturated oils and waxes are examples of larger alkanes where the number of carbons in the carbon backbone is greater than 10.

Alkanes are not very reactive and have little biological activity. Alkanes can be viewed as a molecular tree upon which can be hung the more biologically active/reactive portions (functional groups) of the molecule.

MADE BY:

MUNEEB QAZI

2012-10-05T03:31:00.004-07:00

By mqazi

2012-01-12T00:35:00.000-08:00

INPUT DEVICES

Barcode

Lines of different widths and sizes representing data, that when read will determine what the scanned object is. Barcodes are often used to help organize and index information or prices about an object. Barcodes used by the U.S. postal service that helps speed the delivery of mail is another perfect example of how a barcode could be used. In the picture to the right, is an example of what a barcode for an address may look like.

Barcode readers and scanners

A barcode reader or scanner, also known as a point of sale (POS) scanner is a hardware device capable of reading a barcode and printing out the details of the product or logging that product into a database. A perfect example of a barcode reader is a super market barcode scanner that reads and logs the price of a product. In the picture to the right, is an example of a Barcode reader from HP.

Today many smart phones with the proper apps are also capable of scanning and reading barcodes.

Barcode Printers

A hardware device capable of printing out adhesive barcodes that can be attached to a product. This helps identify the product or a company keep track of its inventory.

Digital camera

A camera that stores the pictures or videoit takes in electronic format instead of to film. There are several features that makedigital cameras a popular choice when compared to film cameras. First, the feature often enjoyed the most is the LCD display on the digital camera. This display allows users to view photos or video after the picture or video has been taken, which means if you take a picture and don't like the results, you can delete it; or if you do like the picture, you can easily show it to other people. Another nice feature with digital cameras is the ability to take dozens, sometimes hundreds of different pictures. In the picture to the right, is a Casio QV-R62, a 6.0 Mega Pixel digital camera used to help illustrate what a digital camera may look like.
Digital cameras have become the camera solution for most users today as the quality of picture they take has greatly improved and as the price has decreased. Many users however are hesitant in buying a digital camera because of the inability of getting their pictures developed. However, there are several solutions in getting your digital pictures developed. For example, there are numerous Internetcompanies capable of developing your pictures and send you your pictures in the mail. In addition, many of the places that develop your standard cameras film now have the ability to develop digital pictures if you bring them your camera, memory stick, or pictures on CD.

Touch screen

A monitor or other flat surface with a sensitive panel directly on the screen that registers the touch of a finger as input. Instead of being touch-sensitive, some touch screens also use beams across the screen to create a grid that is interrupted by the presence of a finger near the screen.
A touch screen allows a user to interact with a device without a mouse or keyboard for input and is often used in a public environment where the user may only need to access general information, such as directions to a room in a building. In the picture to the right, is an example of a smart phone with a touch screen, this phone has no physical keyboard and all data is inputted using a finger.

Fingerprint

1. When referring to computers and security, a fingerprint refers to any trace of information left by someone. Often, if someone has gained unauthorized access to a computer or network, an administrator or security agent may look for any fingerprints left by the attacker, such as IP addresses, host names, etc. This can be compared to a crime scene detective looking for fingerprints at a crime scene.
2. When referring to computer hardware, afingerprint scanner or fingerprint readeris a hardware device that verifies a user or enters password information by scanning their finger. In the picture to the right, is an example of a fingerprint scanner byMicrosoft. Computers that do not already include a fingerprint scanner can connect devices such as these to their computer USBports.

Gamepad

A gamepad is a peripheral device designed to be connected to a computer or console gaming system. It has multiple buttons and may have one or two mini joysticks. A gamepad is used for playing video games of many types, including sports, first-person shooters, role-playing, and others. In the picture to the right, is an example of the XBOX360 controller for Windows and what a Gamepad may look like.
Gamepads are the primary peripheral device used on console gaming systems like the XBox360, PlayStation 3 and Nintendo WII. Some portable gaming systems have a gamepad built into the gaming device itself, like the Sony PSP.

Joystick

An input device that looks similar to a control device you would find on an arcade game at your local arcades. Ajoystick allows an individual to easily move an object in a game such as navigating a plane in a flight simulator. In the picture to the right, is of the Logitech Freedom 2.4 joystick and an example of what a Joystick may look like.

Paddle

1. More commonly known as a game paddle orgamepad, a paddle is an input device commonly used with games that may contain various buttons used to steer and utilize different options in a game. All console game systems utilize a paddle or gamepad for control. In the picture to the right, is an example of a game paddle used with the Atari 2600.
2. The term paddle may also be used to describe various handheld devices that are capable of controlling a function on a computer or electronic device.

Graphics tablet

Alternatively referred to as a drawing tablet and pen tablet, a graphics tablet is a highly accurate hardwareinput device that enables an artist to draw or sketch easier than they would be able to do with a standard computer mouse. In the picture to the right, is an example of a Pen Tablet from Wacom and a great example of these devices.

Keyboard

One of the main input devices used on a computer, a PC's keyboardlooks very similar to the keyboards of electric typewriters, with some additional keys. Below is a graphic of the Saitek Gamers' keyboard with indicators pointing to each of the major portions of the keyboard.

Finally, today most users use the QWERTY style keyboards. Below is a graphic illustration of where each of the keys are on a U.S. QWERTY style keyboard.

Microphone

Sometimes abbreviated as mic, a microphoneis a hardware peripheral originally invented by Emile Berliner in 1877 that allows computer users to input audio into their computers. In the picture to the right, is an example of a USB headset from Logitech with a microphone. A popular solution for computer gaming.

MIDI

Short for Musical Instrument Digital Interface,MIDI is a standard for digitally representing and transmitting sounds that was first developed in the 1980s. The MIDI sound is played back through the hardware device or computer either through a synthesized audio sound or a waveform stored on the hardware device or computer. The quality of how MIDI sounds when played back by the hardware device or computer depends upon that device's capability.
Many older computer sound cards will have a MIDI port, as shown in the top right picture. This port allows a musical instrument devices to be connected to the computer, such as a MIDI keyboard or a synthesizer. Before connecting any of these devices to the computer, you will need to purchase a separate cable, which takes the MIDI/Game port connection into the standard 5-pin DIN midi connector or a USB to MIDI converter. If you do not have a MIDI port the most common way today to connect a MIDI device to a computer is to use aUSB to MIDI port cable.

Mouse

A hardware input device that was invented by Douglas Engelbart in 1963, who at the time was working at the Stanford Research Institute, which was a think tank sponsored by Stanford University. The mouseallows an individual to control a pointer in a graphical user interface (GUI). Utilizing a mouse a user has the ability to perform various functions such as opening a program or file and does not require the user to memorize commands, like those used in a text-based command line environment such as MS-DOS. In the picture to the right, is a picture of a Microsoft IntelliMouse and is an example of what a computer mouse may look like.
The Mouse was originally referred to as an X-Y Position Indicator for a Display System. Xerox later applied the mouse to its revolutionary Alto computer system in 1973. However, because of Alto's unfortunate success, it was first widely used in the Apple Lisa computer. Today, a pointing device is found on virtually every computer.

Computer mice

Cordless
Footmouse
Glidepoint
IntelliMouse
J mouse
Joystick
Mechanical
Optical
Touchpad
Trackball
TrackPoint
Wheel mouse

How a mouse may interface with a computer

Bluetooth
Infrared
PS/2 Port
Serial Port
USB

Remote

1. When referring to a connection a remote connection or to connect remotely is another way of saying remote access.

2. A hardware device that allows a user to control a device or object in another location. For example, the TV remoteallows a person to change the channel, volume, or turn on and off the TV without having to get up and press the buttons on the front of the TV. In the picture to the right, is an example of a remote, the Harmony One Universal Remote from Logitech.

Optical scanner

Hardware input device that allows a user to take an image or text and convert it into a digital file, allowing the computer to read or display the scanned object. A scanner is commonly connected to a computer USB,Firewire, Parallel or SCSI port. In the picture to the right, is an example of a flatbed photo scanner, the Epson V300.
Other scanners include: sheetfed scanner, which is a scanner that scans paper fed into it, handheld scanner, which is a scanner that is held and drag over a page to scan it, and acard scanner, which is a small scanner capable of scanning business cards.

Webcam

A camera connected to a computer that allows anyone connected to the Internet to view either a still pictures or motion video of a user or other object. In the picture to the right, is a LogitechQuickCam Express and an example of what a webcam may look like. Today, most webcams are either embedded into the display with laptopcomputers or connected to the USB or Firewireport on the computer.

VR

Short for Virtual Reality, VR is a computer-generated artificial environment that allows a user to view, explore, and manipulate the environment. Virtual Reality is commonly manipulated and explored using various input devices such as goggles, headphones, gloves, or a computer. Using these devices a user can browse throughout a virtual world or pickup and manipulate virtual objects. In the picture to the right, is a Nas a employee using a VR system.

POSTED BY:
uneeb AZI

2012-01-12T00:23:00.001-08:00

DOT AND CROSS STRUCTURE

Dot-and-cross diagrams

You need to be able to draw dot-and-cross diagrams to show the ions in some common ionic compounds.

Sodium chloride, NaCl

Sodium ions have the formula Na⁺, while chloride ions have the formula Cl^-. You need to show one sodium ion and one chloride ion. In the exam, make sure the dots and crosses are clear, but do not worry about colouring them.

Magnesium oxide, MgO

Magnesium ions have the formula Mg²⁺, while oxide ions have the formula O^2-. You need to show one magnesium ion and one oxide ion.

Calcium chloride, CaCl₂

Calcium ions have the formula Ca²⁺. Chloride ions have the formula Cl^-.

You need to show two chloride ions, because two chloride ions are needed to balance the charge on a calcium ion.

POSTED BY:MUNEEB QAZI

Online Education

Customize Author Profile In Blogger

How To Customize Author/Admin Profile Using Simple CSS

Customization Guide

How to show or hide the link in Author Profile

Where to add CSS in our blog ??

What is CSS:

Where to add CSS in our template:

2nd way to add CSS:

Need Help:

How to add a Favicon to your site ??

First create a beautiful Favicon:

How to add your favicon:

Need Help:

Create a Cute Subscription widget

How to add Cute subscription widget to blogger?

Google+ commenting system for blogger

What are the features?

How to add Google plus comment box:

Need help:

How to back up your blogger Template ?

How to backup your template

Need Help

Finally we have moved to google+ profile!!!

old blogger profile

We soon going to host our blog at host gator

Lets take a look their packages

Password protect your google chrome for more security

Create a Slick Menu using CSS3

Operating system

a GWBASIC programme with goto command

points to focus maths students

About the author

Menu programme GWBASIC

IMPORTANT

GW BASIC introduction

Slo's for students outcomes AKUEB

Online Education

SALT

Properties

Color

Taste

Odor

Solubility

Degenerationism

Formation

Acid Base Theories: Svante Arrhenius

Acid Base Theories: Svante Arrhenius

INPUT DEVICES

Barcode

Digital camera

Touch screen

Fingerprint

Gamepad

Joystick

Paddle

Graphics tablet

Keyboard

Microphone

MIDI

Mouse

Remote

Optical scanner

Webcam

VR

Dot-and-cross diagrams

Sodium chloride, NaCl

Magnesium oxide, MgO

Calcium chloride, CaCl2

Calcium chloride, CaCl₂