bamdev123: Bam Dev Pokharel — Premium Blogger Theme

Yo ek complete Blogger XML theme ho — premium look, Day/Night toggle, ra English ↔ नेपाली language switch sahit.

कसरी install गर्ने / How to install

Blogger Dashboard खोल्नुहोस् → आफ्नो blog छान्नुहोस्।
बायाँ menu मा Theme क्लिक गर्नुहोस्।
Theme को दायाँ माथिको तीर (▾) → Edit HTML क्लिक गर्नुहोस्।
भएको सबै code select all (Ctrl+A) + delete गर्नुहोस्।
तलको पूरा code paste गर्नुहोस् → Save (💾) थिच्नुहोस्।
भयो! अब blog मा माथि दायाँ कुनामा 🌙/☀️ (day/night) ra EN/ने बटन देखिन्छ।

<aside> 🎨

Accent color बदल्न: code भित्र <code>--accent: #c2410c;</code> को रङ्ग आफ्नो मनपर्ने hex code ले बदल्नुहोस्।

</aside>

Theme code (पूरा code)

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

<!DOCTYPE html>

<head>

<b:include data='blog' name='all-head-content'/>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

</b:if>

<b:skin><![CDATA[

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

BAM DEV POKHAREL — Premium Blogger Theme

Day/Night · English/Nepali · Responsive

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

:root{

--accent:#c2410c; /* main brand color */

--accent-2:#ea580c;

--bg:#f7f7f5;

--surface:#ffffff;

--surface-2:#f0efeb;

--text:#1b1b1a;

--muted:#6b6b66;

--border:#e6e4de;

--shadow:0 8px 30px rgba(20,20,20,.08);

--shadow-lg:0 18px 50px rgba(20,20,20,.14);

--radius:18px;

--maxw:1180px;

--font:'Inter','Mukta',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;

--serif:'Playfair Display',Georgia,serif;

--np:'Mukta','Inter',sans-serif;

}

html.dark{

--bg:#0d0f12;

--surface:#15181d;

--surface-2:#1d2128;

--text:#eef0f3;

--muted:#9aa0aa;

--border:#262b33;

--shadow:0 8px 30px rgba(0,0,0,.4);

--shadow-lg:0 18px 50px rgba(0,0,0,.55);

}

*{box-sizing:border-box;margin:0;padding:0}

body{

background:var(--bg);color:var(--text);

font-family:var(--font);font-size:17px;line-height:1.7;

-webkit-font-smoothing:antialiased;

transition:background .35s ease,color .35s ease;

}

body.lang-ne{font-family:var(--np)}

a{color:inherit;text-decoration:none}

img{max-width:100%;display:block}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}

.sr{display:none!important}

/* ---------- Top bar ---------- */

.topbar{

position:sticky;top:0;z-index:50;

background:color-mix(in srgb,var(--surface) 86%,transparent);

backdrop-filter:saturate(180%) blur(14px);

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

}

.topbar-in{display:flex;align-items:center;justify-content:space-between;gap:18px;height:72px}

.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:22px;letter-spacing:-.5px}

.brand .dot{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#fff;

background:linear-gradient(135deg,var(--accent),var(--accent-2));font-family:var(--serif);font-size:20px}

.brand b{font-family:var(--serif)}

.nav{display:flex;align-items:center;gap:6px}

.nav a{padding:9px 14px;border-radius:10px;font-weight:600;font-size:15px;color:var(--muted);transition:.2s}

.nav a:hover{color:var(--text);background:var(--surface-2)}

.tools{display:flex;align-items:center;gap:8px}

.btn-ic{width:42px;height:42px;border-radius:12px;border:1px solid var(--border);background:var(--surface);

color:var(--text);cursor:pointer;display:grid;place-items:center;font-size:18px;font-weight:700;transition:.2s}

.btn-ic:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}

.lang-btn{width:auto;padding:0 14px;font-size:14px;letter-spacing:.5px}

