قالب اسلایدری بلاگفا

این قالب فقط و فقط برای وبلاگ‌های خاص و حرفه‌ای طراحی شده ، در قالب فقط یک پست نمایش داده میشه و با استفاده از دکمه‌های اضافه شده و محتوای ساید کناری که لیست مطالب موجود در صفحه رو نشون میده میشه سایر پست‎‌ها رو هم دید دقیقا مثل یک اسلایدر ، عوض کننده تم هم اضافه شده ، ای کاش نویسنده خوبی بودم و یک وبلاگ خوب درست میکردم و با این قالب کار میکردم 😁 ، در این قالب همه بخش‌های اختصاصی بلاگفا اضافه شده ، این قالب بنظرم یکی ازباحال ترین قالب‌هایی هستش که تابحال طراحی کردم ، به راحتی هم میتونید ویرایشش کنید و استایلای دلخواهتون رو بهش اضافه کنید . امیدوارم که خوشتون اومده باشه .

  • فونت فارسی شبنم
  • فونت فارسی صمیم
  • طرح‌های تیره و روشن
  • اسلایدر پست
  • لیست پست‌های موجود در هر صفحه
  • ریسپانسیو و واکنشگرا
<!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>

 

کد قالب اسلایدری ساده

قالب بلاگفا

دانلود قالب بلاگفادانلود قالب رایگان بلاگفادانلود قالب وبلاگقالب اختصاصی بلاگفاقالب اسلایدری بلاگفاقالب بلک تمقالب جدید بلاگفاقالب خاص بلاگفاقالب روشن بلاگفاقالب ساده بلاگفاکد قالب بلاگفا

۸ دیدگاه

پاسخ دادن به بلک تم لغو پاسخ

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *