India News 87 Blogger Template — Complete A to Z Guide

India News 87 is a modern, responsive Blogger template designed especially for news portals, digital magazines, and content-heavy websites. This guide explains the template’s benefits, features, and a step-by-step installation & optimization walkthrough so your site looks professional and ranks well.

Why choose India News 87? (Benefits)

• Responsive design: Built to look great on desktop, tablet, and mobile — improves user engagement and reduces bounce rate.
• Ad-friendly layout: Strategically placed ad slots (header, in-article, sidebar) to maximize AdSense earnings without hurting UX.
• SEO optimized: Clean HTML structure, fast loading, and schema-ready elements for better search engine visibility.
• Content-first: Grid and list layouts for headlines and featured stories make content easy to scan.
• Easy customization: Change colors, logo, fonts, and widgets from the Blogger theme editor or by editing simple CSS variables.
• Lightweight and fast: Minimal external scripts and optimized CSS for quick page load times — important for ranking and mobile users.

Key Features — What’s included

• Top news ticker & breaking bar — highlight live updates or latest headlines.
• Multiple homepage blocks — feature slider, trending posts, category blocks and grid lists.
• Sidebar widgets — most viewed, recent posts, author info, newsletter signup, and social icons.
• SEO markup — Open Graph and basic schema for articles.
• Lazy loading images — images load only when visible, improving speed.
• Mobile menu — optimized off-canvas menu for small screens.
• Built-in breadcrumbs — better indexing and user navigation.
• RTL & Hindi-friendly fonts support — works well for Devanagari (Hindi) text.

Pre-installation Checklist

1. Backup your current Blogger template (go to Theme → Backup/Restore → Download full template).
2. Have a high-resolution logo ready (preferably PNG with transparent background).
3. Prepare your AdSense/ads scripts (publisher ID) if you plan to insert ads right away.
4. Check your Blogger account has Custom domain or at least .blogspot.com set up and verified.

Step-by-step Installation (A to Z)

Follow these exact steps to install India News 87 on Blogger:

1. Upload template

<!-- Downloaded file: IndiaNews87.xml -->
1. Sign in to Blogger.
2. Go to Theme.
3. Click the arrow next to 'Customize' > Select Backup/Restore.
4. Choose Upload and select IndiaNews87.xml.
5. Confirm upload and wait until the theme appears.

2. Add your logo & site meta

1. Go to Layout → find the Header gadget & replace default logo with your own.
2. In Theme → Customize → Advanced, update fonts and colors.
3. Edit Settings → Basic to update blog title and meta description for SEO.

3. Configure AdSense and ad slots

Place your AdSense code into the provided ad gadget positions:

Layout → Add a Gadget → HTML/JavaScript → Paste your AdSense code

Recommended slots: header (responsive), between first and second paragraph in single posts, sidebar top.

4. Add navigation & categories

1. Use the Pages gadget for static pages (About, Contact, Privacy).
2. Create custom menus with labels-based links for categories. Example: /search/label/Politics

5. Optimize images and speed

• Use compressed images (JPEG/WebP) — 1200px main width recommended for featured images.
• Enable lazy loading (the template includes it by default) and remove extra widgets that slow the site.

SEO & Ranking Tips (Quick Wins)

• Title tags: Use keyword-rich titles, keep under 60 characters.
• Meta descriptions: Add unique 150–160 character descriptions for important posts.
• Structured data: Use article schema where applicable (the template adds base schema).
• Internal linking: Link related posts within articles to increase session depth.
• Mobile-first: Test pages in Google Mobile-Friendly Test and fix any issues.
• Fast hosting & caching: While Blogger is hosted, reduce widgets and third-party scripts to keep page speed high.

Customization — quick edits

If you want to change colors, fonts or layouts:

1. Theme → Customize → Advanced  OR
2. Theme → Edit HTML (search for variables like --main-color or .header) 

Always backup before editing HTML.

Common Issues & Fixes

• Menu not showing: Re-save the Menu gadget and ensure links are correct.
• Ads not visible: Check AdSense approval status and correct publisher ID in ad code.
• Font/encoding issues: Make sure the template’s <meta charset="utf-8"> is present (it is by default).

FAQ

Is this template free?

India News 87 can be offered as a free or premium template depending on the source. Check the seller’s page for licensing details.

Will the template work with Hindi/Devanagari text?

Yes — fonts and RTL/Devanagari support are included for clear Hindi rendering.

Can I use my own ad network?

Yes — the template supports any ad code via HTML widgets. Place responsive ad code in recommended slots.

Final Checklist Before Launch

• Preview the site on desktop, tablet and mobile.
• Validate robots.txt and sitemap.xml (Blogger auto-generates sitemap).
• Submit sitemap to Google Search Console.
• Run a speed test and address any issues (remove heavy widgets, compress images).

If you want, I can now: 1) produce a ready-to-paste HTML file with your blog logo and sample ads inserted, or 2) create social-share images (Open Graph) sized for Facebook & Twitter. Which would you like next?

Copy this HTML