قالب سه ستونه بلاگفا

قالب سه ستونه بلاگفا

قالب در عین ساده بودن بسیار شیک و مناسب برای همه نوع وبلاگی هستش ، طراحی طوری بوده که همه طیف‌ها رو در بربگیره ، در این قالب دسته‌بندی تصویری با حالت اسلایدر قرار داده شده که به قالب روح زنده بودن بخشیده ( چقد پیازداغ‌شو زیاد کردم 🙂 ) ، در این قالب بخش آخرین نوشته ها هم اضافه شده تعداد پیشفرض ۱۵ مطلب رو نشون میده

  • فونت فارسی شبنم
  • دسته بندی موضوع با تصویر
  • اسلایدر
  • ریسپانسیو و واکنشگرا

تغییر عکس ، لینک و متن موضوع

بریم سراغ نحوه تغییر عکس دسته بندی و مخلفاتش

کد زیر رو یکی از تکه کدهای دسته بندی هستش ، به طور پیشفرض ۵ کد برای دسته بندی در قالب قرار داده شده برای اضافه کردن یکی ازین تکه کدها رو به قبلی ها اضافه کنید ،

<a href="/category/1" style="background-image: url('https://picsum.photos/600/300');" class="blackthemeCarouselBox" >
    <div class="blackthemeCarouselContent">
    <h2>موضوع اول</h2>
    <p>توضیح کوتاه درباره موضوع</p>
    </div>
</a>

در خط ۱ کدبالا ما این کد رو داریم

<a href="/category/1" style="background-image: url('https://picsum.photos/600/300');" class="blackthemeCarouselBox" >

لینک موضوع : /category/1
لینک عکس موضوع : https://picsum.photos/600/300

برای تغییر دادن لینک و عکس ۲ تا کد بالارو تغییر بدین

در خط ۳ و ۴ هم کدهای زیر رو داریم

<h2>موضوع اول</h2>
<p>توضیح کوتاه درباره موضوع</p>

که مشخصه هرکدوم چه نقشی دارن

کپی کد قالب

