Pixel — Free News & Magazine Blogger Template

Pixel is a free, open-source Blogger/Blogspot template designed for news, magazine, and content-rich websites. Built with Bootstrap 5.3.8, Swiper 11, and vanilla JavaScript — no jQuery required. Created and maintained by Colorlib.

Live Demo | Documentation | Download | Changelog

Features

• Responsive design — 7 CSS breakpoints from 1200px down to 300px for perfect display on desktop, tablet, and mobile
• Bootstrap 5.3.8 — modern CSS framework with no jQuery dependency
• Swiper 11 featured slider — touch-friendly carousel with hero + secondary post layout
• Font Awesome 7 icons — 2,000+ scalable vector icons for social media, UI elements, and navigation
• AdSense-ready — 3 built-in advertisement slots optimized for Google AdSense and other ad networks
• Mega menu navigation — multi-level dropdown menus with support for mega menu columns
• Tabbed sidebar — recent, popular, and random posts with tab switching
• SEO-optimized markup — clean HTML structure, proper heading hierarchy, and meta tag support
• Fast page load — non-blocking CSS loading with loadCSS(), CDN-hosted assets, and minimal dependencies
• Customizable colors — Blogger variable system lets you change the main color scheme and background from the theme editor
• Social media integration — 20+ social platform icons including X (Twitter), TikTok, Threads, Instagram, Facebook, YouTube, and more
• Related posts widget — automatically displays related content to increase page views
• Custom search overlay — full-width search with keyboard support
• Post author bio — dedicated author section with social links and description
• Sticky sidebar — sidebar content stays visible while scrolling for better ad viewability and navigation
• Mobile-friendly navigation — responsive hamburger menu for small screens
• Comment system — Blogger's built-in threaded comments with styled layout
• Pagination — numbered page navigation with previous/next buttons
• CSS Grid featured section — modern grid layout for the featured posts area
• Zero jQuery — 100% vanilla JavaScript for fast, lightweight performance

Quick Start

1. Download — Download the ZIP or clone this repository
2. Open Blogger — Go to blogger.com and sign in
3. Navigate to Theme — Click Theme in the left sidebar, then Customize > Edit HTML
4. Paste the template — Select all existing code, delete it, and paste the contents of Pixel-Blogger-Template.xml
5. Save — Click the save icon and preview your site

Import Demo Content (Optional)

To see the template with sample posts and pages:

1. Go to Settings > Manage blog > Import content
2. Upload Pixel Demo Content.xml
3. Your blog will be populated with sample news articles and pages

Customization

Theme Colors

Open the Blogger theme editor (Theme > Customize) to change:

Variable	Default	Description
maincolor	#2942ee	Primary accent color used for links, buttons, hover states, and highlights
lightcolor	#f7f7f7	Background color for blockquotes, pagination, and secondary elements
body.background	#f0f0f0	Page background color and optional pattern image
slider	#fff	Featured slider background color and pattern

Social Media Icons

Edit the social widget in Layout > Social Bar to add or remove social links. Supported platforms:

Facebook, X (Twitter), Instagram, YouTube, Pinterest, TikTok, Threads, Telegram, WhatsApp, LinkedIn, GitHub, Tumblr, Reddit, VK, Dribbble, Behance, SoundCloud, CodePen, Vimeo, WordPress, Dropbox, Skype, Stack Overflow

Menu Setup

Configure the navigation menu in Layout > Main Menu. The template supports:

• Single-level links
• Multi-level dropdowns (add hasSubmenu class)
• Mega menus (add isMega class)

Tech Stack

Library	Version	Purpose
Bootstrap	5.3.8	CSS framework and grid system
Swiper	11	Touch-friendly featured post slider
Font Awesome	7	Scalable vector icons
Google Fonts	—	Josefin Sans (headings) + Open Sans (body)

All assets are loaded via CDN — no build tools, package managers, or compilation needed.

File Structure

Pixel-Blogger-Template/
├── Pixel-Blogger-Template.xml   # Main template (paste into Blogger)
├── Pixel Demo Content.xml       # Sample blog content for import
├── CHANGELOG.md                 # Version history and release notes
└── README.md                    # This file

Browser Support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)
• Opera (latest)
• Mobile browsers (iOS Safari, Chrome for Android)

Contributing

Contributions are welcome! To contribute:

1. Fork this repository
2. Create a feature branch (git checkout -b feature/improvement)
3. Commit your changes (git commit -m 'Add new feature')
4. Push to the branch (git push origin feature/improvement)
5. Open a Pull Request

License

Pixel is free for both personal and commercial use. You are free to modify and redistribute the template. Attribution to Colorlib is appreciated but not required.

---

More Free Templates by Colorlib

Looking for more templates? Colorlib has 1,000+ free templates for every platform and niche:

Blogger Templates

• Free Blogger Templates — curated collection of the best free Blogger/Blogspot templates for every niche

WordPress Themes

Blogger is a solid starting point, but if you need more flexibility, WordPress offers thousands of plugins, drag-and-drop page builders, and full design control:

• Free WordPress Themes — 100+ responsive, mobile-friendly WordPress themes by Colorlib and trusted partners
• Free Blog Themes — the best free WordPress themes specifically designed for bloggers
• Premium Blog Themes — professionally designed themes with page builders for bloggers who want to stand out

Website Templates

• Free HTML Website Templates — Bootstrap-based HTML templates for business, portfolio, landing pages, and more
• Free Bootstrap Templates — responsive templates built with the latest Bootstrap framework

Getting Started Guides

• How to Make a Website — beginner-friendly guide to creating your first website
• Best Blogging Platforms — compare Blogger, WordPress, and other platforms

---

Made with care by Colorlib — free website templates and WordPress themes since 2014.