Karta News

📌lokendraNetajiDatia

अक्टूबर 01, 2026

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html>

<head>

<b:skin><![CDATA[

/* =========================================================

KARTA NEWS - PERFECTED SMART FIT LAYOUT

========================================================= */

:root {

--primary-red: #dc2626;

--primary-dark: #0f172a;

--accent-green: #25D366;

--text-main: #0f172a;

--text-muted: #64748b;

--glass-bg: rgba(255, 255, 255, 0.78);

--glass-bg-hover: rgba(255, 255, 255, 0.95);

--glass-border: rgba(255, 255, 255, 0.85);

--glass-shadow: 0 8px 25px rgba(15, 23, 42, 0.06);

}

* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Mukta', 'Inter', sans-serif; }

body {

background: linear-gradient(135deg, #e2e8f0 0%, #f1f5f9 50%, #e0f2fe 100%);

background-attachment: fixed;

color: var(--text-main);

padding-bottom: 90px;

min-height: 100vh;

-webkit-font-smoothing: antialiased;

}

/* TOP STRIP */

.top-strip {

background: var(--primary-dark);

color: #94a3b8;

font-size: 11px;

padding: 5px 0;

border-bottom: 1px solid rgba(255, 255, 255, 0.08);

}

.top-strip-inner {

max-width: 800px;

margin: 0 auto;

padding: 0 15px;

display: flex;

justify-content: space-between;

align-items: center;

}

.live-pulse-badge {

display: inline-flex;

align-items: center;

gap: 6px;

color: #f8fafc;

font-weight: 700;

background: rgba(220, 38, 38, 0.25);

padding: 2px 8px;

border-radius: 20px;

}

.pulse-dot {

width: 6px; height: 6px;

background-color: var(--primary-red);

border-radius: 50%;

animation: pulse 1.4s infinite;

}

@keyframes pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.4; transform: scale(1.2); } }

/* HEADER */

header {

background: rgba(255, 255, 255, 0.85);

backdrop-filter: blur(16px);

border-bottom: 1px solid var(--glass-border);

position: sticky;

top: 0;

z-index: 100;

box-shadow: 0 4px 12px rgba(0,0,0,0.03);

}

.header-container {

max-width: 800px;

margin: 0 auto;

padding: 10px 15px;

display: flex;

justify-content: space-between;

align-items: center;

}

.brand-logo-wrap { text-decoration: none; display: flex; align-items: center; gap: 8px; }

.brand-badge {

background: var(--primary-red);

color: #fff;

font-weight: 800;

font-size: 16px;

padding: 2px 7px;

border-radius: 6px;

}

.brand-title {

font-size: 20px;

font-weight: 800;

color: var(--primary-dark);

letter-spacing: -0.5px;

}

/* TICKER FIX (लेबल के ऊपर से न निकले) */

.ticker-container {

max-width: 800px;

margin: 14px auto 0;

padding: 0 15px;

}

.ticker-wrapper {

background: var(--glass-bg);

backdrop-filter: blur(12px);

border: 1px solid var(--glass-border);

border-radius: 10px;

display: flex;

align-items: center;

overflow: hidden;

height: 38px;

box-shadow: var(--glass-shadow);

position: relative;

}

.ticker-label {

background: var(--primary-red);

color: #ffffff;

font-weight: 700;

font-size: 12px;

padding: 0 12px;

height: 100%;

display: flex;

align-items: center;

gap: 5px;

white-space: nowrap;

z-index: 10; /* लेबल को ऊपर रखा ताकि टेक्स्ट इसके पीछे छिपे */

box-shadow: 4px 0 10px rgba(0,0,0,0.15);

}

.ticker-scroll-area {

flex-grow: 1;

overflow: hidden;

position: relative;

display: flex;

align-items: center;

}

.ticker-content {

white-space: nowrap;

padding-left: 100%;

animation: newsTicker 25s linear infinite;

color: var(--text-main);

font-size: 13px;

font-weight: 600;

display: inline-block;

}

@keyframes newsTicker { 0% { transform: translate3d(0, 0, 0); } 100% { transform: translate3d(-100%, 0, 0); } }

/* MAIN FEED CONTAINER */

.main-wrapper {

max-width: 800px;

margin: 16px auto;

padding: 0 15px;

}

.feed-list-container {

display: flex;

flex-direction: column;

gap: 14px;

}

/* --- 1. HORIZONTAL SMALL POST (कम हाइट, बड़ा टाइटल + राइट साइड शेयर बटन) --- */

.post-card.horizontal-compact {

background: var(--glass-bg);

backdrop-filter: blur(16px);

border: 1px solid var(--glass-border);

border-radius: 14px;

overflow: hidden;

box-shadow: var(--glass-shadow);

transition: transform 0.2s ease;

min-height: 90px;

display: flex;

align-items: center;

padding-right: 12px;

}

.post-card.horizontal-compact:hover {

background: var(--glass-bg-hover);

transform: translateY(-2px);

}

.post-card.horizontal-compact .compact-link {

display: flex;

align-items: center;

text-decoration: none;

color: inherit;

flex-grow: 1;

overflow: hidden;

}

.post-card.horizontal-compact .compact-img-wrap {

width: 105px;

min-width: 105px;

height: 90px;

background-color: #cbd5e1;

overflow: hidden;

}

.post-card.horizontal-compact .compact-img-wrap img {

width: 100%;

height: 100%;

object-fit: cover;

}

.post-card.horizontal-compact .compact-details {

padding: 8px 12px;

display: flex;

flex-direction: column;

justify-content: center;

flex-grow: 1;

overflow: hidden;

}

.post-card.horizontal-compact h2 {

font-size: 16px; /* बड़ा टाइटल */

font-weight: 700;

line-height: 1.35;

color: var(--text-main);

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

overflow: hidden;

}

.post-card.horizontal-compact .compact-meta {

font-size: 11px;

color: var(--text-muted);

margin-top: 4px;

}

/* राइट साइड वाला केवल व्हाट्सएप बटन */

.right-end-share {

background: #25D366;

color: #ffffff;

width: 36px;

height: 36px;

min-width: 36px;

border-radius: 50%;

display: inline-flex;

align-items: center;

justify-content: center;

font-size: 17px;

text-decoration: none;

box-shadow: 0 4px 10px rgba(37, 211, 102, 0.3);

transition: transform 0.2s ease;

margin-left: 8px;

}

.right-end-share:hover { transform: scale(1.1); }

/* --- 2. LARGE FEATURED POST (100% Auto-Fit Photo + Title + Share Button) --- */

.post-card.large-feature {

background: var(--glass-bg);

backdrop-filter: blur(20px);

border: 1px solid var(--glass-border);

border-radius: 16px;

overflow: hidden;

box-shadow: var(--glass-shadow);

transition: transform 0.2s ease;

}

.post-card.large-feature:hover {

background: var(--glass-bg-hover);

transform: translateY(-2px);

}

.post-card.large-feature .feature-link {

display: block;

text-decoration: none;

color: inherit;

}

/* ऑटो-फिट इमेज कंटेनर */

.post-card.large-feature .feature-img-wrap {

width: 100%;

background-color: #0f172a; /* पीछे डार्क बैकग्राउंड ताकि बिना कटी फोटो सुंदर लगे */

display: flex;

justify-content: center;

align-items: center;

overflow: hidden;

max-height: 380px; /* फोटो के लिए पर्याप्त स्पेस */

}

.post-card.large-feature .feature-img-wrap img {

width: 100%;

height: auto;

max-height: 380px;

object-fit: contain; /* फोटो कभी नहीं कटेगी, पूरी फिट होगी */

display: block;

}

.post-card.large-feature .feature-content {

padding: 14px 16px;

}

.post-card.large-feature h2 {

font-size: 18px;

font-weight: 800;

line-height: 1.4;

color: var(--text-main);

margin-bottom: 12px;

}

.post-card.large-feature .feature-footer {

display: flex;

justify-content: space-between;

align-items: center;

padding-top: 10px;

border-top: 1px solid rgba(0,0,0,0.06);

}

.share-text-btn {

color: #ffffff;

font-size: 12px;

font-weight: 700;

background: #25D366;

padding: 6px 14px;

border-radius: 20px;

display: inline-flex;

align-items: center;

gap: 6px;

text-decoration: none;

box-shadow: 0 3px 8px rgba(37, 211, 102, 0.3);

}

/* SINGLE POST FULL PAGE */

.single-post-body {

background: var(--glass-bg);

backdrop-filter: blur(20px);

border: 1px solid var(--glass-border);

border-radius: 18px;

padding: 20px;

font-size: 16px;

line-height: 1.7;

}

.single-post-body img { max-width: 100%; height: auto; border-radius: 10px; margin: 12px 0; }

/* FLOATING NAV */

.floating-nav-bar {

position: fixed;

bottom: 15px;

left: 50%;

transform: translateX(-50%);

width: 88%;

max-width: 380px;

background: rgba(15, 23, 42, 0.9);

backdrop-filter: blur(20px);

border-radius: 30px;

display: flex;

justify-content: space-around;

align-items: center;

padding: 6px 10px;

box-shadow: 0 10px 30px rgba(0,0,0,0.25);

z-index: 999;

border: 1px solid rgba(255, 255, 255, 0.15);

}

.nav-link {

color: #94a3b8;

text-decoration: none;

font-size: 11px;

font-weight: 600;

display: flex;

flex-direction: column;

align-items: center;

gap: 2px;

padding: 5px 12px;

border-radius: 20px;

cursor: pointer;

background: none;

border: none;

}

.nav-link.active, .nav-link:hover { color: #ffffff; background: rgba(255, 255, 255, 0.12); }

.nav-link i { font-size: 15px; }

/* CONTACT MODAL */

.modal-overlay {

position: fixed;

top: 0; left: 0; width: 100%; height: 100%;

background: rgba(15, 23, 42, 0.6);

backdrop-filter: blur(10px);

z-index: 9999;

display: flex;

justify-content: center;

align-items: center;

opacity: 0; visibility: hidden;

transition: all 0.3s ease;

padding: 15px;

}

.modal-overlay.active { opacity: 1; visibility: visible; }

.contact-card-modal {

background: rgba(255, 255, 255, 0.92);

border: 1px solid var(--glass-border);

width: 100%; max-width: 400px;

border-radius: 20px; padding: 24px;

position: relative;

}

.modal-close-btn {

position: absolute; top: 15px; right: 15px;

background: rgba(0,0,0,0.05); border: none;

width: 30px; height: 30px; border-radius: 50%;

cursor: pointer;

}

footer { text-align: center; padding: 20px 15px; font-size: 12px; color: var(--text-muted); }

]]></b:skin>

