Blogger Ke Liye Free HTML Code: Main aapko kuchh free HTML code deta hoon, jo bloggers ke liye upyogi ho sakte hain:
1.) Social Media Icons Code: Social media icons ko apne blog ke sidebar mein add karne ke liye, aap is code ka upyog kar sakte hain:
phpCopy code<div class="social-icons">
<a href="#" class="fa fa-facebook"></a>
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-instagram"></a>
<a href="#" class="fa fa-youtube"></a>
</div>
2.) Search Bar Code: Apne blog mein search bar add karne ke liye, aap is code ka upyog kar sakte hain:
javascriptCopy code<form class="search-form" action="#" method="get">
<input type="search" name="search" placeholder="Search...">
<button type="submit"><i class="fa fa-search"></i></button>
</form>
3.) Comment Box Code: Blog post ke neeche comment box add karne ke liye, aap is code ka upyog kar sakte hain:
phpCopy code<div class="comment-box">
<h4>Leave a Reply</h4>
<form>
<input type="text" placeholder="Name">
<input type="email" placeholder="Email">
<textarea placeholder="Comment"></textarea>
<input type="submit" value="Post Comment">
</form>
</div>
4.) Related Posts Code: Apne blog post ke neeche related posts add karne ke liye, aap is code ka upyog kar sakte hain:
phpCopy code<div class="related-posts">
<h4>Related Posts</h4>
<ul>
<li><a href="#">Post Title 1</a></li>
<li><a href="#">Post Title 2</a></li>
<li><a href="#">Post Title 3</a></li>
<li><a href="#">Post Title 4</a></li>
</ul>
</div>
5.) Popular Posts Code: Blog ke sidebar mein popular posts add karne ke liye, aap is code ka upyog kar sakte hain:
phpCopy code<div class="popular-posts">
<h4>Popular Posts</h4>
<ul>
<li><a href="#">Post Title 1</a></li>
<li><a href="#">Post Title 2</a></li>
<li><a href="#">Post Title 3</a></li>
<li><a href="#">Post Title 4</a></li>
</ul>
</div>
6.) Archive Code: Blog ke sidebar mein archive widget add karne ke liye, aap is code ka upyog kar sakte hain:
phpCopy code<div class="archive">
<h4>Archives</h4>
<ul>
<li><a href="#">Month Year</a></li>
<li><a href="#">Month Year</a></li>
<li><a href="#">Month Year</a></li>
<li><a href="#">Month Year</a></li>
</ul>
</div>
7.) Categories Code: Blog ke sidebar mein categories widget add karne ke liye, aap is code ka upyog kar sakte hain:
phpCopy code<div class="categories">
<h4>Categories</h4>
<ul>
<li><a href="#">Category 1</a></li>
<li><a href="#">Category 2</a></li>
<li><a href="#">Category 3</a></li>
<li><a href="#">Category 4</a></li>
</ul>
</div>
8.) About Me Code: Blog ke sidebar mein about me widget add karne ke liye, aap is code ka upyog kar sakte hain:
javascriptCopy code<div class="about-me">
<h4>About Me</h4>
<img src="your-image-url.jpg" alt="Your Name">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus pharetra ligula a augue faucibus, ac malesuada dolor tempus.</p>
</div>
In free HTML code ka upyog karke, aap apne blog ke design ko improve kar sakte hain aur apne readers ko better user experience provide kar sakte hain.
9.) Advertisements Code: Blog mein advertisements add karne ke liye, aap is code ka upyog kar sakte hain:
javascriptCopy code<div class="advertisement">
<a href="#"><img src="your-ad-image-url.jpg" alt="Advertisement"></a>
</div>
10.) Back to Top Code: Blog ke footer mein back to top button add karne ke liye, aap is code ka upyog kar sakte hain:
cssCopy code<a href="#" class="back-to-top">Back to Top</a>
11.) Subscribe Code: Blog ke sidebar mein subscribe widget add karne ke liye, aap is code ka upyog kar sakte hain:
javascriptCopy code<div class="subscribe">
<h4>Subscribe</h4>
<form>
<input type="email" placeholder="Email Address">
<input type="submit" value="Subscribe">
</form>
</div>
12.) Pagination Code: Blog post ko multiple pages mein divide karne ke liye pagination add karne ke liye, aap is code ka upyog kar sakte hain:
phpCopy code<div class="pagination">
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
<a href="#">Next »</a>
</div>
In free HTML code ka upyog karke, aap apne blog ke design aur functionality ko enhance kar sakte hain. Lekin, in code ko customize karne se pahle, aapko HTML aur CSS ke basic knowledge hona chahiye.
