Hello Friends, Are you want to make Bank finder tools in blogger? In this article I will share with you How to make a Bank Finder Tool in blogger with full details and free HTML script.
$ads={1}
If you want to make a tools website in Blogger platform this is a very beneficial topics in 2021. You can Also earn a good income using this free script. So, let's read this Post carefully.
{tocify} $title={Table of Contents}
Friends, Bank IFSC Code blogger script is a 100% Working Bank details finder script finding any bank branch full details by IFSC Code. You Can easily Create an Bank Details Finder Tool Website on blogger Using This HTML script.
This HTML script is a responsive Bank Branch IFSC/MICR code finder tool. It has a nice and attractive front end interface that is really appealing. and professional bank details finder website in Blogger and Earn money
But before know How to make a Bank Details finder tools in blogger you need to know what is a IFSC code and how it works.
What is an IFSC Code?
Indian Financial System Code is an acronym for IFSC. IFSC code is a unique 11 character code that combines alphabets and numerals. It is used for the electronic conversion of funds for NEFT, IMPS, and RTGS transactions. The IFSC code is normally contained on the bank’s cheque-book. It can also be located on the front side of the passbook of the account holder.
The Reserve Bank of India assigns the IFSC code for any branch of the bank. The account holders can easily check their bank/branch IFSC code on the website of Reserve Bank of India. Internet banking transfers using NEFT, IMPS, and RTGS for exchanging funds can not be conducted without a legitimate Indian Financial System Address
How to make Bank Details finder tools in blogger
To make a Bank details finder tools website in Blogger platform you need to follow below mentioned simple steps...
- Go to Blogger and create a new Blog.
- Go to Theme> Scroll below and select Simple Dark Theme and apply it.
- Click on mobile settings and choose Desktop.
- Click on switch to first generation classic theme.
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8">
<title>Bank Details Finder</title>
<style>
/*
header and footer */
body{
padding-top: 40px;
padding-bottom: 30px;
}
.fixed-header, .fixed-footer{
width: 100%;
position: fixed;
background: #000000;
padding: 10px 0;
color: #ffffff;
text-align: center;
}
.fixed-header{
z-index: 999999;
top: 0;
left: 0;
right: 0;
height: 6em;
text-shadow: 2px 2px #ff0000;
line-height: $lh;
}
.fixed-footer{
bottom: 0;
z-index:999999;
}
.container{
width: 100%;
margin: 0 auto;
}
</style>
<script data-ad-client="ca-pub-" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<meta name="description" content="Type IFSC code to Know Branch Details of any Bank in India Find IFSC, MICR Codes, Address, All Bank Branches in India, for NEFT, RTGS, ECS Transactions"/>
<meta name="keywords" content="Type IFSC code to Know Branch Details of any Bank in India , IFSC, MICR, NEFT, RTGS, ECS"/>
<meta name="country" content="IN"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="alternate" type="application/rss+xml" title="Type IFSC code to Know Branch Details of any Bank in India BankIFSCcode.com" href="http://feeds.bankfinder.pixelnatures.in"/>
<link rel="canonical" href="https://bankfinder.pixelnatures.in"/>
<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://gistcdn.githack.com/SAURABHTECHN/f9fa98fff990bed7f2ce63dccc979c52/raw/8b47ad7fa950e6c69e5c626f793af4a864404ec3/SDesign%20Bank%20Detail%20Checker.css">
<link rel="stylesheet" href="https://gistcdn.githack.com/SAURABHTECHN/03ffc48748d72cce628a90ee71a18844/raw/4d2bc26191c225756ab7408714b69d6eacf11033/SDesign%20Ads%20Container.css">
</head>
<body>
<!-- partial:index.partial.html -->
<div class="fixed-header">
<div class="container">
<h1 style="text-align: left; font-size:30px;">Bank Finder</h1>
</div>
</div>
<div class="fixed-footer">
<div class="container">
Design with ❤️ by— Pixel Natures</div>
</div>
<br/>
<br/>
<br/>
<!--Ads1 Start-->
<div class='AT-ads-content'>
<ins class="adsbygoogle" style="display:inline-block;height:100px;width:100%;line-height:100px;" data-ad-client="ca-pub-" data-ad-slot="7675719626">
</ins>
<script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>
</div>
<!--Ads1 Finnish-->
<div style="background-clip: initial; background-color: #ffffff; border-radius: 0px; border: 0px solid rgb(0, 44, 139); highet:auto ; padding: 10px; vertical-align: baseline; width: 100%;">
<p style="text-align: left;"> IFSC code is the 11 character alphanumeric code helps identify the individual bank branches that participate in the various online money transfer options like NEFT and RTGS. Use our Free Bank details Finder tool you can know bank full details, such as Address, MICR Code, Contact Number, City, Bank and Bank name.</p></div>
<!--Ads1 Start-->
<div class='AT-ads-content'>
<ins class="adsbygoogle" style="display:inline-block;height:70px;width:100%;line-height:70px;" data-ad-client="ca-pub-" data-ad-slot="7675719626">
</ins>
<script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>
</div>
<!--Ads1 Finnish-->
<div id="form-content" class="center-align">
<form class="col s12" onsubmit="submitCode()">
<div class="row">
<div class="col s12">
<h5 class="teal-text">Find Branch Details by IFSC Code.</h5>
</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">Enter 11 character 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 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>
<!--Ads1 Start-->
<div class='AT-ads-content'>
<ins class="adsbygoogle" style="display:inline-block;height:70px;width:100%;line-height:70px;" data-ad-client="ca-pub-" data-ad-slot="7675719626">
</ins>
<script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>
</div>
<!--Ads1 Finnish-->
<a href="https://www.pixelnatures.in" class="teal-text" target="_blank"><button Class="btn">Need Help</button></a>
</div>
<div class="Sdesignads container">
<center>
<br/>
<!--Ads2 Start-->
<div class='AT-ads-content'>
<ins class="adsbygoogle" style="display:inline-block;height:300px;width:100%;line-height:300px;" data-ad-client="ca-pub-" data-ad-slot="6415996934">
</ins>
<script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>
</div>
<!--Ads2 finish-->
<!-- partial -->
<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://gistcdn.githack.com/SAURABHTECHN/a17cd85c7501ce076bd2827a07dbc601/raw/d3865da4fb62696883849799137da18b8713e505/SDesign%20Bank%20Detail%20Checker.js'></script>
</body>
</html>
Copy the above code and past it after removal your 1st generation template code.
Note: after all set-up complete please add your AdSense ad-client-ID and ad-slot-ID if you implement advertisement.{alertWarning}
Want to check Demo please click here
Conclusion
Friends, if you are planning to Run a Tools website in blogger then this is the most ideal and helpful platform to choose in 2021.
If you have any questions about this script lease ask me in comment.
For more updates on Blogger Templats, Blogging tutorial like this, please Follow