<!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">
<style>html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}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}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}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}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-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}.flickity-button{position:absolute;background:0 0;border:none;color:#f4c613;border-radius:5px}.flickity-button:hover{border:2px solid #f4c613;background:#212226;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:44px;height:44px;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}img{max-width:100%}*{box-sizing:border-box}body{background-color:#f4f4f4;line-height:1.8;padding:0;margin:0;direction:rtl;font-size:11pt;color:#000}body,button,input,textarea{font-family:shabnam,sans-serif,tahoma,arial}a{text-decoration:none;color:inherit}.blackthemeBox{margin:auto;max-width:1300px}.blackthemePadding{padding:20px}nav{background-color:#212226;color:#fff}nav .blackthemeBox{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}nav svg{display:block}nav a:hover{color:#f4c613}header nav ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:row;flex-wrap:wrap}header nav ul li{margin-left:15px}header nav ul li:last-of-type{margin-left:0}header{background-color:#fff}header h1,header h2{margin:0;padding:0}header h1{font-size:25pt}header h2{padding-top:10px;font-weight:400}.blackthemeSmallWidth{display:none}.blackthemeInfo{text-align:center;padding-bottom:50px;padding-top:50px}.blackthemeCarousel{padding-top:20px;padding-bottom:20px;background-color:#212226}.blackthemeCarouselBox{will-change: scroll-position;width:620px;margin-left:20px;position:relative;height:240px;display:flex;flex-direction:column;justify-content:center;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1;border-radius:5px}.blackthemeCarouselBox:hover{outline-width:0}.blackthemeCarouselBox:hover .blackthemeCarouselContent h2{color:#000}.blackthemeCarouselBox:hover .blackthemeCarouselContent p{opacity:1;transition:.3s cubic-bezier(.215,.61,.355,1) .3s}.blackthemeCarouselBox:hover .blackthemeCarouselContent h2::before{width:100%}.blackthemeCarouselBox::before{content:'';position:absolute;height:100%;width:100%;background-color:hsla(228,7%,14%,.3);z-index:-1;transition:.3s cubic-bezier(.215,.61,.355,1)}.blackthemeCarouselBox:hover::before{background-color:hsla(228,7%,14%,.75)}.blackthemeCarouselContent{padding:0 40px;text-align:center}.blackthemeCarouselContent h2,.blackthemeCarouselContent p{margin:0;padding:0;margin-block-end:none}.blackthemeCarouselContent h2{font-size:22pt;color:#f4c613;display:inline-block;padding:10px 20px;transition:.3s cubic-bezier(.215,.61,.355,1);position:relative;z-index:1;border:2px solid #f4c613;overflow:hidden;border-radius:5px}.blackthemeCarouselContent h2::before{content:'';position:absolute;top:0;height:100%;width:0;right:0;background-color:#f4c613;z-index:-1;pointer-events:none;transition:.3s cubic-bezier(.215,.61,.355,1)}.blackthemeCarouselContent{position:relative}.blackthemeCarouselContent p{font-size:13pt;opacity:0;overflow:hidden;position:absolute;left:0;width:100%;color:#fff}.blackthemeRow{display:flex;flex-direction:row;justify-content:stretch;align-items:stretch}.blackthemeContent{width:100%;padding:0 20px}.blackthemeSideRight{order:-2}.blackthemeSide{min-width:300px;max-width:300px;width:100%}.blackthemeSideBox{background-color:#fff;padding:20px;margin-bottom:20px;border-radius:5px;overflow:hidden;box-shadow:0 0 15px hsla(228,7%,14%,.3)}.blackthemeSideBox ul{list-style:none;padding:0;margin:0 -5px 0 -5px}.blackthemeSideBox ul li{margin-bottom:5px}.blackthemeSideBox ul li:last-of-type{margin-bottom:0}.blackthemeSideBox ul li a{display:block;padding:5px 10px;background-color:#f4f4f4;position:relative;z-index:1;border-radius:5px;overflow:hidden}.blackthemeSideBox ul li a::before{background-color:#f4c613;content:'';position:absolute;right:0;height:100%;width:0;top:0;transition:.35s cubic-bezier(.215,.61,.355,1);z-index:-1;pointer-events:none}.blackthemeSideBox ul li a:hover::before{width:100%}.blackthemeSideBox h6{background-color:#212226;padding:15px;margin:0;color:#fff;font-size:12pt;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin:-20px -20px 20px -20px}.blackthemeSideBox h6 svg{display:block;color:#f4c613}.blackthemePostBox{padding:20px;margin-bottom:20px;box-shadow:0 0 15px hsla(228,7%,14%,.3);overflow:hidden;border-radius:5px;background-color:#fff}.blackthemePostBox a{font-weight:700}.blackthemePostBox a:hover{color:#f4c613}.blackthemePostBox .blackthemePostBoxTitle{background-color:#212226;color:#fff;margin:-20px -20px 20px -20px;padding:20px}.blackthemePostInfo{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;padding-top:20px}.blackthemePostInfoBox{display:flex;flex-direction:row;align-items: center;flex-wrap:wrap}.blackthemeClear{clear:both}.blackthemePostBox .blackthemeClear{padding-top:20px}.blackthemePostInfoBox svg{margin-left:10px}.blackthemePagination{padding:20px;background-color:#fff;margin-bottom:20px;box-shadow:0 0 15px hsla(228,7%,14%,.3);overflow:hidden;border-radius:5px}.blackthemePrevoius{float:right}.blackthemeNext{float:left}footer{text-align:center;background-color:#212226;color:#fff;padding:40px 20px}footer h2{display:inline-block;padding:0;margin:0;font-weight:400;font-size:inherit;color:#f4c613}.blackthemeCarouselBox{pointer-events:none;filter:blur(1px) grayscale(1);transition:.3s cubic-bezier(.175,.885,.32,1.275) filter}.is-selected{pointer-events:all;filter:none}@media screen and (max-width:1200px){.blackthemeCarouselBox{width:48%}.blackthemeSide{min-width:250px;max-width:250px}}@media screen and (max-width:992px){.blackthemeCarouselBox{width:80%}.blackthemeSide{min-width:250px;max-width:250px}.blackthemeRow{flex-direction:column}.blackthemeSideRight{order:unset}.blackthemeContent{padding-right:0;padding-left:0}.blackthemeSide{min-width:100%;max-width:100%}}@media screen and (max-width:768px){body{font-size: 10pt;}.blackthemePostBoxTitle{font-size:12pt;}.blackthemeCarouselContent h2{font-size:16pt}.blackthemeCarouselContent p{font-size:11pt}.blackthemeCarouselBox{width:100%}.blackthemePostInfo{flex-direction: column;}.blackthemePostInfoBox{margin-bottom: 10px;}.blackthemePostInfoBox svg{width:24px;height: 24px;}}</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>
  <header>
    <nav>

      <div class="blackthemeBox blackthemePadding">
        <ul>
          <li><a href="/">خانه</a></li>
          <BlogProfileLinkBlock><li><a href="<-BlogProfileLink->">پروفایل</a></li></BlogProfileLinkBlock>
          <BlogEmailBlock><li><a href="mailto:<-BlogEmail->">ایمیل</a></li></BlogEmailBlock>
          <li><a href="<-BlogArchiveLink->">آرشیو</a></li>
          <li><a href="/posts/">سرتیتر</a></li>
        </ul>

      </div>

    </nav>
    <div class="blackthemeBox blackthemePadding">
    <div class="blackthemeInfo">
      <h1><a href="<-BlogUrl->"><-BlogTitle-></a></h1>
      <h2><-BlogDescription-></h2>
    </div>
  </div>

  </header>
  
  <div class="blackthemeCarousel">

<a href="/category/1" style="background-image: url('https://picsum.photos/600/300');" class="blackthemeCarouselBox" >
    <div class="blackthemeCarouselContent">
    <h2>موضوع اول</h2>
    <p>توضیح کوتاه درباره موضوع</p>
    </div>
</a>

    <a href="/category/2" style="background-image: url('https://picsum.photos/620/300');" class="blackthemeCarouselBox" >
      <div class="blackthemeCarouselContent">
        <h2>موضوع دوم</h2>
        <p>توضیح کوتاه درباره موضوع</p>
      </div>
    </a>

    <a href="/category/3" style="background-image: url('https://picsum.photos/610/300');" class="blackthemeCarouselBox" >
      <div class="blackthemeCarouselContent">
        <h2>موضوع سوم</h2>
        <p>توضیح کوتاه درباره موضوع</p>
      </div>
    </a>

    <a href="/category/4" style="background-image: url('https://picsum.photos/640/300');" class="blackthemeCarouselBox" >
      <div class="blackthemeCarouselContent">
        <h2>موضوع چهارم</h2>
        <p>توضیح کوتاه درباره موضوع</p>
      </div>
    </a>

    <a href="/category/4" style="background-image: url('https://picsum.photos/650/300');" class="blackthemeCarouselBox" >
        <div class="blackthemeCarouselContent">
          <h2>موضوع پنجم</h2>
          <p>توضیح کوتاه درباره موضوع</p>
        </div>
    </a>

  </div>

  <div class="blackthemeBox blackthemePadding">
    <div class="blackthemeRow">
  
      <div class="blackthemeContent">
        <BLOGFA>
          <div class="blackthemePostBox">
            <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">
        <div class="blackthemePostInfoBox">
          <svg viewBox="0 0 24 24" width="28" height="28" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
          <span><-PostDate-> , <-PostTime-></span>
        </div>

        <div class="blackthemePostInfoBox">
          <svg viewBox="0 0 24 24" width="28" height="28" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
          <span><-PostAuthor-></span>
        </div>

        <BlogComment>
          <div class="blackthemePostInfoBox">
            <svg viewBox="0 0 24 24" width="28" height="28" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg>
            <span dir="rtl" comment-for="<-PostId->"></span>
          </div>
        </BlogComment>

      </div>



          </div>
        </BLOGFA>
        <BlogNextAndPreviousBlock>
          <div class="blackthemePagination">
          <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="blackthemeSideRight blackthemeSide">
      
        <BlogProfile>
          <div class="blackthemeSideBox">
            <h6>بیوگرافی<svg viewBox="0 0 24 24" width="28" height="28" stroke="currentColor" stroke-width="1.5" fill="none"
                stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1">
                <circle cx="12" cy="12" r="10"></circle>
                <line x1="12" y1="16" x2="12" y2="12"></line>
                <line x1="12" y1="8" x2="12.01" y2="8"></line>
              </svg></h6>
            <BlogPhoto><img src="<-BlogPhotoLink->"><br></BlogPhoto>
            <-BlogAbout->
          </div>
        </BlogProfile>
      
        <BlogCategoriesBlock>
          <div class="blackthemeSideBox">
            <h6>آرشیو موضوعی<svg viewBox="0 0 24 24" width="28" height="28" stroke="currentColor" stroke-width="1.5"
                fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1">
                <rect x="3" y="3" width="7" height="7"></rect>
                <rect x="14" y="3" width="7" height="7"></rect>
                <rect x="14" y="14" width="7" height="7"></rect>
                <rect x="3" y="14" width="7" height="7"></rect>
              </svg></h6>
            <ul>
              <BlogCategories>
                <li><a href="<-CategoryLink->">
                    <-CategoryName->
                  </a></li>
              </BlogCategories>
            </ul>
          </div>
        </BlogCategoriesBlock>
      
      
        <BlogTagsBlock>
          <div class="blackthemeSideBox">
            <h6>برچسب‌ها<svg viewBox="0 0 24 24" width="28" height="28" stroke="currentColor" stroke-width="1.5" fill="none"
                stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1">
                <path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"></path>
                <line x1="7" y1="7" x2="7.01" y2="7"></line>
              </svg></h6>
            <ul>
              <BlogTags>
                <li><a href="<-TagLink->">
                    <-TagName->
                  </a></li>
              </BlogTags>
            </ul>
          </div>
        </BlogTagsBlock>
      
        <BlogArchiveBlock>
          <div class="blackthemeSideBox">
            <h6>نوشته‌های پیشین<svg viewBox="0 0 24 24" width="28" height="28" stroke="currentColor" stroke-width="1.5"
                fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1">
                <rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
                <line x1="16" y1="2" x2="16" y2="6"></line>
                <line x1="8" y1="2" x2="8" y2="6"></line>
                <line x1="3" y1="10" x2="21" y2="10"></line>
              </svg></h6>
            <ul>
              <BlogArchive>
                <li><a href="<-ArchiveLink->">
                    <-ArchiveTitle->
                  </a></li>
              </BlogArchive>
            </ul>
          </div>
        </BlogArchiveBlock>
      
      
      </div>
      
      <div class="blackthemeSideLeft blackthemeSide">
      
        <BlogPreviousItemsBlock>
          <div class="blackthemeSideBox">
            <h6>آخرین نوشته‌ها<svg viewBox="0 0 24 24" width="28" height="28" stroke="currentColor" stroke-width="1.5"
                fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1">
                <path d="M12 20h9"></path>
                <path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"></path>
              </svg></h6>
      
            <ul>
              <BlogPreviousItems items="15">
                <li>
                  <a href="<-PostLink->" title="<-PostDate->">
                    <-PostTitle->
                  </a>
                </li>
              </BlogPreviousItems>
            </ul>
          </div>
        </BlogPreviousItemsBlock>
      
        <BlogAuthorsBlock>
          <div class="blackthemeSideBox">
            <h6>نویسندگان<svg viewBox="0 0 24 24" width="28" height="28" stroke="currentColor" stroke-width="1.5" fill="none"
                stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1">
                <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
                <circle cx="9" cy="7" r="4"></circle>
                <path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
                <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
              </svg></h6>
            <ul>
              <BlogAuthors>
                <li><a href="<-AuthorLink->">
                    <-AuthorName->
                  </a></li>
              </BlogAuthors>
            </ul>
          </div>
        </BlogAuthorsBlock>
      
        <BlogLinkDumpBlock>
          <div class="blackthemeSideBox">
            <h6>پیوندهای روزانه<svg viewBox="0 0 24 24" width="28" height="28" stroke="currentColor" stroke-width="1.5"
                fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1">
                <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path>
                <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path>
              </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">
            <h6>دوستان<svg viewBox="0 0 24 24" width="28" height="28" stroke="currentColor" stroke-width="1.5" fill="none"
                stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1">
                <path
                  d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z">
                </path>
              </svg></h6>
            <ul>
              <BlogLinks>
                <li><a href="<-LinkUrl->" target="_blank">
                    <-LinkTitle->
                  </a></li>
              </BlogLinks>
            </ul>
          </div>
        </BlogLinksBlock>
      
      
        <div class="blackthemeSideBox">
          <h6>کدهای وبلاگ<svg viewBox="0 0 24 24" width="28" height="28" stroke="currentColor" stroke-width="1.5" fill="none"
              stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1">
              <polyline points="16 18 22 12 16 6"></polyline>
              <polyline points="8 6 2 12 8 18"></polyline>
            </svg></h6>
          <-BlogCustomHtml->
            <div class="blackthemeClear"></div>
        </div>
      
      
      </div>


    </div>
  
  </div>

  <footer>
    <div class="blackthemeBox">
      قالب طراحی شده توسط <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>
    $(".blackthemeCarousel").flickity({rightToLeft:!0,pageDots:!1,cellAlign:"center",wrapAround:"true",autoPlay:4e3,lazyLoad:!0});
  </script>
</body>
</html>

قالب بلاگفا

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

۶ دیدگاه

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

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