What do you want
आप ब्लॉगर को बता सकते हैं कि वह आपके पेजव्यू को उसके आँकड़ों में शामिल न करे। ऐसा करने के लिए, ब्लॉगर को आपके ब्राउज़र में एक ब्लॉकिंग कुकी जोड़नी होगी। यदि आप एक से अधिक ब्राउज़र का उपयोग करते हैं, तो प्रत्येक को खोलें और यह प्राथमिकता सेट करें।
इस ब्लॉग के लिए मेरे विचारों पर नज़र न रखें।
<!DOCTYPE html>
<html b:default="true">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>आपकी वेबसाइट का नाम</title>
<b:skin>
<![CDATA[
/* CSS Styles for Blogger */
body {
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
background-color: #f6f6f6;
color: #333;
}
header {
background-color: #101010;
color: #fff;
padding: 40px;
text-align: center;
}
header h1 {
margin: 0;
font-size: 48px;
font-weight: bold;
}
header p {
font-size: 18px;
margin-top: 10px;
}
nav {
display: flex;
justify-content: center;
background-color: #fff; /* सफेद बैकग्राउंड */
padding: 20px;
flex-wrap: wrap;
}
nav a {
color: #333; /* लिंक का रंग बदल दिया */
text-decoration: none;
padding: 0 20px;
font-size: 18px;
text-transform: uppercase;
}
nav a:hover {
color: #00bcd4;
}
.main-container {
max-width: 1200px;
margin: 50px auto;
padding: 20px;
}
.article {
background-color: #fff;
padding: 30px;
margin-bottom: 30px;
border-radius: 5px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.article h2 {
font-size: 32px;
margin-bottom: 15px;
color: #333;
}
.article p {
font-size: 18px;
line-height: 1.7;
color: #555;
}
.article .read-more {
color: #00bcd4;
text-decoration: none;
font-weight: bold;
}
footer {
background-color: #101010;
color: white;
text-align: center;
padding: 20px;
margin-top: 50px;
}
footer p {
margin: 0;
font-size: 16px;
}
footer a {
color: #00bcd4;
text-decoration: none;
}
@media (max-width: 768px) {
header h1 {
font-size: 36px;
}
header p {
font-size: 16px;
}
nav a {
padding: 10px;
font-size: 16px;
}
.main-container {
padding: 10px;
}
.article {
padding: 20px;
}
.article h2 {
font-size: 28px;
}
.article p {
font-size: 16px;
}
}
@media (max-width: 480px) {
header h1 {
font-size: 28px;
}
header p {
font-size: 14px;
}
nav a {
padding: 8px;
font-size: 14px;
}
.main-container {
padding: 5px;
}
.article {
padding: 15px;
}
.article h2 {
font-size: 24px;
}
.article p {
font-size: 14px;
}
}
]]>
</b:skin>
</head>
<body>
<header>
<h1>आपकी वेबसाइट का नाम</h1>
<p>आपकी वेबसाइट का विवरण यहां होगा</p>
</header>
<nav>
<b:section id="nav" class="nav-section" showaddelement="yes">
<b:widget id="PageList1" type="PageList" title="Pages"/>
</b:section>
</nav>
<div class="main-container">
<b:section id="main" class="blog-section" showaddelement="yes">
<b:widget id="Blog1" type="Blog" title="Main Blog Posts" />
</b:section>
</div>
<footer>
<p>© 2024 आपकी वेबसाइट का नाम. All rights reserved. <a href="#">Privacy Policy</a></p>
</footer>
</body>
</html>
No comments:
Post a Comment