.menu-btn{display:none}

/* ---------- Hero ---------- */

.hero{padding:64px 0 30px;text-align:center}

.hero .eyebrow{display:inline-block;font-weight:700;letter-spacing:2px;text-transform:uppercase;

font-size:12px;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);

padding:7px 16px;border-radius:999px;margin-bottom:18px}

.hero h1{font-family:var(--serif);font-size:clamp(34px,6vw,62px);line-height:1.05;letter-spacing:-1px;margin-bottom:16px}

.hero p{max-width:640px;margin:0 auto;color:var(--muted);font-size:18px}

.hero .cta{margin-top:26px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

.cta a{padding:13px 24px;border-radius:12px;font-weight:700}

.cta .solid{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:var(--shadow)}

.cta .ghost{border:1px solid var(--border);background:var(--surface)}

.cta a:hover{transform:translateY(-2px)}

/* ---------- Layout ---------- */

.layout{display:grid;grid-template-columns:1fr 320px;gap:34px;padding:30px 0 70px;align-items:start}

/* ---------- Post cards ---------- */

.posts{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}

.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);

overflow:hidden;box-shadow:var(--shadow);transition:.3s;display:flex;flex-direction:column}

.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}

.card .thumb{aspect-ratio:16/10;overflow:hidden;background:var(--surface-2)}

.card .thumb img{width:100%;height:100%;object-fit:cover;transition:.5s}

.card:hover .thumb img{transform:scale(1.06)}

.card .body{padding:22px;display:flex;flex-direction:column;gap:11px;flex:1}

.card .labels{display:flex;gap:7px;flex-wrap:wrap}

.card .labels a{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--accent);

background:color-mix(in srgb,var(--accent) 12%,transparent);padding:4px 10px;border-radius:999px}

.card h2{font-size:21px;line-height:1.3;font-weight:800;letter-spacing:-.3px}

.card h2 a:hover{color:var(--accent)}

.card .meta{font-size:13px;color:var(--muted);display:flex;gap:10px;align-items:center}

.card .snip{color:var(--muted);font-size:15px;flex:1}

.card .more{margin-top:6px;font-weight:700;color:var(--accent);font-size:14px}

.card .more:hover{gap:10px}

/* ---------- Single post ---------- */

.single{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);

padding:38px;box-shadow:var(--shadow)}

.single h1.title{font-family:var(--serif);font-size:clamp(28px,4.5vw,46px);line-height:1.1;letter-spacing:-.5px;margin-bottom:14px}

.single .pmeta{color:var(--muted);font-size:14px;margin-bottom:24px;display:flex;gap:14px;flex-wrap:wrap;

padding-bottom:20px;border-bottom:1px solid var(--border)}

.post-content{font-size:18px;line-height:1.85}

.post-content p{margin:0 0 1.1em}

.post-content h2,.post-content h3{font-family:var(--serif);margin:1.4em 0 .5em;line-height:1.2}

.post-content img{border-radius:14px;margin:1.2em 0}

.post-content a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}

.post-content blockquote{border-left:4px solid var(--accent);padding:6px 20px;margin:1.2em 0;

background:var(--surface-2);border-radius:0 12px 12px 0;color:var(--muted);font-style:italic}

.post-content pre{background:var(--surface-2);padding:18px;border-radius:12px;overflow:auto;border:1px solid var(--border)}

/* ---------- Sidebar ---------- */

.side{display:flex;flex-direction:column;gap:22px;position:sticky;top:92px}

.widget{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}

.widget h3,.widget .title{font-size:13px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;

color:var(--muted);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}

.profile{text-align:center}

.profile .ava{width:96px;height:96px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;

font-family:var(--serif);font-size:38px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:var(--shadow)}

.profile .name{font-weight:800;font-size:20px;font-family:var(--serif)}

.profile .role{color:var(--accent);font-weight:600;font-size:14px;margin:4px 0 10px}

.profile .bio{color:var(--muted);font-size:14.5px}

