بلک تم

قالب چندمنظوره بلاگفا

پروژه‌ها قالب بلاگفا قالب چندمنظوره بلاگفا
قالب چندمنظوره بلاگفا
  • فونت فارسی شبنم
  • منوی محو شونده
  • دسته‌بندی اختصاصی
  • ادامه مطلب اختصاصی
  • هدر تصویر دار
  • ریسپانسیو و واکنشگرا
پیشنمایش قالبدموی قالب بصورت زندهپیشنمایش قالبدموی قالب بصورت زنده
دانلود قالبدریافت کد به صورت فایل zipدانلود قالبدریافت کد به صورت فایل zip

قالب چندمنظوره بلاگفا

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

در کد قالبتون به دنبال این تکه کد بگردین

<a href="#" class="blackthemeCategory">
        <!-- عکس موضوع -->
	<img src="https://picsum.photos/400/300" alt="">
	<div class="blackthemeCategoryContent">
		<h2>موضوع اول</h2>
		<p>توضیح کوتاه درباره کتگوری</p>
	</div>
</a>

هریک ازین تکه کدها یک دسته‌بندی رو با یک تصویر نشون میدن ( در حالت پیشفرض ۶ تکه کد قرار دادیم در قالب ) اگر خواستین بیشتر کنید ازهمین تکه کد به ۶ تای دیگه اضافه کنید یا کمترش کنید

تغییر لینک، تصویر، عنوان و توضیح کوتاه موضوع

<a href="#" class="blackthemeCategory">
برای تغییر لینک به جای هشتگ لینک خودتون رو بذارید
مثلا دسته بندی سوم رو میخوام بذارم
آدرس : /category/3/
<a href="/category/3/" class="blackthemeCategory">
به این صورت اگر کسی بروی این عکس کلیک کنه وارد دسته بندی سوم وبلاگم میشه

تغییر تصویر موضوع
<img src="https://picsum.photos/400/300" alt="">
 تغییر به 
<img src="http://new.jpg" alt="">

