Create A Two-Line Stylish Footer In Blogger Blog (Clean & Professional Design)
- 1.) Go to www.blogger.com.
- 2.) Login using your Gmail Account.
- 3.) After login, the Blogger Dashboard will open
- 4.) Click and Select The Blog where you want to add the code
- 5.) From the left menu, click on Layout and go to layout
- 6.) Click +Add a Gadget where you want to show the widget (Sidebar / Footer / Header)
- 7.) From the gadget list, click HTML/JavaScript
Enter a Title (optional)
Copy the HTML/JavaScript code provided below and paste it into the Content Box.
- 8.) Click Save.
- 9.) Click Save Arrangement.
- 10.) Click View Blog and Check Your Blog.
- 11.) Your HTML / JavaScript widget is Now Live.
Stylish Footer In Blogger Blog (Clean & Professional Design) HTML javascript Code
<div style="background:#f5f5f5; padding:20px 15px; text-align:center; font-family:'Segoe UI', sans-serif; font-size:11px; color:#444; line-height:1.8; letter-spacing:0.4px;">
<!-- First Row -->
<div style="margin-bottom:6px;">
<a href="https://gayuddy.blogspot.com/" style="text-decoration:none; color:#222;">Home</a> •
<a href="/p/sitemap.html" style="text-decoration:none; color:#222;">Sitemap</a> •
<a href="/p/contact-us.html" style="text-decoration:none; color:#222;">Contact Us</a> •
<a href="/p/about-us.html" style="text-decoration:none; color:#222;">About Us</a>
</div>
<!-- Second Row -->
<div style="margin-bottom:10px;">
<a href="/p/disclaimer.html" style="text-decoration:none; color:#222;">Disclaimer</a> •
<a href="/p/privacy-policy.html" style="text-decoration:none; color:#222;">Privacy Policy</a> •
<a href="/p/terms-and-conditions.html" style="text-decoration:none; color:#222;">Terms and Conditions</a>
</div>
<!-- Copyright -->
<div style="font-size:12px; color:#777;">
© 2025 <strong style="color:#000;">Gayuddy</strong>. Powered by <strong style="color:#ff6b00;">Blogger</strong>. All Rights Reserved.
</div>
</div>
Important: Where the text is highlighted, add the link to your Blogger blog.
Comments
Post a Comment