.contact{list-style:none;font-size:14.5px;display:flex;flex-direction:column;gap:11px}

.contact li{display:flex;gap:10px;align-items:flex-start;color:var(--muted)}

.contact li b{color:var(--text);min-width:18px}

.widget ul{list-style:none}

.widget li{padding:9px 0;border-bottom:1px dashed var(--border)}

.widget li:last-child{border:0}

.widget a:hover{color:var(--accent)}

.searchw input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);

background:var(--bg);color:var(--text);font-family:inherit;font-size:15px}

.searchw input:focus{outline:none;border-color:var(--accent)}

/* ---------- Footer ---------- */

.foot{background:var(--surface);border-top:1px solid var(--border);padding:48px 0 28px;margin-top:30px}

.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:34px}

.foot h4{font-family:var(--serif);font-size:20px;margin-bottom:12px}

.foot p,.foot li{color:var(--muted);font-size:14.5px;line-height:1.9}

.foot ul{list-style:none}

.foot a:hover{color:var(--accent)}

.foot .bottom{text-align:center;color:var(--muted);font-size:13.5px;margin-top:34px;padding-top:22px;border-top:1px solid var(--border)}

.foot .bottom a{color:var(--accent);font-weight:600}

/* ---------- Pager ---------- */

.blog-pager{margin:34px 0;text-align:center}

.blog-pager a{display:inline-block;padding:12px 22px;border:1px solid var(--border);border-radius:12px;

background:var(--surface);font-weight:600;margin:0 5px}

.blog-pager a:hover{border-color:var(--accent);color:var(--accent)}

/* ---------- i18n helpers ---------- */

.show-ne{display:none}

body.lang-ne .show-en{display:none}

body.lang-ne .show-ne{display:inline}

body.lang-ne .show-ne.blk{display:block}

/* ---------- Responsive ---------- */

@media (max-width:980px){

.layout{grid-template-columns:1fr}

.side{position:static}

.foot-grid{grid-template-columns:1fr}

}

@media (max-width:680px){

.posts{grid-template-columns:1fr}

.nav{display:none}

.menu-btn{display:grid}

.nav.open{display:flex;position:absolute;top:72px;left:0;right:0;flex-direction:column;

background:var(--surface);border-bottom:1px solid var(--border);padding:14px 22px;gap:4px}

.single{padding:24px}

}

/* hide default blogger junk */

.widget .widget-title{display:none}

#navbar,#navbar-iframe{display:none!important;height:0!important;visibility:hidden!important}

.post-feeds,.feed-links{display:none}

]]></b:skin>

<b:template-skin><![CDATA[

body{margin:0}

]]></b:template-skin>

</head>

<span><b>Bam Dev</b> Pokharel</span>

</a>

<a expr:href='data:blog.homepageUrl'><span class='show-en'>Home</span><span class='show-ne'>गृहपृष्ठ</span></a>

<a expr:href='data:blog.homepageUrl + "p/about.html"'><span class='show-en'>About</span><span class='show-ne'>परिचय</span></a>

<a expr:href='data:blog.homepageUrl + "p/contact.html"'><span class='show-en'>Contact</span><span class='show-ne'>सम्पर्क</span></a>

</nav>

</div>

</header>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<span class='eyebrow'><span class='show-en'>Human Rights · Media · Insurance</span><span class='show-ne'>मानव अधिकार · सञ्चार · बीमा</span></span>

<h1>

<span class='show-en'>Stories on rights, society & leadership.</span>

<span class='show-ne'>अधिकार, समाज र नेतृत्वका कथाहरू।</span>

</h1>

<p>

<span class='show-en'>Insights and writings by Bam Dev Pokharel — advocate for human rights, peacebuilding, governance and youth leadership.</span>

<span class='show-ne'>बमदेव पोखरेलका विचार र लेखहरू — मानव अधिकार, शान्ति निर्माण, सुशासन र युवा नेतृत्वका लागि समर्पित।</span>