<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}img{max-width:100%}*{box-sizing:border-box}body{background-color:#fff;line-height:1.8;padding:0;margin:0;direction:rtl;font-size:11pt;color:#111}body,button,input,textarea{font-family:shabnam,sans-serif,tahoma,arial}a{text-decoration:none;color:inherit}.blackthemePadding{padding:20px 40px}header{background-color:#111;background:url(https://s17.picofile.com/file/8414193192/%D9%82%D8%A7%D9%84%D8%A8_%DA%86%D9%86%D8%AF%D9%85%D9%86%D8%B8%D9%88%D8%B1%D9%87_%D8%A8%D9%84%D8%A7%DA%AF%D9%81%D8%A7.jpg) no-repeat center center;background-size:cover;color:#fff;position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:80px;text-shadow:1px 1px 1px #111}header::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,7%,.25);pointer-events:none}header .blackthemeHeaderFlex{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;flex-wrap:wrap;position:absolute;z-index:1;width:100%;top:0;left:0}nav ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;font-weight:700}nav ul li{margin-left:20px}nav ul li:last-of-type{margin-left:0}header h1{font-size:20pt;margin:0;padding:0}.blackthemeDescription{padding-top:120px;padding-bottom:120px;position:relative;z-index:1}.blackthemeDescription .blackthemeBlogPostTitle{display:none}.blackthemeMediumPart{max-width:992px;margin:auto}.blackthemeDescription h2{font-size:22pt}.blackthemeShortText{padding-top:60px;padding-bottom:60px;font-size:12pt}.blackthemeShortText .blackthemeMediumPart{display:flex;flex-direction:row;align-items:flex-start}.blackthemeShortText svg{display:block;min-width:42px;width:42px;height:42px}.blackthemeShortText .blackthemeShortTextContent{padding-right:20px}.blackthemeShortTextContent h6{font-size:18pt;margin:0;padding:0}.blackthemeShortTextContent p{margin:0}.blackthemeCategoryList{display:flex;flex-direction:row;align-items:stretch;flex-wrap:wrap;background-color:#111;text-shadow:1px 1px 1px #111}.blackthemeCategory{width:33.333333%;height:300px;background-color:#111;display:block;background-size:42px;background-position:center center;color:#fff;position:relative;background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='lightgrey' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' %3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'%3E%3C/circle%3E%3Cpolyline points='21 15 16 10 5 21'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;overflow:hidden}.blackthemeCategory::before{content:'';background-color:hsla(0,0%,7%,.15);height:100%;width:100%;position:absolute}.blackthemeCategory::after{content:'';background-color:hsla(0,0%,7%,.85);position:absolute;bottom:0;right:0;top:0;height:100%;width:100%;opacity:0;margin:auto;transition:.5s cubic-bezier(.215,.61,.355,1);background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' opacity='.4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' class='feather feather-link'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'%3E%3C/path%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'%3E%3C/path%3E%3C/svg%3E");background-size:32px;background-repeat:no-repeat;background-position:center center}.blackthemeCategory:hover::after{opacity:1}.blackthemeCategory:hover .blackthemeCategoryContent h2,.blackthemeCategory:hover .blackthemeCategoryContent p{opacity:1}.blackthemeCategory img{display:none}.blackthemeCategory .blackthemeCategoryContent{position:absolute;z-index:1;bottom:0;left:0;width:100%;padding:40px}.blackthemeCategoryContent h2{font-size:20pt;margin:0;padding:0;opacity:.8;transition:.4s cubic-bezier(.19,1,.22,1)}.blackthemeCategoryContent p{font-size:10pt;margin:0;opacity:.4;transition:.4s cubic-bezier(.19,1,.22,1)}.blackthemeSpace{height:100px}.blackthemePostBox{margin-bottom:40px;border-radius:5px;border:2px solid #f5f5f5}.blackthemeShortTextPost{background:#fff;color:#111}.blackthemeClear{clear:both}.blackthemePostInfo{padding-top:40px;padding-bottom:20px;color:#777}.blackthemePostComment,.blackthemePostDetail{display:flex;flex-direction:row;align-items:center}.blackthemePostComment svg,.blackthemePostDetail svg{border-radius:50%;border:2px solid #f1f1f1;display:flex;align-items:center;flex-wrap:wrap;justify-content:center;width:50px;height:50px;padding:10px}.blackthemePostDetialInfo{display:flex;flex-direction:column;align-items:flex-start;padding-right:10px}.blackthemePostInfo{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:space-between}.blackthemePostComment span{padding-right:20px}.blackthemePostBox .blackthemePostTitle{margin:20px 0 20px 0;padding:0}.blackthemePostMore{text-align:left;margin-bottom:20px;margin-top:20px}.blackthemePostMore a{padding:10px 20px;border-radius:5px;border:2px solid #f3f3f3;transition:.3s cubic-bezier(.215,.61,.355,1)}.blackthemePostMore a:hover{color:#fff;background-color:#111}.blackthemePostComment svg,.blackthemePostDetail svg{transition:.3s cubic-bezier(.215,.61,.355,1)}.blackthemePostComment:hover svg,.blackthemePostDetail:hover svg{background-color:#111;color:#fff;transform:scale(.85)}.blackthemePagination{margin-bottom:40px}.blackthemePagination a{padding:10px 20px;border-radius:5px;border:2px solid #f3f3f3;transition:.3s cubic-bezier(.215,.61,.355,1)}.blackthemePagination a:hover{color:#fff;background-color:#111}.blackthemePrevious{float:right}.blackthemeNext{float:left}footer{background-color:#111;color:#fff}footer .blackthemeMediumPart{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}footer h2{font-size:11pt;font-weight:400;margin:0;padding:0}.blackthemeSidebar{position:fixed;left:-350px;width:350px;top:0;height:100%;overflow:auto;background-color:#fff;color:#111;z-index:3;padding-top:40px;padding-bottom:40px;transition:.3s cubic-bezier(.165,.84,.44,1);will-change:scroll-position}.blackthemeSidebarSet{left:0}.blackthemeBox{position:relative}.blackthemeOverlay{position:absolute;height:100%;width:100%;top:0;right:0;z-index:2;background-color:hsla(0,0%,7%,.55);opacity:0;pointer-events:none;cursor:pointer;transition:.3s cubic-bezier(.165,.84,.44,1) opacity}.blackthemeOverlaySet{opacity:1;pointer-events:all}.blackthemeSidebarBox h6{font-size:11pt;padding:0;margin:0 0 10px 0}.blackthemeSidebarBox ul{margin:0;padding:0;list-style:none}.blackthemeSidebarBox{margin-bottom:40px}.blackthemeSidebarBox ul li a{color:#777}.blackthemeSidebarBox ul li a:hover{color:#111}@media screen and (max-width:992px){.blackthemePagination{padding-right:40px;padding-left:40px}.blackthemePostBox{border-bottom:none;border-left:none;border-right:none}}@media screen and (max-width:768px){.blackthemeCategory{width:50%}}@media screen and (max-width:576px){.blackthemeCategory{width:100%;height:200px}.blackthemeCategory .blackthemeCategoryContent{padding:40px 20px}.blackthemePadding{padding:40px 20px}.blackthemePagination{padding-right:20px;padding-left:20px}nav ul li{display:none}nav ul .blackthemeSaveElemenet{display:block}}</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="blackthemeBox">
    <header>
      <div class="blackthemePadding blackthemeHeaderFlex">
        <nav>
          <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>
            <li class="blackthemeSaveElemenet"><a href="javascript:void(0);" class="blackthemeMenuFunction">							
              <svg xmlns="http://www.w3.org/2000/svg" style="display: block;color:#fff;filter:drop-shadow(1px 1px #111)" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <line x1="3" y1="12" x2="21" y2="12"></line>
                <line x1="3" y1="6" x2="21" y2="6"></line>
                <line x1="3" y1="18" x2="21" y2="18"></line>
              </svg>
            </a></li>
          </ul>
        </nav>
        <div class="blackthemeBlogInfo">
          <h1><a href="<-BlogUrl->">
              <-BlogTitle->
            </a></h1>
        </div>

      </div>
      <div class="blackthemeDescription blackthemePadding">
        <div class="blackthemeMediumPart">
          <h2 class="blackthemeBlogDescription">
            <-BlogDescription->
          </h2>
        </div>
      </div>
    </header>
    <div class="blackthemeShortText blackthemePadding blackthemeRemoveElemenet">
      <div class="blackthemeMediumPart">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-grid"><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>
        <div class="blackthemeShortTextContent">
          <h6>موضوعات</h6>
          <p>
            دسته‌بندی مطالب و نوشته‌های وبلاگ
          </p>
        </div>
      </div>
    </div>

    <div class="blackthemeCategoryList blackthemeRemoveElemenet">

      <a href="#" class="blackthemeCategory">
        <!-- عکس موضوع -->
        <img src="https://picsum.photos/400/300" alt="">
        <div class="blackthemeCategoryContent">
          <h2>موضوع اول</h2>
          <p>توضیح کوتاه درباره کتگوری</p>
        </div>
      </a>
      <a href="#" class="blackthemeCategory">
        <img src="https://picsum.photos/500/300" alt="">
        <div class="blackthemeCategoryContent">
          <h2>موضوع دوم</h2>
          <p>توضیح کوتاه درباره کتگوری</p>
        </div>
      </a>
      <a href="#" class="blackthemeCategory">
        <img src="https://picsum.photos/600/300" alt="">
        <div class="blackthemeCategoryContent">
          <h2>موضوع سوم</h2>
          <p>توضیح کوتاه درباره کتگوری</p>
        </div>
      </a>
      <a href="#" class="blackthemeCategory">
        <img src="https://picsum.photos/450/300" alt="">
        <div class="blackthemeCategoryContent">
          <h2>موضوع چهارم</h2>
          <p>توضیح کوتاه درباره کتگوری</p>
        </div>
      </a>
      <a href="#" class="blackthemeCategory">
        <img src="https://picsum.photos/420/300" alt="">
        <div class="blackthemeCategoryContent">
          <h2>موضوع پنجم</h2>
          <p>توضیح کوتاه درباره کتگوری</p>
        </div>
      </a>
      <a href="#" class="blackthemeCategory">
        <img src="https://picsum.photos/410/300" alt="">
        <div class="blackthemeCategoryContent">
          <h2>موضوع ششم</h2>
          <p>توضیح کوتاه درباره کتگوری</p>
        </div>
      </a>
      
    </div>

    <div class="blackthemeShortText blackthemePadding">
      <div class="blackthemeMediumPart">
        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor"
          stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
          <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>
        <div class="blackthemeShortTextContent">
          <h6>نوشته‌ها</h6>
          <p>
            مطالب انتشار شده در وبلاگ
          </p>
        </div>
      </div>
    </div>
    <div class="blackthemeMediumPart">
      <BLOGFA>
        <div class="blackthemePostBox blackthemePadding">
          <h2 class="blackthemePostTitle"><a href="<-PostLink->"><-PostTitle-></a></h2>
          <div class="blackthemePostContent">
            <-PostContent->
            <div class="blackthemeClear"></div>
            <BlogExtendedPost><div class="blackthemePostMore"><a href="<-PostLink->">ادامه نوشته</a></div></BlogExtendedPost>
          
            <BlogPostTagsBlock>
                <div class="blackthemePostTag">
                    <span>برچسب‌ها: </span><BlogPostTags separator=", "><a href="<-TagLink->"><-TagName-></a></BlogPostTags>
                </div>
            </BlogPostTagsBlock> 
          </div>
          <div class="blackthemePostInfo">
            <BlogComment>
            <div class="blackthemePostComment">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                  stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-message-square">
                  <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 class="blackthemePostDetail">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user">
                <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>
              <div class="blackthemePostDetialInfo">
                <span><-PostAuthor-></span>
                <span><-PostDate-> - <-PostTime-></span>
              </div>
            </div>
          </div>
        </div>
      </BLOGFA>

      
      <BlogNextAndPreviousBlock>
        <div class="blackthemePagination">
          <BlogPreviousPageBlock>
            <a href="<-BlogPreviousPageLink->" class="blackthemePrevious">صفحه قبلی</a>
          </BlogPreviousPageBlock>
          <BlogNextPageBlock>
            <a href="<-BlogNextPageLink->" class="blackthemeNext">صفحه بعدی</a>
          </BlogNextPageBlock>
          <div class="blackthemeClear"></div>
        </div>
      </BlogNextAndPreviousBlock>
      
      <div class="blackthemePostBox blackthemePadding">
        <h6 style="font-size: 14pt;" class="blackthemePostTitle">کدهای وبلاگ</h6>
        <-BlogCustomHtml->
        <div class="blackthemeClear"></div>
      </div>

    </div>
    <footer class="blackthemePadding">
      <div class="blackthemeMediumPart">
        <h2>
          وبلاگ ساخته شده توسط <-BlogTitle->
        </h2>
        <h2>
          قالب طراحی شده توسط <a href="https://blacktheme.ir/" target="_blank" title="قالب وبلاگ و کد وبلاگ">بلک تم</a>
        </h2>
      </div>
    </footer>
    <!-- box -->
    <div class="blackthemeOverlay"></div>
  </div>
  <div class="blackthemeSidebar blackthemePadding">
    
<BlogProfile>
  <div class="blackthemeSidebarBox">
    <h6>بیوگرافی</h6>
    <BlogPhoto><img src="<-BlogPhotoLink->" ><br></BlogPhoto>
    <-BlogAbout->
    </div>
  </BlogProfile>
  
  
   <BlogLinkDumpBlock>
          <div class="blackthemeSidebarBox">
            <h6>پیوندهای روزانه</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>
  
  
  
  <BlogArchiveBlock>
        <div class="blackthemeSidebarBox">
          <h6>نوشته‌های پیشین</h6>
          <ul>
            <BlogArchive>
              <li><a href="<-ArchiveLink->"><-ArchiveTitle-></a></li>
            </BlogArchive>
          </ul>
        </div>
  </BlogArchiveBlock>
  
  
  
   <BlogCategoriesBlock>
          <div class="blackthemeSidebarBox">
            <h6>آرشیو موضوعی</h6>
            <ul>
              <BlogCategories>
                <li><a href="<-CategoryLink->"><-CategoryName-></a></li>
              </BlogCategories>
            </ul>
          </div>
  </BlogCategoriesBlock>
  
  
  <BlogTagsBlock>
          <div class="blackthemeSidebarBox">
            <h6>برچسب‌ها</h6>
            <ul>
              <BlogTags>
                 <li><a href="<-TagLink->"><-TagName-></a> <span>(<-TagCount->)</span></li>
              </BlogTags>
            </ul>
          </div>
  </BlogTagsBlock>
  
  
  
  <BlogAuthorsBlock>
          <div class="blackthemeSidebarBox">
            <h6>نویسندگان</h6>
            <ul>
              <BlogAuthors>
                <li><a href="<-AuthorLink->"><-AuthorName-></a></li>
              </BlogAuthors>
            </ul>
          </div>
  </BlogAuthorsBlock>
  
  
  
  <BlogLinksBlock>
          <div class="blackthemeSidebarBox">
            <h6>پیوندها</h6>
            <ul>
              <BlogLinks>
                <li><a href="<-LinkUrl->" target="_blank"><-LinkTitle-></a></li>
              </BlogLinks>
            </ul>
          </div>
  </BlogLinksBlock>
  
    <!-- side -->
  </div>


</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>$(".blackthemeMenuFunction").click((function(){$(".blackthemeSidebar").addClass("blackthemeSidebarSet"),$(".blackthemeOverlay").addClass("blackthemeOverlaySet"),$(".blackthemeBox").addClass("blackthemeBoxSet")})),$(".blackthemeOverlay").click((function(){$(".blackthemeSidebar").removeClass("blackthemeSidebarSet"),$(".blackthemeOverlay").removeClass("blackthemeOverlaySet"),$(".blackthemeBox").removeClass("blackthemeBoxSet")})),$(".blackthemeCategory").each((function(){if($(this).find("img").length){var catImg=$(this).find("img").attr("src");$(this).css({"background-image":' url("'+catImg+'")',"background-size":"cover"})}}));var windowURL=window.location.href;windowURL.indexOf("post")>-1&&$(".blackthemeRemoveElemenet").remove();</script>
</html>

 

قالب بلاگفا

قالب چندمنظوره بلاگفاقالب چندمنظوره وبلاگقالب ساده بلاگفاقالب شیک بلاگفاقالب گالری بلاگفاقالب موضوعی بلاگفاقالب وبلاگ بلاگفاکد قالب بلاگفا

فیسبوکتوئیترواتس اپتلگرامایمیللینک کوتاه

۲۱ دیدگاه

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

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