</head>

<body>

<span>लाइव अपडेट्स</span>

</div>

<div>KARTA NEWS DIGITAL</div>

</div>

<span class='brand-title'>KARTA NEWS</span>

</a>

</div>

</header>

कर्ता न्यूज़ पोर्टल पर आपका स्वागत है — निष्पक्ष और सटीक ताज़ा ख़बरों के लिए हमारे साथ बने रहें।

</div>

<b:section id='main-feed' showaddelement='yes'>

<b:widget id='Blog1' locked='true' type='Blog'>

<b:includable id='main'>

<b:if cond='data:view.isMultipleItems'>

<b:loop index='i' values='data:posts' var='post'>

<b:if cond='data:i == 2 || data:i == 5 || data:i == 8'>

<b:if cond='data:post.firstImageUrl'>

<b:else/>

</b:if>

</div>

<i class='fa-brands fa-whatsapp'></i> शेयर करें

</a>

</div>

</a>

<data:post.body/>

</div>

</article>

<b:else/>

<b:if cond='data:post.firstImageUrl'>

<b:else/>

</b:if>

</div>

</div>

</a>

</a>

<data:post.body/>

</div>

</article>

</b:if>

</b:loop>

</div>

<b:else/>

<b:loop values='data:posts' var='post'>

</a>

