5454545
yryrtt45<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' b:templateVersion='1.3.0' expr:class='data:blog.languageDirection' expr:dir='data:blog.languageDirection' expr:lang='data:blog.localeUnderscoreDelimited' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<script async='async' crossorigin='anonymous' src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5100373416318515'/>
<meta content='width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1' name='viewport'/>
<title><data:view.title.escaped/></title>
<b:skin version='1.3.0'><![CDATA[
/* -----------------------------------------------
Upgraded News Look (Inspired by Aaj Tak)
----------------------------------------------- */
:root {
--main-red: #da0a14; /* Aaj Tak Red */
--text-dark: #222;
--text-gray: #555;
--bg-white: #ffffff;
--border-light: #efefef;
}
body {
background-color: #f4f4f4;
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
color: var(--text-dark);
}
/* --- Navigation & Header --- */
.FreeDemos-wery-wrap {
background: var(--bg-white) !important;
border-bottom: 3px solid var(--main-red);
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
#MenuNews-list > li > a {
color: #000 !important;
font-weight: 700 !important;
text-transform: uppercase;
font-size: 15px;
}
#MenuNews-list > li > a:hover {
color: var(--main-red) !important;
}
/* --- Post Card Upgrade (Aaj Tak Style) --- */
.post-filter {
background: #fff !important;
border: 1px solid var(--border-light) !important;
border-radius: 0px !important; /* News sites usually have sharp edges */
margin-bottom: 20px !important;
transition: box-shadow 0.3s ease;
display: flex !important;
flex-direction: column;
}
.post-filter:hover {
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.post-filter-image {
height: 220px !important;
width: 100% !important;
overflow: hidden;
}
.post-filter-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.FreeDemos-werj-box {
padding: 15px !important;
}
.entry-title a {
font-size: 19px !important;
font-weight: 800 !important;
line-height: 1.3 !important;
color: var(--text-dark) !important;
display: block;
margin-bottom: 8px;
}
.entry-title a:hover {
color: var(--main-red) !important;
}
/* --- Section Labels --- */
.main-title {
border-bottom: 2px solid #000;
margin-bottom: 20px;
height: auto !important;
}
.main-title h3 {
background: var(--main-red) !important;
color: #fff !important;
display: inline-block;
padding: 8px 20px !important;
font-size: 16px !important;
text-transform: uppercase;
margin: 0 !important;
}
/* --- Video Ad Box (Bottom Right/Center) --- */
#video-ad-container {
position: fixed;
bottom: 20px;
right: 20px;
width: 330px;
background: #fff;
z-index: 9999;
box-shadow: 0 10px 30px rgba(0,0,0,0.3);
border-radius: 8px;
border: 2px solid var(--main-red);
display: none; /* Initially Hidden */
overflow: hidden;
}
.ad-header {
background: var(--main-red);
color: #fff;
padding: 5px 10px;
font-size: 12px;
font-weight: bold;
display: flex;
justify-content: space-between;
}
.close-ad-btn {
cursor: pointer;
background: #fff;
color: #000;
border-radius: 50%;
width: 18px;
height: 18px;
text-align: center;
line-height: 18px;
}
@media screen and (max-width: 768px) {
#video-ad-container {
width: 90%;
left: 50%;
transform: translateX(-50%);
bottom: 10px;
right: auto;
}
}
/* Sidebar Styling */
.sidebar .widget-title h3 {
background: #000 !important;
padding: 5px 15px !important;
}
]]></b:skin>
</head>
<body>
<div id='outer-wrapper'>
<div id='center-container'>
<div class='container'>
<main id='feed-view'>
<b:section class='main' id='main' name='Main Recent Posts'/>
</main>
<aside id='sidebar-container'>
<b:section class='sidebar' id='sidebar' name='Sidebar Right'/>
</aside>
</div>
</div>
</div>
<div id='video-ad-container'>
<div class='ad-header'>
<span>LATEST VIDEO AD</span>
<span class='close-ad-btn' onclick='closeAd()'>X</span>
</div>
<div class='ad-body'>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-5100373416318515"
data-ad-slot="3076295998"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
<script type='text/javascript'>
//<![CDATA[
// 1. Video Ad Display Logic
window.onload = function() {
// 5 second delay ke baad ad dikhega (Aaj Tak ki tarah loading)
setTimeout(function() {
document.getElementById('video-ad-container').style.display = 'block';
}, 5000);
// 2. UI Improvement: Post title trimming
$(".entry-title a").each(function() {
if ($(this).text().length > 65) {
$(this).text($(this).text().substring(0, 65) + "...");
}
});
};
function closeAd() {
document.getElementById('video-ad-container').style.display = 'none';
}
//]]>
</script>
</body>
</html>