قالب اسلایدری بلاگفا
این قالب فقط و فقط برای وبلاگ‌های خاص و حرفه‌ای طراحی شده ، در قالب فقط یک پست نمایش داده میشه و با استفاده از دکمه‌های اضافه شده و محتوای ساید کناری که لیست مطالب موجود در صفحه رو نشون میده میشه سایر پستها رو هم دید دقیقا مثل یک اسلایدر ، عوض کننده تم هم اضافه شده ، ای کاش نویسنده خوبی بودم و یک وبلاگ خوب درست میکردم و با این قالب کار میکردم 😁 ، در این قالب همه بخش‌های اختصاصی بلاگفا اضافه شده ، این قالب بنظرم یکی ازباحال ترین قالب‌هایی هستش که تابحال طراحی کردم ، به راحتی هم میتونید ویرایشش کنید و استایلای دلخواهتون رو بهش اضافه کنید . امیدوارم که خوشتون اومده باشه .
- فونت فارسی شبنم
- فونت فارسی صمیم
- طرح‌های تیره و روشن
- اسلایدر پست
- لیست پست‌های موجود در هر صفحه
- ریسپانسیو و واکنشگرا
<!DOCTYPE html>
<html>
<!-- theme designed by https://blacktheme.ir | Weblog Themes & code for Weblog -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title><-BlogAndPostTitle-></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="content-language" content="fa">
<meta name="description" content="<-BlogMetaDescription->">
<meta name="generator" content="blogfa.com">
<meta property="og:title" content="<-AutoPageTitle->">
<meta property="og:site_name" content="<-BlogTitle->">
<meta property="og:description" content="<-BlogMetaDescription->">
<meta name="twitter:title" content="<-AutoPageTitle->">
<meta name="twitter:description" content="<-BlogMetaDescription->">
<link rel="alternate" type="application/rss+xml" title="<-BlogTitle->" href="<-BlogXmlLink->" />
<link type="text/css" rel="stylesheet" href="https://cdn.jsdelivr.net/gh/rastikerdar/samim-font@v4.0.5/dist/font-face.css">
<link type="text/css" rel="stylesheet" href="https://cdn.jsdelivr.net/gh/rastikerdar/shabnam-font@v5.0.1/dist/font-face.css">
<style>body{margin:0;line-height:1.8;font-size:11pt;background-color:#ebebeb;direction:rtl;color:#111}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;max-width:100%}button,input,optgroup,select,textarea{font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}optgroup,select,textarea{font-family:inherit}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}*{box-sizing:border-box}.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}body,button,input{font-family:'samim',sans-serif,tahoma}h1,h2,h3,h4,h5,h6{font-family:'shabnam',sans-serif,tahoma}svg{display:block;width:24px;height:24px}.blackthemeRow{display:flex;flex-direction:row-reverse;align-items:flex-start;max-width:992px;margin:20px auto;position:relative;padding:20px}.blackthemeSide{min-width:300px;max-width:300px;position:sticky;position:-webkit-sticky;padding-left:20px;top:10px;will-change:scroll-position}.blackthemeContent{width:100%;position:relative}.blackthemeBorderBg{border:2px solid #e6e6e6;background-color:#f8f8f8}nav,nav ul{display:flex;flex-direction:row}nav{justify-content:space-between;position:sticky;position:-webkit-sticky;top:0;z-index:1;background-color:#ebebeb;border-bottom:2px solid #e6e6e6;will-change:scroll-position}.flickity-viewport{transition:height .3s;-webkit-transition:height .3s;-moz-transition:height .3s;-ms-transition:height .3s;-o-transition:height .3s}nav.blackthemePadding{padding:10px 0}nav ul{margin:0;padding:0;list-style:none;flex-wrap:wrap}.blackthemePostTag svg,nav ul li{margin-left:10px}nav ul li:last-of-type{margin-left:0}nav ul li a{display:block;padding:5px;position:relative}nav ul li a::before{content:'';height:70%;width:70%;position:absolute;left:-2px;right:-2px;bottom:0;top:0;margin:auto;border:2px solid #111;transition:.3s cubic-bezier(.25,.46,.45,.94),.1s cubic-bezier(.25,.46,.45,.94) opacity;-webkit-transition:.3s cubic-bezier(.25,.46,.45,.94),.1s cubic-bezier(.25,.46,.45,.94) opacity;-moz-transition:.3s cubic-bezier(.25,.46,.45,.94),.1s cubic-bezier(.25,.46,.45,.94) opacity;-ms-transition:.3s cubic-bezier(.25,.46,.45,.94),.1s cubic-bezier(.25,.46,.45,.94) opacity;-o-transition:.3s cubic-bezier(.25,.46,.45,.94),.1s cubic-bezier(.25,.46,.45,.94) opacity;pointer-events:none;opacity:0}nav ul li a:hover::before{height:100%;width:100%;opacity:1}.blackthemePadding{padding:20px}.blackthemeCarousel,header{border:2px solid #e6e6e6}header h1,header h2{padding:0}header h1{margin-top:0;font-size:2em}header h2{font-size:1.3em;font-weight:400;margin:0}.blackthemeCarousel{border-top:0;position:relative}nav::before{content:'';height:20px;background-color:#fff;bottom:-22px;left:2px;right:2px;position:absolute;z-index:1}.blackthemePost{width:100%}body{overflow-y:scroll}.blackthemeSideBox{margin-bottom:20px}.blackthemeSideBox h6{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:inherit;margin:0;padding:0 0 10px;border-bottom:2px solid #f3f3f3}.blackthemeSideBox h2{font-size:inherit}.blackthemeSideBox ul{list-style:none;margin:20px 0;padding:0}.blackthemeSideBox ul li{margin-bottom:5px}.blackthemeSideBox ul li:last-of-type{margin-bottom:0}.blackthemePagination a,.blackthemeSideBox ul li a{opacity:.8}.blackthemeCarouselList .blackthemeCarouselListSet,.blackthemeDarkStyle .blackthemeCarouselList .blackthemeCarouselListSet,.blackthemeDarkStyle .blackthemeSideBox ul li a:hover,.blackthemePagination a:hover,.blackthemeSideBox ul li a:hover{opacity:1}.blackthemePost img{height:auto}.blackthemeCarouselList h2{cursor:pointer;font-weight:1.5em;opacity:.3}.blackthemePagination{padding-top:10px;border-top:2px solid #f3f3f3}.blackthemePrevoius{float:right}.blackthemeNext{float:left}.blackthemeClear{clear:both}.blackthemePost .blackthemePostTitle{padding-top:0;margin-top:0}.blackthemePost a{font-weight:700}.blackthemePost a:hover{opacity:.5}.blackthemePostTag,footer{display:flex;flex-direction:row;flex-wrap:wrap}.blackthemePostTag{font-size:10pt;margin-top:20px;margin-bottom:10px}.blackthemePost .blackthemeClear{padding-top:20px}.blackthemePostInfo{font-size:10pt}@media screen and (max-width:768px){body{font-size:10pt}.blackthemeRow{flex-direction:column;margin:0}nav ul:first-of-type li{display:none}nav ul:first-of-type li:first-of-type{display:unset}nav::before{display:none}.blackthemeContent{margin-bottom:20px}.blackthemeSide{min-width:100%;max-width:100%;width:100%;padding-left:0}}@media screen and (max-width:576px){header{text-align:center}.blackthemePadding{padding:15px}}.blackthemeDarkStyle{background-color:#18314f;color:#f8f8f8}.blackthemeDarkStyle nav{background-color:#18314f;border-color:#384e77}.blackthemeDarkStyle nav::before{background-color:#0d0630}.blackthemeDarkStyle .blackthemeBorderBg{background-color:#0d0630;border-color:#384e77}.blackthemeDarkStyle .blackthemePagination,.blackthemeDarkStyle .blackthemeSide h6{border-color:#384e77}.blackthemeDarkStyle nav a::before{border-color:#f8f8f8}.blackthemeDarkStyle .blackthemeCarouselList h2,.blackthemeDarkStyle .blackthemeSideBox ul li a{opacity:.8}footer{text-align:center;justify-content:center;margin-top:40px}footer h2{font-weight:400;font-size:inherit;padding:0;display:inline-block;margin:0 5px 0 0}
</style>
<script src="http://theme.blogfa.com/public/theme.1.2.js" type="text/javascript" ></script>
<script type="text/javascript">
try {
cmt_caption[0]="نظرات";
cmt_caption[1]="نظر بدهید";
cmt_caption[2]="یک نظر";
cmt_caption[3]="نظر";
cmt_blogid="<-BlogId->";
}
catch(e) {}
</script>
</head>
<body>
<div class="blackthemeRow blackthemePadding">
<div class="blackthemeContent">
<header class="blackthemePadding blackthemeBorderBg">
<h1><a href="<-BlogUrl->">
<-BlogTitle->
</a></h1>
<h2>
<-BlogDescription->
</h2>
</header>
<div class="blackthemeScrollTarget"></div>
<nav class="blackthemePadding">
<ul>
<li><a href="/" class="blackthemeBorderBg"><svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false"
width="1em" height="1em"
style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);"
preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
<g fill="none">
<path
d="M11.336 2.253a1 1 0 0 1 1.328 0l9 8a1 1 0 0 1-1.328 1.494L20 11.45V19a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-7.55l-.336.297a1 1 0 0 1-1.328-1.494l9-8zM6 9.67V19h3v-5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v5h3V9.671l-6-5.333l-6 5.333zM13 19v-4h-2v4h2z"
fill="currentColor" />
</g>
</svg></a></li>
<BlogProfileLinkBlock>
<li><a href="<-BlogProfileLink->" class="blackthemeBorderBg"><svg
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
aria-hidden="true" focusable="false" width="1em" height="1em"
style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);"
preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
<g fill="none">
<path
d="M12 4a4 4 0 1 0 0 8a4 4 0 0 0 0-8zM6 8a6 6 0 1 1 12 0A6 6 0 0 1 6 8zm2 10a3 3 0 0 0-3 3a1 1 0 1 1-2 0a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5a1 1 0 1 1-2 0a3 3 0 0 0-3-3H8z"
fill="currentColor" />
</g>
</svg></a></li>
</BlogProfileLinkBlock>
<BlogEmailBlock>
<li><a href="mailto:<-BlogEmail->" class="blackthemeBorderBg"><svg
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
aria-hidden="true" focusable="false" width="1em" height="1em"
style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);"
preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
<g fill="none">
<path
d="M2 6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6zm3.519 0L12 11.671L18.481 6H5.52zM20 7.329l-7.341 6.424a1 1 0 0 1-1.318 0L4 7.329V18h16V7.329z"
fill="currentColor" />
</g>
</svg></a></li>
</BlogEmailBlock>
<li><a href="<-BlogArchiveLink->" class="blackthemeBorderBg"><svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false"
width="1em" height="1em"
style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);"
preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
<g fill="none">
<path
d="M2 5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v2a2 2 0 0 1-1.017 1.742c.011.084.017.17.017.258v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9c0-.087.006-.174.017-.258A2 2 0 0 1 2 7V5zm18 2V5H4v2h16zM5 9v10h14V9H5zm3 3a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1z"
fill="currentColor" />
</g>
</svg></a></li>
</ul>
<ul class="blackthemeContentControl">
<li><a href="javascript:void(0);" class="blackthemePreviousPost blackthemeBorderBg"><svg
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
aria-hidden="true" focusable="false" width="1em" height="1em"
style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);"
preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
<g fill="none">
<path
d="M9.293 18.707a1 1 0 0 1 0-1.414L14.586 12L9.293 6.707a1 1 0 0 1 1.414-1.414l6 6a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414 0z"
fill="currentColor" />
</g>
</svg></a></li>
<li><a href="javascript:void(0);" class="blackthemeNextPost blackthemeBorderBg"><svg
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
aria-hidden="true" focusable="false" width="1em" height="1em"
style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);"
preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
<g fill="none">
<path
d="M14.707 5.293a1 1 0 0 1 0 1.414L9.414 12l5.293 5.293a1 1 0 0 1-1.414 1.414l-6-6a1 1 0 0 1 0-1.414l6-6a1 1 0 0 1 1.414 0z"
fill="currentColor" />
</g>
</svg></a></li>
<li><a href="javascript:void(0);" class="blackthemeThemeFunction blackthemeBorderBg"><svg
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
aria-hidden="true" focusable="false" width="1em" height="1em"
style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);"
preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
<g fill="none">
<path
d="M9.36 3.293a1 1 0 0 1 .187 1.157A7.45 7.45 0 0 0 19.55 14.453a1 1 0 0 1 1.343 1.343a9.45 9.45 0 1 1-12.69-12.69a1 1 0 0 1 1.158.187zM6.823 6.67A7.45 7.45 0 0 0 17.33 17.179A9.45 9.45 0 0 1 6.821 6.67z"
fill="currentColor" />
</g>
</svg><svg style="display:none;" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false"
width="1em" height="1em"
style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);"
preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
<g fill="none">
<path
d="M12 2a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0V3a1 1 0 0 1 1-1zm7.071 2.929a1 1 0 0 1 0 1.414l-.707.707a1 1 0 1 1-1.414-1.414l.707-.707a1 1 0 0 1 1.414 0zm-14.142 0a1 1 0 0 1 1.414 0l.707.707A1 1 0 0 1 5.636 7.05l-.707-.707a1 1 0 0 1 0-1.414zM12 8a4 4 0 1 0 0 8a4 4 0 0 0 0-8zm-6 4a6 6 0 1 1 12 0a6 6 0 0 1-12 0zm-4 0a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1zm17 0a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2h-1a1 1 0 0 1-1-1zM5.636 16.95a1 1 0 0 1 1.414 1.414l-.707.707a1 1 0 0 1-1.414-1.414l.707-.707zm11.314 1.414a1 1 0 0 1 1.414-1.414l.707.707a1 1 0 0 1-1.414 1.414l-.707-.707zM12 19a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1z"
fill="currentColor" />
</g>
</svg></a></li>
</ul>
</nav>
<div class="blackthemeCarousel blackthemePadding blackthemeBorderBg">
<BLOGFA>
<div class="blackthemePost">
<h2 class="blackthemePostTitle" blackthemePostNumber="<-PostId->"><a href="<-PostLink->"
title="<-PostTitle->">
<-PostTitle->
</a></h2>
<-PostContent->
<div class="blackthemeClear"></div>
<BlogExtendedPost><a href="<-PostLink->">ادامه نوشته</a></BlogExtendedPost>
<BlogPostTagsBlock>
<div class="blackthemePostTag">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
aria-hidden="true" focusable="false" width="1em" height="1em"
style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);"
preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
<g fill="none">
<path
d="M6 10.6V4a1 1 0 0 1 0-2h12a1 1 0 1 1 0 2v6.6c.932 1.02 1.432 2.034 1.699 2.834c.146.438.22.81.26 1.08a4.43 4.43 0 0 1 .04.43v.034l.001.013v.008s-.005-.131 0 .001a1 1 0 0 1-1 1h-6v5a1 1 0 1 1-2 0v-5H5a1 1 0 0 1-1-1v-.022a2.013 2.013 0 0 1 .006-.134a5.07 5.07 0 0 1 .035-.33c.04-.27.114-.642.26-1.08c.267-.8.767-1.814 1.699-2.835zM16 4H8v7a1 1 0 0 1-.293.707c-.847.847-1.271 1.678-1.486 2.293H17.78c-.215-.615-.64-1.446-1.486-2.293A1 1 0 0 1 16 11V4z"
fill="currentColor" />
</g>
</svg><span style="margin-left: 10px;">برچسب‌ها:</span> <BlogPostTags separator=", "><a href="<-TagLink->">
<-TagName->
</a></BlogPostTags>
</div>
</BlogPostTagsBlock>
<div class="blackthemePostInfo">
<span>نوشته شده در <-PostDate-> , <-PostTime-> توسط <-PostAuthor-> </span>
<BlogComment> <span dir="rtl" style="margin-right: 10px;" comment-for="<-PostId->"></span></BlogComment>
</div>
</div>
</BLOGFA>
</div>
<!-- content -->
</div>
<div class="blackthemeSide">
<div class="blackthemeSideBox blackthemeBorderBg blackthemePadding blackthemeListAddition">
<h6>لیست مطالب این صفحه<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em"
height="1em"
style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);"
preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
<g fill="none">
<path
d="M9 11.5a1 1 0 1 0 0-2a1 1 0 0 0 0 2zm2-1a1 1 0 0 1 1-1h3a1 1 0 1 1 0 2h-3a1 1 0 0 1-1-1zm1 2a1 1 0 1 0 0 2h3a1 1 0 1 0 0-2h-3zm0 3a1 1 0 1 0 0 2h3a1 1 0 1 0 0-2h-3zm-2-2a1 1 0 1 1-2 0a1 1 0 0 1 2 0zm-1 4a1 1 0 1 0 0-2a1 1 0 0 0 0 2z"
fill="currentColor" />
<path
d="M9 2a1 1 0 0 0-1 1H6a2 2 0 0 0-2 2v15a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-2a1 1 0 0 0-1-1H9zm7 3h2v15H6V5h2v1a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V5zm-6 0V4h4v1h-4z"
fill="currentColor" />
</g>
</svg></h6>
<ul class="blackthemeCarouselList"></ul>
<BlogNextAndPreviousBlock>
<div class="blackthemePagination">
<BlogPreviousPageBlock>
<a href="<-BlogPreviousPageLink->" class="blackthemePrevoius" title="مطالب جدیدتر"><svg
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
aria-hidden="true" focusable="false" width="1em" height="1em"
style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);"
preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
<g fill="none">
<path
d="M12.293 5.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414L17.586 12l-5.293-5.293a1 1 0 0 1 0-1.414zm-6 0a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414L11.586 12L6.293 6.707a1 1 0 0 1 0-1.414z"
fill="currentColor" />
</g>
</svg></a>
</BlogPreviousPageBlock>
<BlogNextPageBlock>
<a href="<-BlogNextPageLink->" class="blackthemeNext" title="مطالب قدیمیتر"><svg
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
aria-hidden="true" focusable="false" width="1em" height="1em"
style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);"
preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
<g fill="none">
<path
d="M17.707 5.293a1 1 0 0 1 0 1.414L12.414 12l5.293 5.293a1 1 0 0 1-1.414 1.414l-6-6a1 1 0 0 1 0-1.414l6-6a1 1 0 0 1 1.414 0zm-6 0a1 1 0 0 1 0 1.414L6.414 12l5.293 5.293a1 1 0 0 1-1.414 1.414l-6-6a1 1 0 0 1 0-1.414l6-6a1 1 0 0 1 1.414 0z"
fill="currentColor" />
</g>
</svg></a>
</BlogNextPageBlock>
<div class="blackthemeClear"></div>
</div>
</BlogNextAndPreviousBlock>
</div>
<BlogPreviousItemsBlock>
<div class="blackthemeSideBox blackthemeBorderBg blackthemePadding">
<h6>آخرین مطالب منتشر شده<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em"
height="1em"
style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);"
preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
<g fill="none">
<path
d="M12 2.5a1 1 0 0 1 .894.553l2.58 5.158l5.67.824a1 1 0 0 1 .554 1.706l-4.127 4.024l.928 5.674a1 1 0 0 1-1.455 1.044L12 18.807l-5.044 2.676a1 1 0 0 1-1.455-1.044l.928-5.674l-4.127-4.024a1 1 0 0 1 .554-1.706l5.67-.824l2.58-5.158A1 1 0 0 1 12 2.5zm0 3.236l-1.918 3.836a1 1 0 0 1-.75.543l-4.184.608l3.05 2.973a1 1 0 0 1 .289.878L7.8 18.771l3.731-1.98a1 1 0 0 1 .938 0l3.731 1.98l-.687-4.197a1 1 0 0 1 .289-.877l3.05-2.974l-4.183-.608a1 1 0 0 1-.75-.543L12 5.736z"
fill="currentColor" />
</g>
</svg></h6>
<ul>
<BlogPreviousItems items="15">
<li>
<h2><a href="<-PostLink->" title="<-PostDate->">
<-PostTitle->
</a></h2>
</li>
</BlogPreviousItems>
</ul>
</div>
</BlogPreviousItemsBlock>
<BlogProfile>
<div class="blackthemeSideBox blackthemeBorderBg blackthemePadding ">
<h6>بیوگرافی<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
aria-hidden="true" focusable="false" width="1em" height="1em"
style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);"
preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
<g fill="none">
<path
d="M12 4a8 8 0 1 0 0 16a8 8 0 0 0 0-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12z"
fill="currentColor" />
<path
d="M12 10a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0v-6a1 1 0 0 1 1-1zm1.5-2.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0z"
fill="currentColor" />
</g>
</svg></h6><br>
<BlogPhoto><img src="<-BlogPhotoLink->"><br></BlogPhoto>
<-BlogAbout->
</div>
</BlogProfile>
<BlogCategoriesBlock>
<div class="blackthemeSideBox blackthemeBorderBg blackthemePadding">
<h6>آرشیو موضوعی<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
aria-hidden="true" focusable="false" width="1em" height="1em"
style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);"
preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
<g fill="none">
<path
d="M2 6a2 2 0 0 1 2-2h5a1 1 0 0 1 .707.293L11.414 6H20a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6zm6.586 0H4v12h16V8h-9a1 1 0 0 1-.707-.293L8.586 6z"
fill="currentColor" />
</g>
</svg></h6>
<ul>
<BlogCategories>
<li><a href="<-CategoryLink->">
<-CategoryName->
</a></li>
</BlogCategories>
</ul>
</div>
</BlogCategoriesBlock>
<BlogTagsBlock>
<div class="blackthemeSideBox blackthemeBorderBg blackthemePadding">
<h6>برچسب‌ها<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
aria-hidden="true" focusable="false" width="1em" height="1em"
style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);"
preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
<g fill="none">
<path
d="M2 3a1 1 0 0 1 1-1h8a1 1 0 0 1 .707.293l10 10a1 1 0 0 1 0 1.414l-8 8a1 1 0 0 1-1.414 0l-10-10A1 1 0 0 1 2 11V3zm2 1v6.586l9 9L19.586 13l-9-9H4z"
fill="currentColor" />
<path d="M9 7.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0z" fill="currentColor" />
</g>
</svg></h6>
<ul>
<BlogTags>
<li><a href="<-TagLink->">
<-TagName->
</a></li>
</BlogTags>
</ul>
</div>
</BlogTagsBlock>
<BlogArchiveBlock>
<div class="blackthemeSideBox blackthemeBorderBg blackthemePadding">
<h6>نوشته‌های پیشین<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em"
height="1em"
style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);"
preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
<g fill="none">
<path
d="M9 2a1 1 0 0 1 1 1v1h4V3a1 1 0 1 1 2 0v1h3a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h3V3a1 1 0 0 1 1-1zM8 6H5v3h14V6h-3v1a1 1 0 1 1-2 0V6h-4v1a1 1 0 0 1-2 0V6zm11 5H5v8h14v-8z"
fill="currentColor" />
</g>
</svg></h6>
<ul>
<BlogArchive>
<li><a href="<-ArchiveLink->">
<-ArchiveTitle->
</a></li>
</BlogArchive>
</ul>
</div>
</BlogArchiveBlock>
<BlogAuthorsBlock>
<div class="blackthemeSideBox blackthemeBorderBg blackthemePadding">
<h6>نویسندگان<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
aria-hidden="true" focusable="false" width="1em" height="1em"
style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);"
preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
<g fill="none">
<path
d="M10 4a4 4 0 1 0 0 8a4 4 0 0 0 0-8zM4 8a6 6 0 1 1 12 0A6 6 0 0 1 4 8zm12.828-4.243a1 1 0 0 1 1.415 0a6 6 0 0 1 0 8.486a1 1 0 1 1-1.415-1.415a4 4 0 0 0 0-5.656a1 1 0 0 1 0-1.415zm.702 13a1 1 0 0 1 1.212-.727c1.328.332 2.169 1.18 2.652 2.148c.468.935.606 1.98.606 2.822a1 1 0 1 1-2 0c0-.657-.112-1.363-.394-1.928c-.267-.533-.677-.934-1.349-1.102a1 1 0 0 1-.727-1.212zM6.5 18C5.24 18 4 19.213 4 21a1 1 0 1 1-2 0c0-2.632 1.893-5 4.5-5h7c2.607 0 4.5 2.368 4.5 5a1 1 0 1 1-2 0c0-1.787-1.24-3-2.5-3h-7z"
fill="currentColor" />
</g>
</svg></h6>
<ul>
<BlogAuthors>
<li><a href="<-AuthorLink->">
<-AuthorName->
</a></li>
</BlogAuthors>
</ul>
</div>
</BlogAuthorsBlock>
<BlogLinkDumpBlock>
<div class="blackthemeSideBox blackthemeBorderBg blackthemePadding">
<h6>پیوندهای روزانه<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em"
height="1em"
style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);"
preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
<g fill="none">
<path
d="M16.2 6a1 1 0 0 1 1-1c.637 0 1.262.128 1.871.372c.663.265 1.173.658 1.636 1.12c.463.464.856.974 1.121 1.637c.244.609.372 1.234.372 1.871s-.128 1.262-.372 1.871c-.261.655-.648 1.16-1.104 1.619l-.984 1.083a.967.967 0 0 1-.033.034l-3.2 3.2c-.463.463-.973.856-1.636 1.122A5.012 5.012 0 0 1 13 19.3a5.012 5.012 0 0 1-1.871-.372c-.663-.265-1.173-.658-1.636-1.12c-.463-.464-.856-.974-1.121-1.637A5.145 5.145 0 0 1 8 14.2c0-.637.128-1.262.372-1.871c.265-.663.658-1.173 1.12-1.636l1.1-1.1a1 1 0 1 1 1.415 1.414l-1.1 1.1c-.337.337-.544.627-.678.964A3.014 3.014 0 0 0 10 14.2c0 .476.077.85.229 1.229c.134.337.341.627.678.964c.337.337.627.544.964.678c.391.157.766.229 1.129.229s.738-.072 1.129-.229c.337-.134.627-.341.964-.678l3.183-3.183l.984-1.083a.967.967 0 0 1 .033-.034c.337-.337.544-.627.678-.964c.157-.391.229-.766.229-1.129s-.072-.738-.229-1.129c-.134-.337-.341-.627-.678-.964c-.337-.337-.627-.544-.964-.679A3.014 3.014 0 0 0 17.2 7a1 1 0 0 1-1-1zm-4.9 1.5c-.363 0-.738.072-1.129.228c-.337.135-.627.342-.964.68L5.924 11.69l-.984 1.083l-.033.034c-.337.337-.544.627-.679.964A3.014 3.014 0 0 0 4 14.9c0 .363.072.738.228 1.129c.135.337.342.627.68.964c.336.337.626.544.963.679c.391.156.766.228 1.129.228a1 1 0 1 1 0 2a5.011 5.011 0 0 1-1.871-.371c-.663-.266-1.173-.659-1.636-1.122c-.463-.463-.856-.973-1.121-1.636A5.012 5.012 0 0 1 2 14.9c0-.637.128-1.262.372-1.871c.261-.655.648-1.16 1.104-1.619l.984-1.083l.033-.034l3.3-3.3c.463-.463.973-.856 1.636-1.121A5.012 5.012 0 0 1 11.3 5.5c.637 0 1.262.128 1.871.372c.663.265 1.173.658 1.636 1.12c.463.464.856.974 1.121 1.637c.244.609.372 1.234.372 1.871s-.128 1.262-.372 1.871c-.262.655-.649 1.162-1.105 1.62l-1.086 1.185a1 1 0 0 1-1.474-1.352l1.1-1.2l.03-.031c.337-.337.544-.627.678-.964c.157-.391.229-.766.229-1.129s-.072-.738-.229-1.129c-.134-.337-.341-.627-.678-.964c-.337-.337-.627-.544-.964-.679A3.014 3.014 0 0 0 11.3 7.5z"
fill="currentColor" />
</g>
</svg></h6>
<ul>
<BlogLinkDump>
<li><a href="<-LinkUrl->" target="_blank" title="<-LinkDescription->">
<-LinkTitle->
</a></li>
</BlogLinkDump>
<li><a href="/links" onclick="return openlinks();">آرشیو پیوندهای روزانه</a></li>
</ul>
</div>
</BlogLinkDumpBlock>
<BlogLinksBlock>
<div class="blackthemeSideBox blackthemeBorderBg blackthemePadding">
<h6>دوستان<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
aria-hidden="true" focusable="false" width="1em" height="1em"
style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);"
preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
<g fill="none">
<path
d="M12 4.528a6 6 0 0 0-8.243 8.715l6.829 6.828a2 2 0 0 0 2.828 0l6.829-6.828A6 6 0 0 0 12 4.528zm-1.172 1.644l.465.464a1 1 0 0 0 1.414 0l.465-.464a4 4 0 1 1 5.656 5.656L12 18.657l-6.828-6.829a4 4 0 0 1 5.656-5.656z"
fill="currentColor" />
</g>
</svg></h6>
<ul>
<BlogLinks>
<li><a href="<-LinkUrl->" target="_blank">
<-LinkTitle->
</a></li>
</BlogLinks>
</ul>
</div>
</BlogLinksBlock>
<div class="blackthemeSideBox blackthemeBorderBg blackthemePadding">
<h6>کدهای وبلاگ<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
aria-hidden="true" focusable="false" width="1em" height="1em"
style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);"
preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
<g fill="none">
<path
d="M12 4a1 1 0 0 1 1 1v14a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1zm5 4a1 1 0 0 1 1 1v10a1 1 0 1 1-2 0V9a1 1 0 0 1 1-1zM7 12a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0v-6a1 1 0 0 1 1-1z"
fill="currentColor" />
</g>
</svg></h6>
<br>
<-BlogCustomHtml->
<div class="blackthemeClear"></div>
<footer>
قالب طراحی شده توسط <h2><a href="https://blacktheme.ir/" title="قالب وبلاگ و کد وبلاگ">بلک
تم</a></h2>
</footer>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script>
<script>$('.blackthemeThemeFunction').click(function () {$(this).find('svg').toggle(0);$('body').toggleClass('blackthemeDarkStyle');});$('.blackthemePost .blackthemePostTitle').each(function () {var postNum = $(this).attr('blackthemePostNumber');var txtGet = $(this).text();$('.blackthemeCarouselList').append('<h2 blackthemePostNumber="' + postNum + '">' + txtGet + '</h2>');});$carousel = $('.blackthemeCarousel').flickity({wrapAround: false,rightToLeft: true,prevNextButtons: false,pageDots: false,draggable: false,accessibility: false,selectedAttraction: .5,friction: 1,imagesLoaded: true,adaptiveHeight: true,});$('.blackthemePreviousPost').on('click', function () {$carousel.flickity('previous', true);});$('.blackthemeNextPost').on('click', function () {$carousel.flickity('next', true);});$('.blackthemeCarouselList h2').on('click', function () {var index = $(this).index();$carousel.flickity('select', index);});function changeBlackthemePost() {$('.is-selected .blackthemePostTitle').each(function () {var postNum = $(this).attr('blackthemePostNumber');$('.blackthemeCarouselList h2').removeClass('blackthemeCarouselListSet');$('.blackthemeCarouselList').find("[blackthemePostNumber='" + postNum + "']").addClass('blackthemeCarouselListSet');});}$('.blackthemeCarouselList h2,.blackthemePreviousPost,.blackthemeNextPost').click(function () {changeBlackthemePost();$('html, body').animate({scrollTop: $(".blackthemeScrollTarget").offset().top}, 400);});changeBlackthemePost();var windowURL=window.location.href;windowURL.indexOf("post")>-1&&$(".blackthemePreviousPost,.blackthemeNextPost,.blackthemeListAddition").remove(0);</script>
<!-- theme designed by https://blacktheme.ir | Weblog Themes & code for Weblog -->
</body>
</html>
سلام، لطفا برای بلاگیکس هم قالب بذارین، ممنون.
سلام ، دوست عزیز اگر درخواست‌ها برای بلاگیکس باشه حتما اضافه میکنم .
سلام میخاستم منو کشویی برا بلاگ بیان درس کنم !؟😕
اگه میدونید بگید
سلام ، ببینید ساختن منوی کشویی راه‌های خیلی مختلفی داره ، شما در سایت https://www.w3schools.com/ میتونید هرکدی که لازم دارید رو پیدا کنید با آموزش گام به گام ، اگر باز هم نتونستین انجام بدین یک ایمیل برای من بفرستین کدتون رو برام ارسال کنید تا سرفرصت براتون انجام بدم .
سلام کاراتون حرف نداره واقعا
یه سری قالب بود در وبلاگ قبلیتون گذاشته بودین میشه کد اونها هم بذارین هر جا نبالشون میگردم نیستن اونها هم بی نظیر بودن ❤️
سلام تشکر،
بعضی قالب ها کدشون حذف شده متاسفانه اسم قالب چی بود شاید آرشیو شده باشن براتون بفرستم .
سلام ببخشید من میخواستم مطالبی جدیدی رو که توی وبلاگم میزارم بعد از مطالب قدیمیتر قرار بگیره. چجور باید این کار رو بکنم؟
میتونید از بخش زمانی در خود بلاگفا استفاده کنید زمانش رو تغییر بدین تا درست بشه .