</p>

<a class='solid' expr:href='data:blog.homepageUrl + "search/label/Blog"'><span class='show-en'>Read the blog</span><span class='show-ne'>ब्लग पढ्नुहोस्</span></a>

<a class='ghost' expr:href='data:blog.homepageUrl + "p/about.html"'><span class='show-en'>About me</span><span class='show-ne'>मेरो बारेमा</span></a>

</div>

</section>

</b:if>

<div>

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='2'>

<b:includable id='main'>

<b:if cond='data:blog.pageType == "item" or data:blog.pageType == "static_page"'>

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

<b:if cond='data:blog.pageType == "item"'>

</div>

</b:if>

</article>

</b:loop>

<b:else/>

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

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

</a>

</b:if>

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

<b:loop values='data:post.labels' var='label'>

</b:loop>

</div>

</b:if>

<a class='more' expr:href='data:post.url'><span class='show-en'>Read more →</span><span class='show-ne'>थप पढ्नुहोस् →</span></a>

</div>

</article>

</b:loop>

</div>

<b:if cond='data:olderPageUrl'>

<a expr:href='data:olderPageUrl'><span class='show-en'>← Older posts</span><span class='show-ne'>← पुराना पोस्ट</span></a>

</b:if>

<b:if cond='data:newerPageUrl'>

<a expr:href='data:newerPageUrl'><span class='show-en'>Newer posts →</span><span class='show-ne'>नयाँ पोस्ट →</span></a>

</b:if>

</div>

</b:if>

</b:includable>

</b:widget>

</b:section>

</div>

<div class='name'>Bam Dev Pokharel</div>

<div class='role'><span class='show-en'>Rights Advocate & Writer</span><span class='show-ne'>अधिकारकर्मी र लेखक</span></div>

<span class='show-en'>Human rights, peacebuilding, governance, media and insurance professional. LLB student, MA in Rural Development.</span>

<span class='show-ne'>मानव अधिकार, शान्ति, सुशासन, सञ्चार र बीमा क्षेत्रका अनुभवी। एल.एल.बी. अध्ययनरत, ग्रामीण विकासमा स्नातकोत्तर।</span>

</p>

</div>

<div class='title'><span class='show-en'>Search</span><span class='show-ne'>खोज्नुहोस्</span></div>

</form>

</div>

<b:section class='side-widgets' id='sidebar' showaddelement='yes'>

<b:widget id='Label1' locked='false' title='Topics' type='Label' version='2'>

<b:includable id='main'>

<div class='title'><span class='show-en'>Topics</span><span class='show-ne'>विषयहरू</span></div>

<ul>

<b:loop values='data:labels' var='label'>

</b:loop>

</ul>

</b:includable>

</b:widget>

<b:widget id='PopularPosts1' locked='false' title='Popular' type='PopularPosts' version='2'>

<b:includable id='main'>

<div class='title'><span class='show-en'>Popular Posts</span><span class='show-ne'>लोकप्रिय पोस्ट</span></div>

<ul>

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

</b:loop>

</ul>

</div>

</b:includable>

</b:widget>

</b:section>

<div class='title'><span class='show-en'>Contact</span><span class='show-ne'>सम्पर्क</span></div>

<li><b>✉</b><span>bamdevpokharel@gmail.com</span></li>

<li><b>🌐</b><span>www.bamdevpokhrel.com.np</span></li>

<li><b>📍</b><span class='show-en'>Kohalpur-2, Banke, Nepal</span><span class='show-ne'>कोहलपुर-२, बाँके, नेपाल</span></li>

<li><b>🗾</b><span>Yokohama, Japan</span></li>

</ul>

</div>

</aside>

</div>

</main>

<div>

<h4>Bam Dev Pokharel</h4>

<p>

<span class='show-en'>Advocate for human rights, social justice and youth leadership. Experienced across media, governance and the insurance industry.</span>

