• فونت فارسی شبنم
  • فونت فارسی ناهید
  • دسته‌بندی اختصاصی
  • اسلایدر حرفه‌ای
  • منوی کشویی
  • دو حالت روشن و تیره برای قالب
  • بخش اختصاصی تبلیغات
  • متن متحرک
  • گالری عکس
  • سه ستونه
  • سایدبار هوشمند
  • ریسپانسیو و واکنشگرا

قالب وبسایتی بلاگفا

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

تعویض حالت پیشفرض قالب

قالب بصورت پیشفرض بروی حالت روشن تنظیم شده اگر میخوای حالت تیره باشه در بخش ویرایش قالبتون این تغییرات رو انجام بدین

<body>
تغییر به : 
<body class="blackthemeStyle">

بخش گالری از تصاویر رندم استفاده شده ، لینکاشو عوض کنید

 

کپی کد قالب

<!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/shabnam-font@v5.0.1/dist/font-face.css">
<link type="text/css" rel="stylesheet" href="https://cdn.jsdelivr.net/gh/rastikerdar/nahid-font@v0.3.0/dist/font-face.css">
<style>@keyframes BlackthemeButtonI{0%{width:0;height:0}}html{line-height:1.15;-webkit-text-size-adjust:100%}body{line-height:1.8;padding:0;margin:0;direction:rtl;font-size:11pt;overflow-x:hidden}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}optgroup,select{font-family:inherit}button,input{overflow:visible}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}.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-button{position:absolute;border:0;color:#000;background-color:transparent}.flickity-button:hover{cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:24px;height:24px;display:flex;flex-direction:column;align-items:center;justify-content:center}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:-25px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:-25px}* svg,.flickity-prev-next-button .flickity-button-icon,nav ul li a{display:block}*{box-sizing:border-box}body,button,input,textarea{font-family:'nahid',sans-serif,tahoma,arial}h1,h2,h3,h4,h5,h6,nav{font-family:'shabnam',sans-serif,tahoma,arial}header,nav{margin-bottom:20px}* svg{height:32px;width:32px;user-select:none;pointer-events:none}.blackthemeBox{margin:auto}.blackthemePaddingSet{padding-right:20px;padding-left:20px}@media screen and (min-width:586px){.blackthemeBox{max-width:576px}}@media screen and (min-width:778px){.blackthemeBox{max-width:768px}}@media screen and (min-width:1002px){.blackthemeBox{max-width:992px}}@media screen and (min-width:1210px){.blackthemeBox{max-width:1200px}}nav .blackthemeBox,nav ul{display:flex;flex-direction:row;flex-wrap:wrap}nav .blackthemePadding{padding-bottom: 0px;}nav .blackthemeBox{align-items:center;justify-content:space-between}nav ul{list-style:none;margin:0;padding:0}.blackthemePadding{padding:20px}.blackthemeElement{position:relative;overflow:hidden;z-index:1}.blackthemeElement>*{pointer-events:none}nav ul li a{padding:5px 20px;margin-bottom: 20px;margin-left:10px;border-radius:5px;border:2px solid rgba(240,240,240,.2)}nav ul li:last-of-type a{margin-left:0}.blackthemeElement:hover{transition:.3s cubic-bezier(.55,.085,.68,.53);transition-delay:.3s;-webkit-transition:.3s cubic-bezier(.55,.085,.68,.53);-moz-transition:.3s cubic-bezier(.55,.085,.68,.53);-ms-transition:.3s cubic-bezier(.55,.085,.68,.53);-o-transition:.3s cubic-bezier(.55,.085,.68,.53)}.blackthemeElement i,nav ul li a svg{user-select:none;pointer-events:none}.blackthemeElement i{position:absolute;width:400px;height:400px;z-index:-1;animation:BlackthemeButtonI .3s cubic-bezier(.55,.085,.68,.53);-webkit-animation:BlackthemeButtonI .3s cubic-bezier(.55,.085,.68,.53);border-radius:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.blackthemeCarousel .blackthemeElement i{width:800px;height:800px}.blackthemeBoxShadow{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.blackthemeInfo,header .blackthemeBox{display:flex;flex-direction:row;align-items:center}header .blackthemeBox{justify-content:space-between;flex-wrap:wrap}.blackthemeInfo{margin-bottom:20px}.blackthemeInfoUrl h1{padding:0;margin:0 0 5px}.blackthemeInfoUrl h2{margin:0;padding:0;font-weight:400}.blackthemeInfoImg{margin-left:20px;min-width:150px}.blackthemeInfoImg img{display:block;max-height:130px}.blackthemeAds a{display:block;margin-bottom:10px}.blackthemeAds img{display:block}.blackthemeAds a:last-of-type,.blackthemeCategoryListUl>li>ul>li:last-of-type{margin-bottom:0}.blackthemeAds{display:flex;flex-direction:column;min-width:468px}.blackthemeCategoryListUl{flex-wrap:wrap;justify-content:center}.blackthemeCategoryList .blackthemePadding{padding-bottom:0;padding-top:0}.blackthemeCategoryListUl>li{position:relative;z-index:3}.blackthemeCategoryListUl>li>h2,.blackthemeCategoryListUl>li>ul>li>h2{display:block;margin:0;padding:0;font-size:1.1em;font-weight:400}.blackthemeCategoryListUl>li>h2>a{display:block;padding:15px 30px}.blackthemeCategoryListUl>li>ul{position:absolute;width:300px;right:0;z-index:-2;top:100%;padding:20px;opacity:0;pointer-events:none;user-select:none;overflow:hidden;list-style:none;margin:0;border-top-right-radius:0;border-top-left-radius:0}.blackthemeCategoryListUl>li:hover>ul{opacity:1;pointer-events:all;user-select:unset;transition:.3s cubic-bezier(.55,.085,.68,.53) opacity;-webkit-transition:.3s cubic-bezier(.55,.085,.68,.53) opacity;-moz-transition:.3s cubic-bezier(.55,.085,.68,.53) opacity;-ms-transition:.3s cubic-bezier(.55,.085,.68,.53) opacity;-o-transition:.3s cubic-bezier(.55,.085,.68,.53) opacity}.blackthemeCategoryListUl>li>ul>li>h2>a{width:100%}.blackthemeCategoryListUl>li>ul>li,.blackthemeSideBox ul li{margin-bottom:10px}.blackthemeCategoryListUl,.blackthemeMenuUl{margin:0;padding:0;list-style:none;display:flex;flex-direction:row}.blackthemeMenuUl li a{padding:10px 20px;display:block}.blackthemeGalleryList img,.blackthemeMedium{display:none}.blackthemeAdsBox a img,.blackthemeMediumSet{display:block}@media screen and (min-width:1002px){.blackthemeMedium{display:flex}.blackthemeSmall{display:none}}.blackthemeCarousel{padding:0;margin-left:-10px;margin-right:-10px}.blackthemeCarouselBox a h2,footer h2{margin:0;padding:0;font-weight:400;font-size:1.5em}.blackthemeCarouselBox{width:25%;padding:20px 10px}.blackthemeCarouselBox a{height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1;background-size:cover;background-position:center;background-repeat:no-repeat}.blackthemeCarouselBox a::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.blackthemeRow{display:flex;flex-direction:row;justify-content:space-between;margin-left:-10px;margin-right:-10px}.blackthemeSideRight{padding-left:10px;padding-right:10px;min-width:50%}.blackthemeSideLeft{min-width:50%}.blackthemeSideLeftFull{padding:0 10px}.blackthemeGalleryList{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding-top:10px}.blackthemeSideBox marquee{width:100%;display:block;direction:ltr;font-size:11pt}.blackthemeSideBox marquee a{font-weight:700}.blackthemeAdsBox,.blackthemeGalleryOverlay,.blackthemeSideBox h6{display:flex;flex-direction:column;align-items:center}.blackthemeAdsBox a{display:block;margin-bottom:10px}.blackthemeGalleryList .blackthemeGalleryImg{width:100px;height:100px;position:relative;overflow:hidden;background-size:cover;background-position:center;margin-left:5px;margin-right:5px;margin-bottom:10px;cursor:pointer}.blackthemeGalleryOverlay{position:fixed;height:100%;width:100%;top:0;left:0;z-index:4;justify-content:center;overflow:auto;transition:.15s cubic-bezier(.55,.085,.68,.53) opacity;-webkit-transition:.15s cubic-bezier(.55,.085,.68,.53) opacity;-moz-transition:.15s cubic-bezier(.55,.085,.68,.53) opacity;-ms-transition:.15s cubic-bezier(.55,.085,.68,.53) opacity;-o-transition:.15s cubic-bezier(.55,.085,.68,.53) opacity;opacity:0;user-select:none;pointer-events:none}.blackthemeGalleryOverlaySet{opacity:1;pointer-events:all;user-select:unset}.blackthemeGalleryOverlay img{display:block!important}.blackthemeSideLeftFlex{display:flex;flex-direction:row;position:relative;align-items:flex-start}.blackthemeSideLeftBox{min-width:50%;padding-right:10px;padding-left:10px;position:sticky;position:-webkit-sticky;top:20px}.blackthemeSideBox{padding:20px;margin-bottom:20px}.blackthemeClear{clear:both}.blackthemeSideBox h6{flex-direction:row;justify-content:space-between;padding:0;margin:0 0 30px;font-size:1.2em;color:#14213d}.blackthemeSideBox ul{list-style:none;padding:0;margin:0}.blackthemeSideBox ul li a{overflow:hidden;position:relative;display:block;padding:5px 10px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border:2px solid rgba(108,128,172,.02);background-color:#f5f5f5}.blackthemeSideBox ul li .blackthemeElement i{height:800px;width:800px}.blackthemePostBox{overflow:hidden;position:relative;margin-bottom:20px}.blackthemePostBox a{font-weight:700}.blackthemePostBoxTitle{margin:0 0 20px;padding:0}.blackthemePostInfo{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;margin:40px -20px -20px;padding-bottom:0}.blackthemePostInfoBox{display:flex;flex-direction:row;align-items:center;margin-bottom:20px}.blackthemePostInfoBox svg{margin-left:10px}.blackthemePostBox .blackthemeClear{padding-top:20px}.blackthemePagination{overflow:hidden;position:relative;margin-bottom:20px}.blackthemePrevoius{float:right}.blackthemeNext{float:left}footer{text-align:center;margin-top:40px}footer h2{font-size:inherit;display:inline-block}body{background-color:#f3f3f3}nav{background-color:#14213d}.blackthemeCategoryListUl>li>ul>li>h2>a,.blackthemeElement:hover,.blackthemeStyle .blackthemeElement:hover,.blackthemeStyle body,body{color:#000}.blackthemeCategoryListUl>li>ul,.blackthemeElement .blackthemeElementHover,.blackthemeStyle .blackthemeElement .blackthemeElementHover{background-color:#fca311}.blackthemeElement .blackthemeElementClick,.blackthemeStyle .blackthemeElement .blackthemeElementClick{background-color:#f3f3f3}.blackthemeBoxShadow{background-color:#fff;box-shadow:0 0 15px rgba(108,128,172,.3)}.blackthemeCarouselBox a,.blackthemeCategoryList,footer{color:#fff;background-color:#14213d}.blackthemePostBox a:hover,.blackthemeSideBox marquee a:hover,.blackthemeStyle .blackthemePostBox a:hover,.blackthemeStyle .blackthemeSideBox marquee a:hover{color:#fca311}.blackthemeGalleryOverlay{background-color:rgba(11,18,34,.75)}.blackthemeGalleryImg .blackthemeElementHover,.blackthemeStyle .blackthemeGalleryImg .blackthemeElementHover{background-color:rgba(253,163,18,.75)}.blackthemePostInfo{background-color:#f3f3f3;color:#14213d}.blackthemeStyle{background-color:#34445c}.blackthemeStyle nav{background-color:#001020;color:#fff}.blackthemeStyle nav ul li a{border:2px solid rgba(240,240,240,.2)}.blackthemeStyle .blackthemeBoxShadow{background-color:#1c2a44;box-shadow:0 0 15px rgb(28 42 68/20%);color:#fff}.blackthemeCategoryListUl>li>ul>li>h2>a:hover,.blackthemeStyle .blackthemeCategoryListUl>li>ul>li>h2>a,.blackthemeStyle .blackthemeCategoryListUl>li>ul>li>h2>a:hover,.blackthemeStyle .blackthemeSideBox h6,nav{color:#fff}.blackthemeStyle .blackthemeCarouselBox a,.blackthemeStyle .blackthemeCategoryList,.blackthemeStyle footer{color:#fff;background-color:#031428}.blackthemeCarouselBox a::before,.blackthemeStyle .blackthemeCarouselBox a::before{background-color:rgba(20,33,62,.3)}.blackthemeStyle .blackthemeGalleryOverlay{background-color:rgba(11,18,34,.75)}.blackthemeStyle .blackthemeSideBox ul li a{border:2px solid rgba(108,128,172,.02);background-color:#1f2f4d}.blackthemeStyle .blackthemePostInfo{background-color:#18243a;color:#fff}.blackthemeStyle .flickity-button{color:#fff}@media screen and (max-width:1002px){.blackthemeRow,header .blackthemeBox{flex-direction:column}.blackthemeSideLeft,.blackthemeSideRight{min-width:100%}.flickity-prev-next-button{display:none}.blackthemeCarouselBox{width:33.333%}.blackthemeCategoryListUl{flex-direction:column;padding-top:20px;padding-bottom:20px}.blackthemeCategoryListUl>li{border:2px solid rgba(108,128,172,.2);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;margin-bottom:20px}.blackthemeCategoryListUl>li>h2>a{padding:20px!important}.blackthemeCategoryListUl .blackthemeElement i{display:none!important}.blackthemeCategoryListUl .blackthemeElement:hover{color:inherit!important}.blackthemeCategoryListUl>li>ul{position:relative;opacity:1;pointer-events:unset;user-select:unset;top:unset;width:100%;background-color:rgba(108,128,172,.08);box-shadow:none;border-radius:none;-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none}.blackthemeCategoryListUl>li>ul>li>h2>a{color:#fff}}@media screen and (max-width:778px){.blackthemePaddingSet{padding-right:10px;padding-left:10px}.blackthemeCarouselBox{width:50%}.blackthemeSideLeftFlex{flex-direction:column}.blackthemeSideLeftBox{min-width:100%;position:relative!important;top:unset}.blackthemeInfo{flex-wrap:wrap}.blackthemeAds,.blackthemeInfoImg{min-width:unset;flex-wrap:wrap}}@media screen and (max-width:586px){.blackthemeRemoveElement{display: none;}.blackthemeCarouselBox{width:100%}.blackthemePostInfo{flex-direction: column;}}
</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>
  <nav>
    <div class="blackthemeBox blackthemePadding">
      <ul>
        <li><a href="/" class="blackthemeElement">صفحه‌اصلی</a></li>
        <BlogProfileLinkBlock>
          <li class="blackthemeRemoveElement"><a href="<-BlogProfileLink->" class="blackthemeElement">پروفایل</a></li>
        </BlogProfileLinkBlock>
        <BlogEmailBlock>
          <li class="blackthemeRemoveElement"><a href="mailto:<-BlogEmail->" class="blackthemeElement">ایمیل</a></li>
        </BlogEmailBlock>
        <li class="blackthemeRemoveElement"><a href="<-BlogArchiveLink->" class="blackthemeElement">آرشیو</a></li>
        <li class="blackthemeRemoveElement"><a href="/posts/" class="blackthemeElement">سرتیتر</a></li>
      </ul>
      <ul>
        <li>
          <a href="javascript:void(0);" class="blackthemeElement blackthemeStyleFunction"><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 16 16">
              <g fill="currentColor">
                <path fill-rule="evenodd" clip-rule="evenodd"
                  d="M8 1.003a7 7 0 0 0-7 7v.43c.09 1.51 1.91 1.79 3 .7a1.87 1.87 0 0 1 2.64 2.64c-1.1 1.16-.79 3.07.8 3.2h.6a7 7 0 1 0 0-14l-.04.03zm0 13h-.52a.58.58 0 0 1-.36-.14a.56.56 0 0 1-.15-.3a1.24 1.24 0 0 1 .35-1.08a2.87 2.87 0 0 0 0-4a2.87 2.87 0 0 0-4.06 0a1 1 0 0 1-.9.34a.41.41 0 0 1-.22-.12a.42.42 0 0 1-.1-.29v-.37a6 6 0 1 1 6 6l-.04-.04zM9 3.997a1 1 0 1 1-2 0a1 1 0 0 1 2 0zm3 7.007a1 1 0 1 1-2 0a1 1 0 0 1 2 0zm-7-5a1 1 0 1 0 0-2a1 1 0 0 0 0 2zm7-1a1 1 0 1 1-2 0a1 1 0 0 1 2 0zM13 8a1 1 0 1 1-2 0a1 1 0 0 1 2 0z" />
              </g>
            </svg></a>
        </li>
      </ul>
    </div>
  </nav>
  <header class="blackthemePaddingSet">
    <div class="blackthemeBox blackthemeBoxShadow blackthemePadding">
      <div class="blackthemeInfo">
        <BlogPhoto>
          <div class="blackthemeInfoImg">
            <img src="<-BlogPhotoLink->">
          </div>
        </BlogPhoto>
        <div class="blackthemeInfoUrl">
          <h1><a href="<-BlogUrl->">
              <-BlogTitle->
            </a></h1>
          <h2>
            <-BlogDescription->
          </h2>
        </div>

      </div>

      <div class="blackthemeAds">
        <!-- تبلیغات -->
        <a href="#">
          <img src="https://s17.picofile.com/file/8415065784/Ads_468_60.jpg" alt="">
        </a>
        <a href="#">
          <img src="https://s17.picofile.com/file/8415065784/Ads_468_60.jpg" alt="">
        </a>
      </div>

    </div>
  </header>
  <div class="blackthemePaddingSet">
    <div class="blackthemeCategoryList blackthemeBoxShadow blackthemeBox">
      <div class=" blackthemePadding">
        <ul class="blackthemeSmall blackthemeMenuUl">
          <li>
            <a href="javascript:void(0);" class="blackthemeElement blackthemeMenuFunction"><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 16 16">
                <g fill="currentColor">
                  <path d="M16 5H0V4h16v1zm0 8H0v-1h16v1zm0-4.008H0V8h16v.992z" />
                </g>
              </svg></a>
          </li>
        </ul>
        <ul class="blackthemeCategoryListUl blackthemeMedium">

          <!-- لیست کشویی -->
          <li>
            <h2><a href="#" class="blackthemeElement">موضـوع یـک</a></h2>
            <ul class="blackthemeBoxShadow">
              <li>
                <h2><a href="#">زیرموضوع یک</a></h2>
              </li>
              <li>
                <h2><a href="#">زیرموضوع دو</a></h2>
              </li>
              <li>
                <h2><a href="#">زیرموضوع سه</a></h2>
              </li>
            </ul>
          </li>
  
          <li>
            <h2><a href="#" class="blackthemeElement">موضـوع دو</a></h2>
            <ul class="blackthemeBoxShadow">
              <li>
                <h2><a href="#">زیرموضوع یک</a></h2>
              </li>
              <li>
                <h2><a href="#">زیرموضوع دو</a></h2>
              </li>
              <li>
                <h2><a href="#">زیرموضوع سه</a></h2>
              </li>
              <li>
                <h2><a href="#">زیرموضوع چهار</a></h2>
              </li>
            </ul>
          </li>
  
          <li>
            <h2><a href="#" class="blackthemeElement">موضـوع سـه</a></h2>
            <ul class="blackthemeBoxShadow">
              <li>
                <h2><a href="#">زیرموضوع یک</a></h2>
              </li>
              <li>
                <h2><a href="#">زیرموضوع دو</a></h2>
              </li>
            </ul>
          </li>
  
          <li>
            <h2><a href="#" class="blackthemeElement">موضـوع چـهـارم</a></h2>
            <ul class="blackthemeBoxShadow">
              <li>
                <h2><a href="#">زیرموضوع یک</a></h2>
              </li>
              <li>
                <h2><a href="#">زیرموضوع دو</a></h2>
              </li>
            </ul>
          </li>
  
          <li>
            <h2><a href="#" class="blackthemeElement">موضـوع پـنـجـم</a></h2>
            <ul class="blackthemeBoxShadow">
              <li>
                <h2><a href="#">زیرموضوع یک</a></h2>
              </li>
              <li>
                <h2><a href="#">زیرموضوع دو</a></h2>
              </li>
              <li>
                <h2><a href="#">زیرموضوع سه</a></h2>
              </li>
              <li>
                <h2><a href="#">زیرموضوع چهارم</a></h2>
              </li>
              <li>
                <h2><a href="#">زیرموضوع پنج</a></h2>
              </li>
              <li>
                <h2><a href="#">زیرموضوع شیش</a></h2>
              </li>
            </ul>
          </li>
  
          <li>
            <h2><a href="#" class="blackthemeElement">موضـوع آخـر</a></h2>
          </li>
  
        </ul>
      </div>
    </div>
  </div>

  <div class="blackthemePaddingSet">
    <div class="blackthemeBox ">
      <div class="blackthemeCarousel">

        <!-- اسلایدر -->
        <div class="blackthemeCarouselBox">
          <a href="/category/1" style="background-image: url('https://picsum.photos/300/320');"
            class="blackthemeElement blackthemeBoxShadow">
            <h2>موضوع اول</h2>
          </a>
        </div>
  
        <div class="blackthemeCarouselBox">
          <a href="/category/2" style="background-image: url('https://picsum.photos/300/315');"
            class="blackthemeElement blackthemeBoxShadow">
            <h2>موضوع دوم</h2>
          </a>
        </div>
  
        <div class="blackthemeCarouselBox">
          <a href="/category/3" style="background-image: url('https://picsum.photos/300/310');"
            class="blackthemeElement blackthemeBoxShadow">
            <h2>موضوع سوم</h2>
          </a>
        </div>
  
        <div class="blackthemeCarouselBox">
          <a href="/category/4" style="background-image: url('https://picsum.photos/300/305');"
            class="blackthemeElement blackthemeBoxShadow">
            <h2>موضوع چهارم</h2>
          </a>
        </div>
  
        <div class="blackthemeCarouselBox">
          <a href="/category/5" style="background-image: url('https://picsum.photos/300/300');"
            class="blackthemeElement blackthemeBoxShadow">
            <h2>موضوع پنجم</h2>
          </a>
        </div>
  
  
      </div>
    </div>
  </div>
  <div class="blackthemePaddingSet">
    <div class="blackthemeBox">
      <div class="blackthemeRow">
        <div class="blackthemeSideRight">
          <BLOGFA>
            <div class="blackthemePostBox blackthemePadding blackthemeBoxShadow">
              <h2 class="blackthemePostBoxTitle"><a href="<-PostLink->">
                  <-PostTitle->
                </a></h2>
              <-PostContent->
                <div class="blackthemeClear"></div>
                <BlogExtendedPost><a href="<-PostLink->">ادامه نوشته</a></BlogExtendedPost>
                <BlogPostTagsBlock>
                  <div class="blackthemePostTag">
                    <span>برچسب‌ها: </span>
                    <BlogPostTags separator=", "><a href="<-TagLink->">
                        <-TagName->
                      </a></BlogPostTags>
                  </div>
                </BlogPostTagsBlock>
                <div class="blackthemePostInfo blackthemePadding">
                  <div class="blackthemePostInfoBox">
                    <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 16 16">
                      <g fill="currentColor">
                        <path
                          d="M13.23 1h-1.46L3.52 9.25l-.16.22L1 13.59L2.41 15l4.12-2.36l.22-.16L15 4.23V2.77L13.23 1zM2.41 13.59l1.51-3l1.45 1.45l-2.96 1.55zm3.83-2.06L4.47 9.76l8-8l1.77 1.77l-8 8z" />
                      </g>
                    </svg>
                    <span>
                      <-PostAuthor-> ، <-PostDate-> ، <-PostTime->
                    </span>
                  </div>
                  <BlogComment>
                    <div class="blackthemePostInfoBox">
                      <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 16 16">
                        <g fill="currentColor">
                          <path fill-rule="evenodd" clip-rule="evenodd"
                            d="M4 11.29l1-1v1.42l-1.15 1.14L3 12.5V10H1.5L1 9.5v-8l.5-.5h12l.5.5V6h-1V2H2v7h1.5l.5.5v1.79zM10.29 13l1.86 1.85l.85-.35V13h1.5l.5-.5v-5l-.5-.5h-8l-.5.5v5l.5.5h3.79zm.21-1H7V8h7v4h-1.5l-.5.5v.79l-1.15-1.14l-.35-.15z" />
                        </g>
                      </svg>
                      <span dir="rtl" comment-for="<-PostId->"></span>
                    </div>
                  </BlogComment>
                </div>
            </div>
          </BLOGFA>
  
          <BlogNextAndPreviousBlock>
            <div class="blackthemePagination blackthemePadding blackthemeBoxShadow">
              <BlogPreviousPageBlock>
                <a href="<-BlogPreviousPageLink->" class="blackthemePrevoius">صفحه قبل</a>
              </BlogPreviousPageBlock>
              <BlogNextPageBlock>
                <a href="<-BlogNextPageLink->" class="blackthemeNext">صفحه بعد</a>
              </BlogNextPageBlock>
              <div class="blackthemeClear"></div>
            </div>
          </BlogNextAndPreviousBlock>
  
        </div>
        <div class="blackthemeSideLeft">
          <div class="blackthemeSideLeftFull">
            <div class="blackthemeSideBox blackthemeBoxShadow">
              <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 16 16">
                  <g fill="currentColor">
                    <path fill-rule="evenodd" clip-rule="evenodd"
                      d="M10.707 3H14.5l.5.5v9l-.5.5h-13l-.5-.5v-9l.5-.5h3.793l.853-.854L6.5 2h3l.354.146l.853.854zM2 12h12V4h-3.5l-.354-.146L9.293 3H6.707l-.853.854L5.5 4H2v8zm1.5-7a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1zM8 6a2 2 0 1 1 0 4a2 2 0 0 1 0-4zm0-1a3 3 0 1 0 0 6a3 3 0 0 0 0-6z" />
                  </g>
                </svg></h6>
              <div class="blackthemeGalleryList">

                <!-- گالری عکس -->
                <img src="https://picsum.photos/200/200" alt="">
                <img src="https://picsum.photos/200/210" alt="">
                <img src="https://picsum.photos/200/250" alt="">
                <img src="https://picsum.photos/200/220" alt="">
                <img src="https://picsum.photos/200/230" alt="">

              </div>
              <div class="blackthemeGalleryOverlay"></div>
            </div>
          </div>
          <div class="blackthemeSideLeftFull">
            <div class="blackthemeSideBox blackthemeBoxShadow">
              <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 16 16">
                  <g fill="currentColor">
                    <path
                      d="M13.377 10.573a7.63 7.63 0 0 1-.383-2.38V6.195a5.115 5.115 0 0 0-1.268-3.446a5.138 5.138 0 0 0-3.242-1.722c-.694-.072-1.4 0-2.07.227c-.67.215-1.28.574-1.794 1.053a4.923 4.923 0 0 0-1.208 1.675a5.067 5.067 0 0 0-.431 2.022v2.2a7.61 7.61 0 0 1-.383 2.37L2 12.343l.479.658h3.505c0 .526.215 1.04.586 1.412c.37.37.885.586 1.412.586c.526 0 1.04-.215 1.411-.586s.587-.886.587-1.412h3.505l.478-.658l-.586-1.77zm-4.69 3.147a.997.997 0 0 1-.705.299a.997.997 0 0 1-.706-.3a.997.997 0 0 1-.3-.705h1.999a.939.939 0 0 1-.287.706zm-5.515-1.71l.371-1.114a8.633 8.633 0 0 0 .443-2.691V6.004c0-.563.12-1.113.347-1.616c.227-.514.55-.969.969-1.34c.419-.382.91-.67 1.436-.837c.538-.18 1.1-.24 1.65-.18a4.147 4.147 0 0 1 2.597 1.4a4.133 4.133 0 0 1 1.004 2.776v2.01c0 .909.144 1.818.443 2.691l.371 1.113h-9.63v-.012z" />
                  </g>
                </svg></h6>
              <marquee behavior="scroll" direction="right" onmouseover="this.stop();" onmouseout="this.start();">
  
                لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم <a href="#">لینک درون متن</a> از صنعت چاپ و با استفاده از
                طراحان گرافیک است
  
              </marquee>
            </div>
          </div>
          <div class="blackthemeSideLeftFull">
            <div class="blackthemeSideBox blackthemeBoxShadow">
              <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 16 16">
                  <g fill="currentColor">
                    <path fill-rule="evenodd" clip-rule="evenodd"
                      d="M2 6.77l12.33-3.43l.67.53v8.6l-.67.53l-6.089-1.595a2.16 2.16 0 1 1-4.178-1.095L2 9.77l-.42-.53V7.3L2 6.77zm3.006 3.787a1.13 1.13 0 0 0-.04.242a1.17 1.17 0 0 0 2.288.347l-2.248-.589zM2.58 8.82L14 11.83V4.5L2.58 7.72v1.1z" />
                  </g>
                </svg></h6>

              <div class="blackthemeAdsBox">
                <!-- تبلیغات -->
                <a href="#"><img src="https://s17.picofile.com/file/8415065784/Ads_468_60.jpg" alt=""></a>
              </div>

            </div>
          </div>
          <div class="blackthemeSideLeftFlex">
  
            <div class="blackthemeSideLeftBox">
              <BlogProfile>
                <div class="blackthemeSideBox blackthemeBoxShadow">
                  <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 16 16">
                      <g fill="currentColor">
                        <path fill-rule="evenodd" clip-rule="evenodd"
                          d="M8.568 1.031A6.8 6.8 0 0 1 12.76 3.05a7.06 7.06 0 0 1 .46 9.39a6.85 6.85 0 0 1-8.58 1.74a7 7 0 0 1-3.12-3.5a7.12 7.12 0 0 1-.23-4.71a7 7 0 0 1 2.77-3.79a6.8 6.8 0 0 1 4.508-1.149zM9.04 13.88a5.89 5.89 0 0 0 3.41-2.07a6.07 6.07 0 0 0-.4-8.06a5.82 5.82 0 0 0-7.43-.74a6.06 6.06 0 0 0 .5 10.29a5.81 5.81 0 0 0 3.92.58zM7.375 6h1.25V5h-1.25v1zm1.25 1v4h-1.25V7h1.25z" />
                      </g>
                    </svg></h6>
                  <BlogPhoto><img src="<-BlogPhotoLink->"><br></BlogPhoto>
                  <-BlogAbout->
                </div>
              </BlogProfile>
  
              <BlogCategoriesBlock>
                <div class="blackthemeSideBox blackthemeBoxShadow">
                  <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 16 16">
                      <g fill="currentColor">
                        <path
                          d="M14.5 3H7.71l-.85-.85L6.51 2h-5l-.5.5v11l.5.5h13l.5-.5v-10L14.5 3zm-.51 8.49V13h-12V7h4.49l.35-.15l.86-.86H14v1.5l-.01 4zm0-6.49h-6.5l-.35.15l-.86.86H2v-3h4.29l.85.85l.36.15H14l-.01.99z" />
                      </g>
                    </svg></h6>
                  <ul>
                    <BlogCategories>
                      <li><a href="<-CategoryLink->" class="blackthemeElement">
                          <-CategoryName->
                        </a></li>
                    </BlogCategories>
                  </ul>
                </div>
              </BlogCategoriesBlock>
  
  
              <BlogTagsBlock>
                <div class="blackthemeSideBox blackthemeBoxShadow">
                  <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 16 16">
                      <g fill="currentColor">
                        <path fill-rule="evenodd" clip-rule="evenodd"
                          d="M13.2 2H8.017l-.353.146L1 8.81v.707L6.183 14.7h.707l2.215-2.215A4.48 4.48 0 0 0 15.65 9c.027-.166.044-.332.051-.5a4.505 4.505 0 0 0-2-3.74V2.5l-.5-.5zm-.5 2.259A4.504 4.504 0 0 0 11.2 4a.5.5 0 1 0 0 1a3.5 3.5 0 0 1 1.5.338v2.138L8.775 11.4a.506.506 0 0 0-.217.217l-2.022 2.022l-4.475-4.476L8.224 3H12.7v1.259zm1 1.792a3.5 3.5 0 0 1 1 2.449a3.438 3.438 0 0 1-.051.5a3.487 3.487 0 0 1-4.793 2.735l3.698-3.698l.146-.354V6.051z" />
                      </g>
                    </svg></h6>
                  <ul>
                    <BlogTags>
                      <li><a href="<-TagLink->" class="blackthemeElement">
                          <-TagName->
                        </a></li>
                    </BlogTags>
                  </ul>
                </div>
              </BlogTagsBlock>
  
              <BlogArchiveBlock>
                <div class="blackthemeSideBox blackthemeBoxShadow">
                  <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 16 16">
                      <g fill="currentColor">
                        <path fill-rule="evenodd" clip-rule="evenodd"
                          d="M14.5 2H13V1h-1v1H4V1H3v1H1.5l-.5.5v12l.5.5h13l.5-.5v-12l-.5-.5zM14 14H2V5h12v9zm0-10H2V3h12v1zM4 8H3v1h1V8zm-1 2h1v1H3v-1zm1 2H3v1h1v-1zm2-4h1v1H6V8zm1 2H6v1h1v-1zm-1 2h1v1H6v-1zm1-6H6v1h1V6zm2 2h1v1H9V8zm1 2H9v1h1v-1zm-1 2h1v1H9v-1zm1-6H9v1h1V6zm2 2h1v1h-1V8zm1 2h-1v1h1v-1zm-1-4h1v1h-1V6z" />
                      </g>
                    </svg></h6>
                  <ul>
                    <BlogArchive>
                      <li><a href="<-ArchiveLink->" class="blackthemeElement">
                          <-ArchiveTitle->
                        </a></li>
                    </BlogArchive>
                  </ul>
                </div>
              </BlogArchiveBlock>
            </div>
            <div class="blackthemeSideLeftBox">
  
              <BlogPreviousItemsBlock>
                <div class="blackthemeSideBox blackthemeBoxShadow">
                  <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 16 16">
                      <g fill="currentColor">
                        <path
                          d="M9.13 15l-.53-.77a1.85 1.85 0 0 0-.28-2.54a3.51 3.51 0 0 1-1.19-2c-1.56 2.23-.75 3.46 0 4.55l-.55.76A4.4 4.4 0 0 1 3 10.46S2.79 8.3 5.28 6.19c0 0 2.82-2.61 1.84-4.54L7.83 1a6.57 6.57 0 0 1 2.61 6.94a2.57 2.57 0 0 0 .56-.81l.87-.07c.07.12 1.84 2.93.89 5.3A4.72 4.72 0 0 1 9.13 15zm-2-6.95l.87.39a3 3 0 0 0 .92 2.48a2.64 2.64 0 0 1 1 2.8A3.241 3.241 0 0 0 11.8 12a4.87 4.87 0 0 0-.41-3.63a1.85 1.85 0 0 1-1.84.86l-.35-.68a5.31 5.31 0 0 0-.89-5.8C8.17 4.87 6 6.83 5.93 6.94C3.86 8.7 4 10.33 4 10.4a3.47 3.47 0 0 0 1.59 3.14C5 12.14 5 10.46 7.16 8.05h-.03z" />
                      </g>
                    </svg></h6>
  
                  <ul>
                    <BlogPreviousItems items="15">
                      <li>
                        <a href="<-PostLink->" title="<-PostDate->" class="blackthemeElement">
                          <-PostTitle->
                        </a>
                      </li>
                    </BlogPreviousItems>
                  </ul>
                </div>
              </BlogPreviousItemsBlock>
  
              <BlogAuthorsBlock>
                <div class="blackthemeSideBox blackthemeBoxShadow">
                  <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 16 16">
                      <g fill="currentColor">
                        <path fill-rule="evenodd" clip-rule="evenodd"
                          d="M9.111 4.663A2 2 0 1 1 6.89 1.337a2 2 0 0 1 2.222 3.326zm-.555-2.494A1 1 0 1 0 7.444 3.83a1 1 0 0 0 1.112-1.66zm2.61.03a1.494 1.494 0 0 1 1.895.188a1.513 1.513 0 0 1-.487 2.46a1.492 1.492 0 0 1-1.635-.326a1.512 1.512 0 0 1 .228-2.321zm.48 1.61a.499.499 0 1 0 .705-.708a.509.509 0 0 0-.351-.15a.499.499 0 0 0-.5.503a.51.51 0 0 0 .146.356zM3.19 12.487H5v1.005H3.19a1.197 1.197 0 0 1-.842-.357a1.21 1.21 0 0 1-.348-.85v-1.81a.997.997 0 0 1-.71-.332A1.007 1.007 0 0 1 1 9.408V7.226c.003-.472.19-.923.52-1.258c.329-.331.774-.52 1.24-.523H4.6a2.912 2.912 0 0 0-.55 1.006H2.76a.798.798 0 0 0-.54.232a.777.777 0 0 0-.22.543v2.232h1v2.826a.202.202 0 0 0 .05.151a.24.24 0 0 0 .14.05zm7.3-6.518a1.765 1.765 0 0 0-1.25-.523H6.76a1.765 1.765 0 0 0-1.24.523c-.33.335-.517.786-.52 1.258v3.178a1.06 1.06 0 0 0 .29.734a1 1 0 0 0 .71.332v2.323a1.202 1.202 0 0 0 .35.855c.18.168.407.277.65.312h2a1.15 1.15 0 0 0 1-1.167V11.47a.997.997 0 0 0 .71-.332a1.006 1.006 0 0 0 .29-.734V7.226a1.8 1.8 0 0 0-.51-1.258zM10 10.454H9v3.34a.202.202 0 0 1-.06.14a.17.17 0 0 1-.14.06H7.19a.21.21 0 0 1-.2-.2v-3.34H6V7.226c0-.203.079-.398.22-.543a.798.798 0 0 1 .54-.232h2.48a.778.778 0 0 1 .705.48a.748.748 0 0 1 .055.295v3.228zm2.81 3.037H11v-1.005h1.8a.24.24 0 0 0 .14-.05a.2.2 0 0 0 .06-.152V9.458h1V7.226a.777.777 0 0 0-.22-.543a.798.798 0 0 0-.54-.232h-1.29a2.91 2.91 0 0 0-.55-1.006h1.84a1.77 1.77 0 0 1 1.24.523c.33.335.517.786.52 1.258v2.182c0 .273-.103.535-.289.733c-.186.199-.44.318-.711.333v1.81c0 .319-.125.624-.348.85a1.197 1.197 0 0 1-.842.357zM4 1.945a1.494 1.494 0 0 0-1.386.932A1.517 1.517 0 0 0 2.94 4.52A1.497 1.497 0 0 0 5.5 3.454c0-.4-.158-.784-.44-1.067A1.496 1.496 0 0 0 4 1.945zm0 2.012a.499.499 0 0 1-.5-.503a.504.504 0 0 1 .5-.503a.509.509 0 0 1 .5.503a.504.504 0 0 1-.5.503z" />
                      </g>
                    </svg></h6>
                  <ul>
                    <BlogAuthors>
                      <li><a href="<-AuthorLink->" class="blackthemeElement">
                          <-AuthorName->
                        </a></li>
                    </BlogAuthors>
                  </ul>
                </div>
              </BlogAuthorsBlock>
  
              <BlogLinkDumpBlock>
                <div class="blackthemeSideBox blackthemeBoxShadow">
                  <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 16 16">
                      <g fill="currentColor">
                        <path fill-rule="evenodd" clip-rule="evenodd"
                          d="M4.4 3h3.085a3.4 3.4 0 0 1 3.4 3.4v.205A3.4 3.4 0 0 1 7.485 10H7V9h.485A2.4 2.4 0 0 0 9.88 6.61V6.4A2.4 2.4 0 0 0 7.49 4H4.4A2.4 2.4 0 0 0 2 6.4v.205A2.394 2.394 0 0 0 4 8.96v1a3.4 3.4 0 0 1-3-3.35V6.4A3.405 3.405 0 0 1 4.4 3zM12 7.04v-1a3.4 3.4 0 0 1 3 3.36v.205A3.405 3.405 0 0 1 11.605 13h-3.09A3.4 3.4 0 0 1 5.12 9.61V9.4A3.4 3.4 0 0 1 8.515 6H9v1h-.485A2.4 2.4 0 0 0 6.12 9.4v.205A2.4 2.4 0 0 0 8.515 12h3.09A2.4 2.4 0 0 0 14 9.61V9.4a2.394 2.394 0 0 0-2-2.36z" />
                      </g>
                    </svg></h6>
                  <ul>
                    <BlogLinkDump>
                      <li><a href="<-LinkUrl->" target="_blank" title="<-LinkDescription->" class="blackthemeElement">
                          <-LinkTitle->
                        </a></li>
                    </BlogLinkDump>
                    <li><a href="/links" onclick="return openlinks();" class="blackthemeElement">آرشیو پیوندهای روزانه</a>
                    </li>
                  </ul>
                </div>
              </BlogLinkDumpBlock>
  
              <BlogLinksBlock>
                <div class="blackthemeSideBox blackthemeBoxShadow">
                  <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 16 16">
                      <g fill="currentColor">
                        <path
                          d="M14.88 4.78a3.489 3.489 0 0 0-.37-.9a3.24 3.24 0 0 0-.6-.79a3.78 3.78 0 0 0-1.21-.81a3.74 3.74 0 0 0-2.84 0a4 4 0 0 0-1.16.75l-.05.06l-.65.65l-.65-.65l-.05-.06a4 4 0 0 0-1.16-.75a3.74 3.74 0 0 0-2.84 0a3.78 3.78 0 0 0-1.21.81a3.55 3.55 0 0 0-.97 1.69a3.75 3.75 0 0 0-.12 1c0 .317.04.633.12.94a4 4 0 0 0 .36.89a3.8 3.8 0 0 0 .61.79L8 14.31l5.91-5.91c.237-.233.44-.5.6-.79A3.578 3.578 0 0 0 15 5.78a3.747 3.747 0 0 0-.12-1zm-1 1.63a2.69 2.69 0 0 1-.69 1.21l-5.21 5.2l-5.21-5.2a2.9 2.9 0 0 1-.44-.57a3 3 0 0 1-.27-.65a3.25 3.25 0 0 1-.08-.69A3.36 3.36 0 0 1 2.06 5a2.8 2.8 0 0 1 .27-.65c.12-.21.268-.4.44-.57a2.91 2.91 0 0 1 .89-.6a2.8 2.8 0 0 1 2.08 0c.33.137.628.338.88.59l1.36 1.37l1.36-1.37a2.72 2.72 0 0 1 .88-.59a2.8 2.8 0 0 1 2.08 0c.331.143.633.347.89.6c.174.165.32.357.43.57a2.69 2.69 0 0 1 .35 1.34a2.6 2.6 0 0 1-.06.72h-.03z" />
                      </g>
                    </svg></h6>
                  <ul>
                    <BlogLinks>
                      <li><a href="<-LinkUrl->" target="_blank" class="blackthemeElement">
                          <-LinkTitle->
                        </a></li>
                    </BlogLinks>
                  </ul>
                </div>
              </BlogLinksBlock>
  
              <div class="blackthemeSideBox blackthemeBoxShadow">
                <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 16 16">
                    <g fill="currentColor">
                      <path
                        d="M4.708 5.578L2.061 8.224l2.647 2.646l-.708.708l-3-3V7.87l3-3l.708.708zm7-.708L11 5.578l2.647 2.646L11 10.87l.708.708l3-3V7.87l-3-3zM4.908 13l.894.448l5-10L9.908 3l-5 10z" />
                    </g>
                  </svg></h6>
                <-BlogCustomHtml->
                  <div class="blackthemeClear"></div>
              </div>
            </div>
  
          </div>
          <div class="blackthemeSideLeftFull">
            <div class="blackthemeSideBox blackthemeBoxShadow">
              <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 16 16">
                  <g fill="currentColor">
                    <path fill-rule="evenodd" clip-rule="evenodd"
                      d="M2 6.77l12.33-3.43l.67.53v8.6l-.67.53l-6.089-1.595a2.16 2.16 0 1 1-4.178-1.095L2 9.77l-.42-.53V7.3L2 6.77zm3.006 3.787a1.13 1.13 0 0 0-.04.242a1.17 1.17 0 0 0 2.288.347l-2.248-.589zM2.58 8.82L14 11.83V4.5L2.58 7.72v1.1z" />
                  </g>
                </svg></h6>
  
              <div class="blackthemeAdsBox">
                <!-- تبلیغات -->
                <a href="#"><img src="https://s17.picofile.com/file/8415065784/Ads_468_60.jpg" alt=""></a>
              </div>
            </div>
          </div>
        </div>
  
      </div>
    </div>
  </div>
  <footer>
    <div class="blackthemeBox blackthemePadding">
      قالب طراحی شده توسط <h2><a href="https://blacktheme.ir/" title="قالب وبلاگ و کد وبلاگ">بلک تم</a></h2>
    </div>
  </footer>
  <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>$(".blackthemeStyleFunction").click((function(){$("body").toggleClass("blackthemeStyle")})),$(".blackthemeMenuFunction").click((function(){$(".blackthemeMedium").toggleClass("blackthemeMediumSet")})),$(".blackthemeGalleryList img").each((function(){var getGalleryImgAttr=$(this).attr("src");$(".blackthemeGalleryList").append('<div class="blackthemeGalleryImg blackthemeElement" data-img='+getGalleryImgAttr+' style="background-image:url('+getGalleryImgAttr+');"></div>')})),$(".blackthemeGalleryImg").click((function(){var getImgSrc=$(this).attr("data-img");$(".blackthemeGalleryOverlay").addClass("blackthemeGalleryOverlaySet"),$(".blackthemeGalleryOverlay").html('<img src="'+getImgSrc+'">')})),$(".blackthemeGalleryOverlay").click((function(){$(".blackthemeGalleryOverlay").removeClass("blackthemeGalleryOverlaySet"),$(".blackthemeGalleryOverlay").empty()})),$(".blackthemeElement").mouseover((function(event){relX=event.pageX-$(this).offset().left,relY=event.pageY-$(this).offset().top,$(this).append('<i class="blackthemeElementHover" style="left:'+relX+"px;top:"+relY+'px;"></i>')})),$(".blackthemeElement").click((function(event){relX=event.pageX-$(this).offset().left,relY=event.pageY-$(this).offset().top,$(this).append('<i class="blackthemeElementClick" style="left:'+relX+"px;top:"+relY+'px;"></i>')})),$(".blackthemeElement").mouseleave((function(){$(this).children("i").remove()})),$(".blackthemeCarousel").flickity({rightToLeft:!0,pageDots:!1,cellAlign:"right",wrapAround:"true",autoPlay:4e3,lazyLoad:!0});</script>
  <!-- theme designed by https://blacktheme.ir  | Weblog Themes & code for Weblog -->
</body>
</html>

قالب بلاگفا

قالب بلاگفاقالب بلاگفا وبسایتیقالب حرفه ای بلاگفاقالب رایگان وبسایت بلاگفاقالب ساده وبسایتقالب ساده وبلاگقالب سه ستونهقالب سه ستونه بلاگفاقالب وبسایتقالب وبسایتی بلاگفاقالب وبسایتی سه ستونهقالب وبلاگ

۴۴ دیدگاه

  • سلام
    دمت گرم بابت اشتراک‌گذاریِ این همه قالب زیبا و حرفه‌ای
    بهت پیشنهاد می‌کنم همینها رو به بلاگ بیان هم ترجمه کنی و حتی هزینه دریافت کنی. وبلاگنویسای زیادی توی بیان هستن که دوست دارن قالبهایی از این دست داشته باشن.
    قطعا خودتم میدونی امکاناتی مثل جدابودنِ ادامه مطلب از صفحه اصلی توی بیان وجود داره که دست طراح رو خیلی باز می کنه.
    امیدوارم همیشه بدرخشی 🙂

    • سلام ، خواهش میکنم
      ممنون از پیشنهادت ، ترجمه کردن و طراحی قالب‌های بیان رو نظر دارم انجام بدم
      🙂 تشکر ، شما هم همینطور عزیز

  • سلام
    ممنون بابت قالبای زیباتون
    فقط یه سوال در مورد این قالب داشتم
    چجوری باید برای هر زیرموضوع در منوی کشویی بالای قالب لینک مشخصی تنظیم کنم؟
    برای همین وبلاگ درسی که آدرسش رو گذاشتم میخوام
    که در موضوعات اسم مباحث و در قسمت زیر موضوع اسم فصل های هر درس اگه امکان پذیر هست
    ممنون میشم پاسخ بدین

    • سلام خواهش میکنم ، ببینید من برای لینک ها هشتگ گذاشتم تا خودتون به دلخواه تغییر بدین ، کد زیر یک نمونه هستش

      <li>
      <h2><a href="/category/1" class="blackthemeElement">شیمی</a></h2>
      <ul class="blackthemeBoxShadow">
          <li>
          <h2><a href="/category/2">ساختار عناصر</a></h2>
          </li>
          <li>
          <h2><a href="/category/3">استوکیومتری</a></h2>
          </li>
      </ul>
      </li>

      الان موضوع اصلی شیمی هستش با لینک /category/1
      و دو تا زیر موضوع براش درنظر گرفته شده با لینک های /category/2 و /category/3

    • سلام خیلی خوب و شیک و پیک
      یک سول داشتم چطور باید برای ارشیو موضوعی زیر مجموعه بسازم؟
      خیلی ممنون

      • سلام ، نظرلطفتونه
        دوست عزیز از موضوع و زیر مجموعه موضوع که اضافه شده استفاده کنید و اگر بیشتر احتیاج داشتین از نمونه کد کلون بسازید .

  • سلام خسته نباشید امکانش هست یک قالب برای بلاگفا طراحی کنید که مثل قالب سایت نمره پلاس و نمره برتر باشه اگر بشه خیلی عالی میشه

  • سلام این قالبو با مبدل قالب بلاگیکس میتونم تبدیلش کنم؟
    راستی میسی از قالباتون خیلی عالین 😍

    • سلام ، بنده با کارایی این مبدل آشنا نیستم ، کدهای بلاگفا استفاده شد در این قالب اگر تبدیل کننده درست عمل کنه مشکلی نیست
      خواهش میکنم 🙂

  • سلاموقت بخیر من قبلا اون یکی سایتتون رو دنبال میکردم و داخلش قالب تیره بود ولی این نه اگر میشه برای این قالب های زیبا هم قالب تیره بزارین

    • سلام تشکر وقت شما هم بخیر باشه ، بله یکسری از کدها متاسفانه پاک شدن ، ولی بعضی‌هاشون در دسترس هست کدوم قالب بود تا چک کنم اگر بود براتون ارسال کنم .

  • سلام و عرض ادب من همین قالب رو دوست دارم فقط هر کاری میکنم نمیتونم به طرح تیره تبدیل کنمشاگه میشه بهم بگین

  • درود مشکل قالب دو تا مورد هست که نمیشه بیشتر از ۳ تا پست رو صفحه داشت و صفحه بندی زیر هدر نداره اصلا حتی ارشیو رو به طور کامل نمیاره اگه بتونید این مشکل رو برطرف کنید ممنون میشم

  • سلام ممنونم از زحمات شما فقط سوال داشتم من میرم رو موضوع ۵ تو اسلایدر ولی نمیدونم کجا آدرس صفحه جداگانه‌ای که باز کردم بزن که وقتی رو ش بزنم بره اونجا ممنون میشم اگه راهنمایی کنید

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

  • سلام. یه سوال داشتم که اگه کمک کنی واقعا سپاس گذار میشم.
    من دسته بندی تصویری این قالب رو واسه ی وبلاگم حذف کردم_ چطوری میشه دسته بندی منویی این رو بالاتر بیارم و بذارمش کنار نام وبلاگ؟
    راستی قالب های منو دار خیل خوبن دستت درد نکنه

    • سلام دوست عزیز شما باید به css تسلط داشته باشید برای اینکار چون کار زیاد داره اینکه باید به بخش ریسپانسیو بودنش هم بپردازید !

  • سلام وقتتون بخیر
    ممنون بخاطر قالب فوق العادتون قالبای شما همیشه منو شگفت زده میکنه!
    ببخشید فقط یک سوال داشتم خدمتتون، اگه بخوایم اون کد تبلیغات رو به پاورپوینت تغییر بدیم باید باید پاورپوینت رو آپلود کنیم؟ بعد لینک اون رو چجوری توی قالب قرار بدیم؟! خیلی باعث زحمتتون میشه ولی یک دنیا ممنونتون میشم

    • سلام وقت شما هم بخیر باشه ،
      خواهش میکنم .
      یعنی شما میخواید یک پاور پوینت در جای عکس تبلیغات قرار بدین ؟ اگر منظورتون این باشه شما میتونید یک عکس از پاورپوینت درست کنید و بزارید جای عکس سپس لینک پاور پوینت رو جای # در تگ <a href="#"><img src="https://s17.picofile.com/file/8415065784/Ads_468_60.jpg" alt=""></a> قرار بدین .

  • سلام میشه یکم راهنمایی کنید تا من بتونم توی اسلایدر و در بخش دسته بندی تصویری لینک موضوع قرار بدم؟
    با تشکر در ضمن قالب های منو دارتون عالی هستن!

  • با عرض سلام و وقت بخیر.
    اسم واقعی شما چیه؟
    کجا زندگی می کنید؟
    چند سالتونه و مرد هستید یا خانم؟
    با تشکر و ممنون از قالب وبسایت خوبتون

دیدگاهتان را بنویسید

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