Ui Footer

Today We Will Going To How To Create Ui Footer In Blogger Website. We Will Create With Html.

Varsion: 1.0 - Ui Footer

First You See a Ui Footer Demo After We Start:

Demo

What is Ui Footer?

Ui Footer: Ui Footer You Can Use On Blogger Website You Can Add a Details And Pages Link.

Requirement:

Requirements:
1. Blogger Account
2. Blogger Plus Ui Template Website

Download Plus Ui Template

How to create Code Box?

Step 1: Go To Blogger.com

Step 2: Login To Your Account

Step 3: Click To Layout.

Step 4: Click To Html/JavaScript

Step 5: Past This Code:

<!--[Footer Script - Created by Developer Dhaval]-->
<!--[<footer>]-->
<html>
<head>
    <title>Footer By Developer Dhaval</title>
</head>
<body>
<p>Made With Cofee by</p>
<p>Created by</p>
<h2>Your_Website_Name</h2>
<p>Your_Website_Info</p>
<a herf="#">Facebook</a>/
<a herf="#">Telegram</a>/
<a herf="#">YouTube</a>/
<a herf="#">Twitter</a>/
<a herf="#">Pinterest</a>/
<a herf="#">Instagram</a>/
<a herf="#">Google News</a><br /><br />
<h2>Company —</h2><br>
<a herf="#">Privecy Policy</a><br />
<a herf="#">Disclimer</a><br />
<a herf="#">Terms Of Use</a><br />
<a herf="#">Contact</a><br />
<a herf="#">About</a><br />
<a herf="#">Sitemap</a><br />
<a herf="#">Cookies Policy</a><br />
<a herf="#">Guest Post</a><br />
<!--[You Can Add More Option If Your requirement, This Is a Basic Option!]-->
<h2>Product &amp; Service —</h2><br />
<a herf="#">Paid Product</a><br />
<a herf="#">Pro Plan</a><br />
<!--[You Can Add More Option If Your requirement Or, Remove a "Product & Service" Option]-->
<h2>Tools —</h2><br />
<a herf="#">Alexa Rank Checker</a><br />
<a herf="#">HTML Parser</a><br />
<a herf="#">CSS Minifier</a><br />
<a herf="#">GD Link Generator</a><br />
<a herf="#">Character Counter</a><br />
<a herf="#">Base 64 Tools</a><br />
<a herf="#">Privecy Policy Generator</a><br />
<a herf="#">Disclimer Generator</a><br />
<a herf="#">Terms Of Use Generator</a><br />
<!--[You Can Add More Option If Your requirement, This Is a Basic Option!]-->
<h2>Support —</h2><br />
<a herf="#">Contact</a><br />
<a herf="#">Subscribe</a><br /><br />
<p>© 2022 <a herf="Your_Website_Link">Your_Website_Name</a><p>All rights reserved</p></p>
</body>
</html>
<!--[</footer>]-->
<!--[Note: This Is Basic Normal Footer. You Can Customize This Footer According To You Need!]-->

Step 6: Save The Code

Conclusion

This is all about making a Ui Footer. I hope you enjoy this article. Please do share this article. And if you have any questions then ask us in comment box.

Developer Dhaval