If you have a blog on blogger.com then you can add your PNR status check html code to blogger. There are various videos, links or website which give the answer of the question “How to add your PNR status on blog or website on blogger?”. But here is a simple solution of the question. Only just follow the given steps:
<style>
#box-with-shadows {
color:#222222;
background-color:#f9f9f9;
border:1px solid #eee;
box-shadow:0 4px 16px rgba(0,0,0,.2);
-moz-box-shadow:0 4px 16px rgba(0,0,0,.2);
-webkit-box-shadow:0 4px 16px rgba(0,0,0,.2);
display:block;
font-family:arial;
font-size:10pt;
width:80%;
margin:20px auto;
padding:20px;
position:relative;
z-index:10000
}
.button{
width:110px;
background-color:#FECD57;
border:1px solid #FBC43C;
border-radius:4px;padding:10px;
margin:10px 5px
padding-right:10px;
padding-left:10px
font-size:12px;
font-family:Arial;
font-weight:bold;
color:#333333;
white-space:nowrap;
display:block;
text-align:center
}
.p{
text-align: center;
}
</style>
<br />
<div id="box-with-shadows">
<br />
<center>
</center>
<br />
<b>Enter the 10-digit PNR number below</b></div>
<form action="http://www.indianrail.gov.in/cgi_bin/inet_pnrstat_cgi.cgi" method="post" name="pnrForm" target="_blank">
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%px;">
<tbody>
<tr>
<td align="center" valign="top"><input alt="PNR First Field" maxlength="10" name="lccp_pnrno1" size="10" style="border: 2px solid #1569c7; font-size: 20pt; font-weight: bold; margin-bottom: 10px;" type="text" /></td>
</tr>
<tr>
<td align="center" valign="top"><input class="button" name="submitpnr" type="submit" value="Get PNR Status" />
</td>
</tr>
</tbody></table>
</form>
After Completed All Steps. Results Look Like as:
1
|
First Step
|
2
|
Second Step
|
3
|
Third Step
|
4
|
Fourth Step
|
#box-with-shadows {
color:#222222;
background-color:#f9f9f9;
border:1px solid #eee;
box-shadow:0 4px 16px rgba(0,0,0,.2);
-moz-box-shadow:0 4px 16px rgba(0,0,0,.2);
-webkit-box-shadow:0 4px 16px rgba(0,0,0,.2);
display:block;
font-family:arial;
font-size:10pt;
width:80%;
margin:20px auto;
padding:20px;
position:relative;
z-index:10000
}
.button{
width:110px;
background-color:#FECD57;
border:1px solid #FBC43C;
border-radius:4px;padding:10px;
margin:10px 5px
padding-right:10px;
padding-left:10px
font-size:12px;
font-family:Arial;
font-weight:bold;
color:#333333;
white-space:nowrap;
display:block;
text-align:center
}
.p{
text-align: center;
}
</style>
<br />
<div id="box-with-shadows">
<br />
<center>
</center>
<br />
<b>Enter the 10-digit PNR number below</b></div>
<form action="http://www.indianrail.gov.in/cgi_bin/inet_pnrstat_cgi.cgi" method="post" name="pnrForm" target="_blank">
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%px;">
<tbody>
<tr>
<td align="center" valign="top"><input alt="PNR First Field" maxlength="10" name="lccp_pnrno1" size="10" style="border: 2px solid #1569c7; font-size: 20pt; font-weight: bold; margin-bottom: 10px;" type="text" /></td>
</tr>
<tr>
<td align="center" valign="top"><input class="button" name="submitpnr" type="submit" value="Get PNR Status" />
</td>
</tr>
</tbody></table>
</form>
5
|
Fifth Step
|
After Completed All Steps. Results Look Like as:

Comments
Post a Comment