Learn How To Make Bank Detail Finder Website In Blogger From IFSC Code

Hello everyone, as we all know that in india there are many banks,some of them are private banks and some of them are government,Even in our city there are n numbers of bank,And in present time bank account is neccessary to everyone for savings,To open a bank account it is neccessary to know the details of bank so today we will make a website in blogger which will give complete details of bank after entering the IFSC code of that bank.After set uping your site please do its SEO setting,to rank it in google search engine.

Click On The Below Links To Learn How To Do Them

SEO Setting In Blogger-: CLICK HERE
How To Make Pages In Blogger-: CLICK HERE
How To Do Earning In Blogger-: CLICK HERE
How To Index Your Blogger Website In Google-: CLICK HERE

how to make bank detail finder website in blogger

Do The Following Steps For Making Website In Blogger For Finding Bank Details From IFSC Code-:

Step 1: First of all go to your Blogger Dashboard.

Step 2: Go to themes,then click on down arrow and select edit html,then select complete code and delete it,after deleting the code,paste the below code at that place and click on save.

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:responsive='true' expr:dir='data:blog.languageDirection' lang='en-US' xmlns='http://www.w3.org/1999/xhtml'
xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data'
xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
  <b:include data='blog' name='all-head-content'/>
  <title><data:blog.pageTitle/></title>
  <b:skin><![CDATA[

     body{background:#fff}

   ]]></b:skin>
   </head>
   <body>
   <b:section class='main' id='main' showaddelement='yes'/>
   </body>
   </html>

Step 3: Now go back to blogger dashboard and click on layout,here click on "Add a Gadget",and select Html /Javascript option and paste the below code and then click on save.

<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <link rel='stylesheet' href='https://fonts.googleapis.com/icon?family=Material+Icons'>
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css'><link rel="stylesheet" href="./style.css">
<link rel="stylesheet" href="https://drive.google.com/uc?id=1DYjRVOyQJwPtoyqMmKAIZ0aPxO_CkyjL">

</head>
<body>
<!-- By Sudarshan Pandey -->

<!-- youtube.com/techeraofficial -->
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
</head>

<body>
    <br>
    <br>
    <div class="row">
        <div id="form-content" class="center-align">
            <form class="col s12" onsubmit="submitCode()">
                <div class="row">
                    <div class="col s12">
                        <h2 class="teal-text">Bank Details Finder</h2>
                    </div>
                    <div class="col m2"></div>
                    <div class="input-field col m6 s12">
                        <i class="material-icons prefix">account_balance</i>
                        <input id="ifsc_code" type="text" class="validate" maxlength="11" minlength="11" required autofocus>
                        <label for="ifsc_code">TYPE BANK IFSC CODE</label>
                    </div>
                    <div class="input-field col m2 s12 ">
                        <button class="btn">Search</button>
                    </div>
                    <div class="col s2"></div>
                </div>
            </form>
        </div>
    </div>
    <div class="row">
        <div id="bank" class="center-align"></div>
    </div>
    <div class="center-align">
        <h6> <a href="https://github.com/razorpay/ifsc/wiki/API" target="_blank"></a> </h6> <a href="https://materializecss.com/" class="red-text" target="_blank"></a> 
      <br>
      Your Website Name <a href="#" class="teal-text" target="_blank"></a>
    </div>
</body>

</html>
<!-- Tech Era -->

<!-- By Sudarshan Pandey-->
  <script src='https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.2/js/materialize.min.js'></script><script  src="./script.js"></script>
  <script src='https://drive.google.com/uc?id=1sUc-gWwUgaEhJJSHb8Vu-IPo-QmGPnrX'></script>

</body>
</html>


Step 3: Now on left -bottom you will see to icons to remove that icon you have to copy the below code and search it in edit html section and delete it from there and then click on save.
<b:include name='quickedit'/>
Step 4: Now your website is successfully completed,you can now get the detail of any indian bank by entering its IFSC Code.
You can also customize your site by adding pages like privacy policy,terms and condition,etc.and if you have adsense approval,then you can start your earning by adding ads.
Website Demo Link-: CLICK HERE

Watch The Below Video

Comments

Sudarshan PandeyOctober 19, 2020 at 6:24 PM
guys make your own tool website for free
Shashi KantOctober 24, 2020 at 8:58 PM
Site Demo Link Bhi Add Kro Bro.. Waha Pr Traffic Jayega Aapke Paas .. Sub Domain Add Kr Diya Kro usme.. aapki site ki ranking baddegi .. tutorial bahut mast hai bhai .. khush raho khoob tarkii kro..
MR.BHAGAT GOctober 25, 2021 at 11:34 PM
brother i use your 2 tool script and both are not working please dekh le yrr
1. https://freedownloadertool.blogspot.com/
2. https://downloaderforever.blogspot.com/? (YE BANK VALA H)

Tech Era

Search This Blog

Learn How To Make Bank Detail Finder Website In Blogger From IFSC Code

Labels

Comments

Post a Comment