<span class='show-ne'>मानव अधिकार, सामाजिक न्याय र युवा नेतृत्वका अभियन्ता। सञ्चार, सुशासन र बीमा क्षेत्रमा अनुभवी।</span>

</p>

</div>

<div>

<h4><span class='show-en'>Links</span><span class='show-ne'>लिङ्कहरू</span></h4>

<ul>

<li><a expr:href='data:blog.homepageUrl'><span class='show-en'>Home</span><span class='show-ne'>गृहपृष्ठ</span></a></li>

<li><a expr:href='data:blog.homepageUrl + "p/about.html"'><span class='show-en'>About</span><span class='show-ne'>परिचय</span></a></li>

<li><a expr:href='data:blog.homepageUrl + "p/contact.html"'><span class='show-en'>Contact</span><span class='show-ne'>सम्पर्क</span></a></li>

</ul>

</div>

<div>

<h4><span class='show-en'>Reach me</span><span class='show-ne'>सम्पर्क गर्नुहोस्</span></h4>

<ul>

<li>✉ bamdevpokharel@gmail.com</li>

<li>🌐 www.bamdevpokhrel.com.np</li>

</ul>

</div>

</div>

</footer>

//<![CDATA[

(function(){

var root=document.documentElement, body=document.body;

var tBtn=document.getElementById('themeToggle');

var lBtn=document.getElementById('langToggle');

var mBtn=document.getElementById('menuToggle');

var nav=document.getElementById('nav');

/* ---- THEME (day/night) ---- */

function setTheme(t){

if(t==='dark'){root.classList.add('dark');tBtn.textContent='\u2600\uFE0F';}

else{root.classList.remove('dark');tBtn.textContent='\uD83C\uDF19';}

try{localStorage.setItem('bdp-theme',t);}catch(e){}

}

var savedT;try{savedT=localStorage.getItem('bdp-theme');}catch(e){}

if(!savedT){savedT=window.matchMedia&&window.matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light';}

setTheme(savedT);

tBtn.addEventListener('click',function(){setTheme(root.classList.contains('dark')?'light':'dark');});

/* ---- LANGUAGE (EN / NE) ---- */

function setLang(l){

if(l==='ne'){body.classList.add('lang-ne');body.classList.remove('lang-en');}

else{body.classList.add('lang-en');body.classList.remove('lang-ne');}

try{localStorage.setItem('bdp-lang',l);}catch(e){}

}

var savedL;try{savedL=localStorage.getItem('bdp-lang');}catch(e){}

setLang(savedL||'en');

lBtn.addEventListener('click',function(){setLang(body.classList.contains('lang-ne')?'en':'ne');});

/* ---- MOBILE MENU ---- */

if(mBtn){mBtn.addEventListener('click',function(){nav.classList.toggle('open');});}

/* ---- YEAR ---- */

var y=document.getElementById('yr');if(y){y.textContent=new Date().getFullYear();}

})();

//]]>

</script>

</body>

</html>

टिप्स / Tips

Featured image: हरेक post मा एउटा image राख्नुहोस् — card मा राम्रो thumbnail देखिन्छ।
नेविगेशन लिङ्क: Blog menu को लागि post हरूमा <code>Blog</code> भन्ने label लगाउनुहोस्।
About / Contact pages: Blogger मा <strong>Pages → New page</strong> बाट <code>about</code> र <code>contact</code> बनाउनुहोस् (URL मिल्ने गरी)।
Logo अक्षर: header को <code>B</code> badge बदल्न code मा <code><span class='dot'>B</span></code> मा आफ्नो अक्षर राख्नुहोस्।

<aside> ⚠️

यदि Blogger ले <em>“unexpected tag”</em> error देखायो भने, सामान्यतया कुनै widget पहिले देखि exist भएकोले हुन्छ — त्यसो भएमा Save गर्दा आउने popup मा <strong>“Delete Widgets / Keep Widgets”</strong> छानेर अगाडि बढ्नुहोस्।

</aside>