قالب آیت الله خامنه ای برای بلاگفا نسخه 0.1

ویژگی های این قالب :

ریسپانسیو است و در دستگاه های کوچک تر مثل موبایل به راحتی تغییر سایز می دهد
کم حجم است و سریع لود می شود
استفاده از رنگ های متنوع برای جذابیت بیشتر
دارای فونت زیبای شهاب

پیش نمایش قالب

دریافت کد بلاگفا در ادامه مطلب

*در قسمت درباره وبلاگ ، عکس و توضیحاتی که در مورد خودتان است را می توانید قرار دهید

* در تب پروفایل ، پروفایل شما که شامل اطلاعاتی است که در پروفایل وبلاگ تان وارد می کنید

درصورت داشتن سوال، در قسمت نظرات بیان فرمایید

کد باکس زیر را کپی کنید

<!DOCTYPE html>
        <html lang="en">
        <head>
            <script  language="javascript">
                function GetBC(lngPostid)
                 {
                     intTimeZone=<-BlogTimeZone->;
                     strBlogId="<-BlogId->";
                     intCount=-1;
                     strResult="";
                     try {
                    for (i=0;i<BlogComments.length;i+=2)
                    {
                         if (BlogComments[i]==lngPostid)
                         intCount=BlogComments[i+1] ;
                    }
                         }  catch( e) {
                         }
                  if ( intCount==-1)  strResult="آرشیو نظرات";
                  if ( intCount==0)  strResult="نظر بدهید";
                  if ( intCount==1)  strResult="یک نظر";
                  if ( intCount>1)  strResult=intCount + " نظر" ;
                
                strUrl="http://commenting.blogfa.com/?blogid=" +strBlogId + "&postid=" + lngPostid + "&timezone=" + intTimeZone ;
                strResult ="<a href=\"javascript:void(0)\" onclick=\"javascript:window.open('" + strUrl + "','blogfa_comments','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no ,width=500px,height=500px')\" >" +  strResult + " </a>" ;
              
                document.write ( strResult ) ;
               }
               
              function OpenLD()
              {
                window.open('LinkDump.aspx','blogfa_ld','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no ,width=500px,height=500px');
                return true;
              }
              </script>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <meta http-equiv="X-UA-Compatible" content="ie=edge">
            <title><-BlogTitle-></title>
            <link rel="stylesheet" href="http://cdn.font-store.ir/shahab.css">
            
            <style>
                body{
                    background:url('https://www.smokeriseranch.com/wp-content/uploads/2014/06/Wooden-Background.jpg');
                }
                *{
        
                    font-family: 'shahab',tahoma;
                }
                a{
                    text-decoration: none;
                }
                .contentcat , .archive{
                    text-align: center;
                    padding: 10px;
                }
               
                .all{
                    
                    width: 100%;
                    height: auto;
                }
                .head img{
                    width: 70%;
                    height: auto;
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                    margin-bottom: 10px;
                    margin-top: 80px;
                    border-radius: 30px;
                }
                
                .leftcloumn{
                    border-radius: 30px;
                    width: 30%;
                    height: auto;
                    background:url('https://i.stack.imgur.com/jGlzr.png');
                    float: left;
                    margin: 5px;
                    
                }
                .title{
                    text-align: center;
                    padding-top: 10px;
                    padding-bottom: 10px;
                    font-size: 18px;
                    background-color: yellow;
                    border-radius: 30px;
        
                }
                .content{
                    direction: rtl;
                    text-align: justify;
                    padding: 10px;
                    font-size: 15px;
                }
                .row{
                    width: 100%;
                    height: auto;
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                }
                .rightcloumn{
                    border-radius: 30px;
                    width: 68%;
                    height: auto;
                    background :url('https://i.stack.imgur.com/jGlzr.png');
                    float: left;
                    margin: 5px;
                }
                .catblock , .archiveblock ,.aboutblock{
                   display: block;
        
                    width: 80%;
                    height: auto;
                    margin: auto;
                    margin-top: 20px;
                    margin-bottom: 20px;
                    padding: 15px;
                    border: 2px black dotted;
                    border-radius: 30px;
                    background-color: whitesmoke;
                }
                .postblock {
                    width: 90%;
                    height: auto;
                    background-color: whitesmoke;
                    border-radius: 30px;
                    border: 2px dotted rebeccapurple;
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                    margin-top: 10px;
                    margin-bottom: 10px;
                }
                .titlepost{
                    margin-top: 10px;
                    margin-bottom: 10px;
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                    background-color: yellow;
                    border-radius: 30px;
                    width: 80%;
                    height: auto;
                    padding-top: 10px;
                    padding-bottom: 10px;
                    text-align: center;
                }
                .contentpost{
                    text-align: justify;
                    direction: rtl;
                    padding: 20px;
                    height: auto;
                    width: 90%;
                }
                .postblock button{
                    padding: 15px;
                    margin-bottom:10px ;
                    margin-left: 10px;
                    font-size: 15px;
                    border-radius: 20px;
                }
                .comment{
                    
                   
                    
                    margin-bottom: 10px;
                    margin-left: 10px;
                    
                }
                .about img{
                    width: 70%;
                    height: auto;
                    margin-top: 15px;
                    margin-bottom: 15px;
                    padding: 10px;
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                    border-radius: 20px;
                }
                .content{
                    text-align: center;
                }
                .menu{
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                    
                    position: absolute;
                    
                    top: 0;
                    border: 1px solid;
                    background-color: rgba(28, 34, 28, 0.932);
                    border-radius: 10px;
                    text-align: right;
                    direction: rtl;
                    width: 99%;
                    height: auto;
                    color: white;
                    
        
                }
                .menu div{
                    display: inline-block;
                    margin: 20px;
                    
                    
                }
                .menu > div > a{
                    color: white;
                }
                .NextAndPrevious{
                    margin: 10px;
                }
                .new , .old{
                    border: 2px red dotted;
                    padding: 10px;
                    border-radius: 10px;
                    
                    margin-left: 10px;
                    margin-right: 10px;
                    margin-top: 15px;
                    margin-bottom:15px;
                    background-color: rgb(0, 255, 85);
                }
                .flexbox{
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                }
                .footer{
                    clear: both;
                    width: 100%;
                    height:auto;
                    text-align: center;
                    margin-top: 10px;
                    margin-bottom: 20px;
                    
                }
                .footer a{
                    color: rgb(204, 135, 57);
                    font-size: 12px;
                    
                }
                .footer a:hover{
                    color: white;
                }
        
                @media screen and (max-width:1000px) {
                    .leftcloumn , .rightcloumn{
                        width: 100%;
                    }
                    
                }
            </style>
        </head>
        <body>
            <div class="all">
                <div class="menu">
                    <div><a href="<-BlogUrl->">خانه</a></div>
                    <BlogProfileLinkBlock>
                        <div><a target="_blank" href="<-BlogProfileLink->">پروفایل</a></div>
                    </BlogProfileLinkBlock>
                    
                    
                </div>
                <div class="head">
                    <img src="https://8pic.ir/uploads/2_b7c29.jpg" alt="">
                </div>
                
                <div class="row">
                    
                    <div class="leftcloumn">
                        <div class="aboutblock">
                            <BlogProfile>
                           
                           
                            <div class="about">
                                <div class="title">درباره وبلاگ</div>
                                <BlogProfile>
                                   <BlogPhoto>
                                    <img src="<-BlogPhotoLink->" >
                                   </BlogPhoto>
                                   
                                        <div class="content"><-BlogAbout-></div>
                                
                                </BlogProfile>
                                </div>
                            </BlogProfile>
                        </div>
                        
                       
                        <div class="catblock">
                            <div class="title">موضوع ها</div>
                        <BlogCategoriesBlock>
                            <BlogCategories>
                                
                                <div class="contentcat"><a href="<-CategoryLink->"><-CategoryName-></a></div>
                            </BlogCategories>
                            
                        </BlogCategoriesBlock>
                        </div>
                        <div class="archiveblock">
                            <div class="title">آرشیو </div>
                            <BlogArchive maxitems="10">
                                
                                <div class="archive"><a href="<-ArchiveLink->"><-ArchiveTitle-></a></div>
                            </BlogArchive>
                        </div>
                        <div class="aboutblock" id="link">
                            <div class="title">پیوند ها</div>
                            <BlogLinksBlock>
                                <BlogLinks>
                                    <div class="content"><a target="_blank" href="<-LinkUrl->"><-LinkTitle-></a></div>
                                </BlogLinks>
                                
                            </BlogLinksBlock>
                           
                        </div>
        
                       
                       
                        
                        
                    </div>
                    
                    <div class="rightcloumn">
                        <BLOGFA>
                            <div class="postblock">
                                <div class="titlepost"><a href="<-PostLink->"><-PostTitle-></a></div>
                                <div class="contentpost"><-PostContent-></div>
                               <div class="flexbox">
                                <BlogExtendedPost>
                                    <button type="text"><a href="<-BlogUrl-><-PostLink->">ادامه مطلب</a></button> 
                                </BlogExtendedPost>
                                
                                <div class="comment"><BlogComment>
                                    <script type="text/javascript">GetBC(<-PostId->);</script>
                                </BlogComment></div> 
                                </div>
                               
                            </div>
                           
                        </BLOGFA>
                        
                       
                        <div class="NextAndPrevious">
                            <BlogNextAndPreviousBlock>
                                <div style="width:100%">
                                <BlogPreviousPageBlock>
                                <div class="new" style="width:20%;float:right;text-align:center;"><a href="<-BlogPreviousPageLink->">مطالب جدیدتر</a></div>
                                </BlogPreviousPageBlock>
                                <BlogNextPageBlock>
                                <div class="old" style="width:20%;float:left;text-align:center;"><a href="<-BlogNextPageLink->">مطالب قدیمی‌تر</a></div>
                                </BlogNextPageBlock>
                                </div>
                                </BlogNextAndPreviousBlock>
                        </div >
                    </div>
                    
                </div>
                <div class="footer"><a target="_blank" href="http://www.willpc.ir">  [willpc : طراح قالب]  </a></div>
            </div>
            
          
        </body>
        </html>

آموزش قرار دادن قالب در بلاگفا : وارد بخش " تنظیمات و دیگر امکانات" وبلاگ خود شوید و روی "ویرایش قالب وبلاگ" کلیک کنید و کد بالا را جایگزین کنید