</div>

</div>

<data:post.body/>

</div>

</article>

</b:loop>

</b:if>

</b:includable>

</b:widget>

</b:section>

</div>

</a>

<span>ट्रेंडिंग</span>

</a>

</button>

</nav>

<h3 style='font-size:18px; font-weight:800;'>KARTA NEWS डेस्क</h3>

<p style='font-size:12px; color:var(--text-muted);'>संपर्क करें या समाचार भेजें</p>

</div>

<i class='fa-solid fa-envelope' style='color:#ef4444;'></i> contact@kartanews.in

</a>

</div>

</footer>

<script>//<![CDATA[

document.addEventListener("DOMContentLoaded", function() {

const rawPosts = document.querySelectorAll('.raw-post-body');

rawPosts.forEach(post => {

const postId = post.id.replace('raw-', '');

const imgHolder = document.getElementById('img-' + postId);

if (imgHolder) {

const firstImg = post.querySelector('img');

if (firstImg && firstImg.src) {

imgHolder.innerHTML = '<img src="' + firstImg.src + '" alt="News Image" />';

}

});

const openBtn = document.getElementById('openContactModal');

const closeBtn = document.getElementById('closeContactModal');

const modal = document.getElementById('contactModal');

if(openBtn && modal) {

openBtn.addEventListener('click', () => modal.classList.add('active'));

closeBtn.addEventListe

हर खबर पर हमारी नजर करता न्यूज़

अक्टूबर 01, 2026

This athlete comes with something on Philippines this at least Carlos you Lo Prince of Philippines first a send gold wire ruling floor exercise

Test Performance Karta news

अक्टूबर 01, 2026 शेयर करें

Hi jeson lelo bulk of the day of the day of the day of the day of the day of the day of the day of the day of the day of the day of the day of the day of the day of the day of the day of the day of the day of the day of

cle elum hai ki nahi

सितंबर 30, 2026

Act as an expert Web Designer & Blogger Developer. Generate a clean, responsive single-file XML Theme Code for Google Blogger specifically designed for a News Portal named "KARTA NEWS".

Design Requirements:

1. Color Palette: Royal Dark Blue (#1e3a8a) and Dark Red (#991b1b) with smooth Linear Gradients. Clean white background for reading comfort.

2. Layout & Categories: NO categories or complex navigation bar. Keep it extremely clean, minimal, and lightweight.

3. Header Section: Eye-catching gradient header with Title "KARTA NEWS" and Tagline "निडर पत्रकारिता • निष्पक्ष एवं सटीक खबरें".

4. Breaking News Ticker: Smooth horizontal auto-scrolling news ticker bar right below the header with a red "🔴 BREAKING" badge.

5. Content Feed: Elegant card-style main post feed for news stories with subtle hover effects.

6. Sticky Bottom Navigation Bar (Fixed for Mobile): A 3-button bottom bar containing:

- Button 1: 🏠 Home

- Button 2: 💬 WhatsApp Share / Join

- Button 3: 📞 Send News / Contact Us

7. Performance: Pure CSS (no external heavy JS libraries), fast loading speed, and mobile-first responsive layout.

Return ONLY the complete, ready-to-paste valid Blogger XML theme code without

missing tags.

📌lokendraNetajiDatia

हर खबर पर हमारी नजर करता न्यूज़

Test Performance Karta news

cle elum hai ki nahi

Karta News Arrive

KARTA NEWS डेस्क