سرویس بلاگ بیان سرویس تخصصی وطنی خوبیه که امکانات خوبی برای برپاکردن بلاگ‌ها و سایت‌های مرسوم داره. قالب یانون‌دیزاین پس از طراحی گرافیکی‌ش که توسط خودم انجام شد، توسط یک طراح HTML عزیز به راحتی برای سرویس بلاگ بیان پیاده سازی شد.
بعد از اون هم چند سایت دیگه رو پس از طراحی گرافیک به کمک چند طراح HTML مختلف تونستیم به راحتی برای بلاگ بیان پیاده‌سازی کنیم. اخیرا متوجه شدم در حرکتی ناشایست قالب یانون‌دیزاین رو برداشتند و بدون اجازه اون رو با نامی دیگه بالا آوردن.
با تاکید بر این که گرافیک و هویت بصری یانون‌دیزاین مشمول حقوق کپی‌رایت می شه و شرعا و قانونا اجازه کپی برداری از اون نیست، اقدام به انتشار کد HTML یانون دیزاین می‌کنم تا برای همه دوستانی که در پی طراحی سایت براساس سرویس بلاگ بیان هستند این امکان فراهم بشه تا با خوندن این کد نکاتی که ابهام دارن در مورد سرویس بلاگ بیان و نوشتن قالب برای اون حل بشه.
دوباره تاکید می‌کنم استفاده و بهره‌برداری از گرافیک یانون‌دیزاین را مجاز نمی‌دانم.
و انتشار کد را خدمتی به دوستان طراح برای آشنایی هرچه سریع‌تر با ظرفیت‌های بیان می‌دانم.
<!DOCTYPE html>
<html><head>
<head:meta></head:meta>
<link href="http://bayanbox.ir/id/3206786785480984674?view" rel="shortcut icon">
<head:style></head:style>
<head:script></head:script>
</head>
<body>
<!-- شروع چاپ -->
<div id="print">
<div class="title">
<h2>(*blog_title*)</h2>
<span>(*blog_short_description*)</span></div>
</div>
<!-- پایان چاپ -->
<!-- شروع هدر بلاگ -->
<div class="header">
<div class="hdr-cnt">
<div class="hdr_right">
<div class="title"> <span>نشریه‌ی الکترونیکی روزانه؛ جسـتاری در هـنر و طـراحی</span> </div> </div>
<div class="hdr_left">
<div class="daily-email">
<form target="popupwindow" action="http://feedburner.google.com/fb/a/mailverify" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=yanondesign', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" method="post">
<input onblur="if(this.value=='') this.value='Email Address', this.style.color = '#999';" name="email" type="text" onfocus="if(this.value=='Email Address')this.value='',this.style.color = '#CCC';" value="Email Address">
<input value="yanondesign" name="uri" type="hidden">
<input value="en_US" name="loc" type="hidden">
<input value="Subscribe" style="display:none;" type="submit">
<div class="text"></div>
</form>
</div>
<div class="menu">
<ul>
<li><a href="http://yanondesign.com/page/sponsor-yanondesign">حمایت از یانون دیزاین</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="main-logo"><a href="(*blog_link*)"></a></div>
<!-- پایان هدر بلاگ -->
<!-- شروع نوار منوی اصلی -->
<div class="main_menu">
<div class="cnt">
<ul class="nav">
<li class="c1"><a href="http://yanondesign.com/category/featured/">ویژه ها</a></li>
<li class="c2"><a href="http://yanondesign.com/category/architecture/">معماری</a>
<ul>
<li><a href="http://yanondesign.com/category/landscape/">معماری منظر</a></li>
<li><a href="http://yanondesign.com/category/interior">معماری داخلی</a></li>
</ul>
</li>
<li class="c3"><a href="http://yanondesign.com/category/sculpting/">اینستالیشن</a>
<ul>
<li><a href="http://yanondesign.com/category/decoration/">چیدمان</a></li>
</ul>
</li>
<li class="c4"><a href="http://yanondesign.com/category/sculpting/">تجسمی</a>
<ul>
<li><a href="http://yanondesign.com/category/painting/">نقاشی</a></li>
<li><a href="http://yanondesign.com/category/handcraft/">صنایع دستی</a></li>
</ul>
</li>
<li class="c5"><a href="http://yanondesign.com/category/industrial/">طراحی صنعتی</a>
<ul>
<li><a href="http://yanondesign.com/category/packaging/">بسته بندی</a></li>
</ul>
</li>
<li class="c6"><a href="http://yanondesign.com/category/graphic/">گرافیک</a>
<ul>
<li><a href="http://yanondesign.com/category/digital/">دیجیتال</a></li>
</ul>
</li>
<li class="c7"><a href="http://yanondesign.com/category/photography/">عکس</a>
<ul>
<li><a href="http://yanondesign.com/category/cinema/">انیمیشن و سینما</a></li>
</ul>
</li>
<li class="c8"><a href="http://yanondesign.com/category/article/">یادداشت</a></li>
<li class="c9"><a href="http://yanondesign.com/category/Interview/">مصاحبه</a></li>
<li class="c10"><a href="http://yanondesign.com/category/news/">خبر</a></li>
</ul>
<div class="searchbar">
<form id="srh-frm" action="javaScript:Search()">
<input value="" class="SearchBtn" type="submit">
<input name="q" class="SearchInput" onblur="if(this.value=='') this.value='جستجو در یانون دیزاین ...', this.style.color = '#a3a3a3';" style="text-align:right; direction:rtl;" type="text" value="جستجو در یانون دیزاین ..." id="SearchInput" autocomplete="off" onfocus="if(this.value=='جستجو در یانون دیزاین ...')this.value='',this.style.color = '#333';">
</form>
<script type="text/javascript">
function Search()
{
var query = $(".SearchInput").val();
var site_name = "yanondesign.com";
if(query=="جستجو در یانون دیزاین ..." || query==""){
window.location.href = "http://salam.ir/";
}else{
window.location.href = "http://salam.ir/results?q=site%3A"+site_name+"%20"+query;
}
}
</script>
</div>
</div>
</div>
<!-- پایان نوار منوی اصلی -->
<div id="wrp">
<div class="box1">
<!-- شروع ستون سمت راست -->
<div class="bx_right">
<box:post_list tag="::flag-large" max="1">
<div class="flags">
<view:post_list>
<div class="flag large"> <a href="(*post_link*)">
<div class="title">
<h3> <small>پیشنهاد سردبیر</small> (*post_title*)</h3>
</div>
<div class="image"><img src="(*post_image*)"></div>
</a> </div>
</view:post_list>
</div>
</box:post_list>
<div style="margin-top: -10px;" class="mod_both">
<!--<div class="title">یانون دیزاین در رسانه ها</div> -->
<div class="cnt">
<ul class="media-icons">
<li class="email"><a href="http://feedburner.google.com/fb/a/mailverify?uri=yanondesign&loc=en_US" title="Email"></a></li>
<li class="rss"><a href="http://feeds.feedburner.com/yanondesign" title="RSS"></a></li>
<li class="plus"><a href="https://plus.google.com/u/0/110711723512178629154" title="G+"></a></li>
<li class="facebook"><a href="http://facebook.com/yanondesign" title="Facebook"></a></li>
<li class="twitter"><a href="http://www.twitter.com/yanondesign" title="Twitter"></a></li>
<li class="ff"><a href="http://friendfeed.com/yanondesign" title="FriendFeed"></a></li>
<div class="clear"></div>
</ul></div>
</div>
<div style="margin-top: -5px;" class="mod_both">
<div class="subs-box">
<div class="head-icon"></div>
<div class="head-box">
<div>مشترک روزنامه یانون‌دیزاین شوید</div>
<span>پس از تکمیل فرآیند ثبت نام، ایمیل دریافتی را تایید نمایید.</span>
</div>
<div class="field-box">
<form target="popupwindow" action="http://feedburner.google.com/fb/a/mailverify" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=yanondesign', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" method="post">
<input name="email" placeholder="Email Address" class="email" type="text">
<input value="yanondesign" name="uri" type="hidden">
<input value="en_US" name="loc" type="hidden">
<input value="ثبت" class="btn" type="submit">
</form>
</div>
</div>
</div>
<box:post_list tag="::flag-article" max="1">
<div class="flags">
<view:post_list>
<div style="margin: 0 0 4px 1px;" class="flag medium"> <a href="(*post_link*)">
<div class="title">
<h3> <small>یادداشت اختصاصی</small> (*post_title*)</h3>
</div>
<div class="image"><img src="(*post_image*)"></div>
</a> </div>
</view:post_list>
</div>
</box:post_list>
<box:post_list tag="::flag-circle" max="1">
<div class="flags">
<view:post_list>
<div style="margin: 0 0 4px 1px;" class="flag medium"> <a href="(*post_link*)">
<div class="title">
<h3> <small>گفتار حلقه هنر</small> (*post_title*)</h3>
</div>
<div class="image"><img src="(*post_image*)"></div>
</a> </div>
</view:post_list>
</div>
</box:post_list>
<box:post_list tag="::flag-mini2" max="6">
<div class="flags">
<view:post_list>
<div class="flag mini"> <a href="(*post_link*)">
<div class="title">
<h3>(*post_title*)</h3>
</div>
<div class="image"><img src="(*post_image*)"></div>
</a> </div>
</view:post_list>
</div>
</box:post_list>
<div class="mod_both_blank">
<div class="title">یادداشت سردبیر</div>
<div class="cnt">
<box:post_list tag="::flag-note" max="1">
<view:post_list>
<h2 style=" margin: 5px 0;line-height: 1.6em;"><a href="(*post_link*)">(*post_title*)</a></h2>
<div class="cnt-note">(*post_full_content*)</div>
<div class="post_detail">
<div class="cnt">
<div class="det_left">
<ul>
<box:post_rating>
<li><span class="rating">
<!-- CAUTION: Don't edit these lines unless you know what you are doing
DON'T edit rate-* classes: (rate-box rate-counter rate-button-box,
rate-button, rete-up, rate-down, rated) -->
<span class="rate-box (*user_rated*)"> <span class="rate-button-box rate-up (*user_rated_up*)"> <a href="(*rate_up_link*)" title="موافق" rel="nofollow" class="rate-button"> <img src="http://www.blog.ir/media/images/cleardot.gif" alt="موافقین" class="rateimg"> (*up_rates*) </a> </span> <span class="rate-button-box rate-down (*user_rated_down*)"> <a href="(*rate_down_link*)" title="مخالف" rel="nofollow" class="rate-button"> <img src="http://www.blog.ir/media/images/cleardot.gif" alt="مخالفین" class="rateimg"> (*down_rates*) </a> </span> </span> </span></li>
</box:post_rating>
<check:if post_has_comments_section>
<li><a href="(*post_link*)#comments"><span class="cmt">(*post_comment_count*) نظر</span></a></li>
</check:if>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
</view:post_list>
</box:post_list>
</div>
</div>
<div class="mod_both">
<div class="cnt">
<div data-rel="publisher" data-width="246" data-href="https://plus.google.com/110711723512178629154" class="g-plus"></div>
</div>
</div>
<box:tag_cloud>
<div class="mod_both">
<div class="title">کلمات کلیدی</div>
<div class="cnt">
<div class="tagcloud">
<view:tag_cloud>
<h3><a href="(*tag_link*)" style="font-size:(*tag_size*)%" class="(*tag_selected*)">(*tag_name*)</a></h3>
</view:tag_cloud>
<div class="clear"></div>
</div>
</div>
</div>
</box:tag_cloud>
<box:most_commented_posts>
<div class="mod_both">
<div class="title">مطالب پربحث‌تر</div>
<div class="cnt">
<div class="list_view">
<view:most_commented_posts>
<div class="cnt (*post_selected*)">
<ul>
<li>
<div class="date">(*post_date format="%y/%m/%d"*)</div>
<a href="(*post_link*)">(*post_title*)</a> </li>
</ul>
</div>
</view:most_commented_posts>
</div>
</div>
</div>
</box:most_commented_posts>
<div class="title">ویژه‌های آرشیو یانون‌دیزاین</div>
<box:post_list tag="::flag-mini3" max="6">
<div class="flags">
<view:post_list>
<div class="flag mini"> <a href="(*post_link*)">
<div class="title">
<h3>(*post_title*)</h3>
</div>
<div class="image"><img src="(*post_image*)"></div>
</a> </div>
</view:post_list>
</div>
</box:post_list>
<box:categories>
<div class="mod_both">
<div class="title">طبقه بندی موضوعی</div>
<div class="cnt">
<ul class="cats">
<view:categories>
<li class="(*category_selected*)">
<check:if category_selected> <span class="category_selected"> <a>
<h3>(*category_name*) </h3>
</a><span class="count"> ((*category_post_count*))</span> </span> </check:if>
<check:if not category_selected> <a href="(*category_link*)">
<h3>(*category_name*) </h3>
</a><span class="count"> ((*category_post_count*))</span> </check:if>
<check:if category_children>
<ul class="subcats">
<view:category_children></view:category_children>
</ul>
</check:if>
</li>
</view:categories>
</ul>
</div>
</div>
</box:categories>
<box:archive>
<div class="mod_both">
<div class="title">بایگانی</div>
<div class="cnt archive">
<ul class="links">
<view:archive>
<li class="(*archive_selected*)"> <a href="(*link_url*)">(*link_name*) </a><span class="count"> ((*link_count*))</span> </li>
</view:archive>
</ul>
</div>
</div>
</box:archive>
<box:post_list flag="mobile">
<div class="mod_both">
<div class="title">پیام های کوتاه</div>
<div class="cnt">
<div class="list_view mobile">
<view:post_list>
<div class="cnt (*post_selected*)">
<ul>
<li>
<div class="date">(*post_date format="%G{%e %B %y , %H:%M}"*)</div>
<a href="(*post_link*)">(*post_title*)</a> </li>
</ul>
</div>
</view:post_list>
</div>
</div>
</div>
</box:post_list>
<box:ads>
<div class="mod_both">
<div class="title">تبلیغات</div>
<div class="cnt ads">
<div class="list_view mobile">
<view:ads> <span class="view_ads"> (*ad*) </span> </view:ads>
</div>
</div>
</div>
</box:ads>
<box:stat>
<div class="mod_both">
<div class="title">خلاصه آمار</div>
<div class="cnt stat">
<view:stat>
<div class="row">
<div class="StatTitle">(*stat_title*)</div>
<div class="Value">(*stat_value*)</div>
</div>
</view:stat>
</div>
</div>
</box:stat>
<box:recent_posts>
<div class="mod_both">
<div class="title">آخرین مطالب</div>
<div class="cnt">
<div class="list_view">
<view:recent_posts>
<div class="cnt (*post_selected*)">
<ul>
<li>
<div class="date">(*post_date format="%y/%m/%d"*)</div>
<a href="(*post_link*)">(*post_title*)</a> </li>
</ul>
</div>
</view:recent_posts>
</div>
</div>
</div>
</box:recent_posts>
<box:most_visited_posts>
<div class="mod_both">
<div class="title">پربیننده ترین مطالب</div>
<div class="cnt">
<div class="list_view">
<view:most_visited_posts>
<div class="cnt (*post_selected*)">
<ul>
<li>
<div class="date">(*post_date format="%y/%m/%d"*)</div>
<a href="(*post_link*)">(*post_title*)</a> </li>
</ul>
</div>
</view:most_visited_posts>
</div>
</div>
</div>
</box:most_visited_posts>
<box:popular_posts>
<div class="mod_both">
<div class="title">محبوب ترین مطالب</div>
<div class="cnt">
<div class="list_view">
<view:popular_posts>
<div class="cnt (*post_selected*)">
<ul>
<li>
<div class="date">(*post_date format="%y/%m/%d"*)</div>
<a href="(*post_link*)">(*post_title*)</a> </li>
</ul>
</div>
</view:popular_posts>
</div>
</div>
</div>
</box:popular_posts>
<box:authors>
<div class="mod_both">
<div class="title">نویسندگان</div>
<div class="cnt">
<ul class="links">
<view:authors>
<li><a href="(*author_link*)">(*author_name*) </a><span class="count"> ((*author_post_count*))</span></li>
</view:authors>
</ul>
</div>
</div>
</box:authors>
<box:daily_links>
<div class="mod_both">
<div class="title">پیوندهای روزانه</div>
<div class="cnt">
<ul class="links">
<view:daily_links>
<li><a href="(*link_url*)" alt="(*link_alt*)">(*link_name*)</a></li>
</view:daily_links>
</ul>
</div>
</div>
</box:daily_links>
<box:links>
<div class="mod_both">
<div class="title">پیوندها</div>
<div class="cnt">
<ul class="links">
<view:links>
<li><a href="(*link_url*)" alt="(*link_alt*)">(*link_name*)</a></li>
</view:links>
</ul>
</div>
</div>
</box:links>
</div>
<!-- پایان ستون سمت راست -->
<!-- شروع ستون سمت چپ -->
<div class="bx_left">
<box:post_list tag="::flag-mini" max="3">
<div class="flags">
<view:post_list>
<div class="flag mini"> <a href="(*post_link*)">
<div class="title">
<h3>(*post_title*)</h3>
</div>
<div class="image"><img src="(*post_image*)"></div>
</a> </div>
</view:post_list>
</div>
</box:post_list>
<box:recent_comments>
<div class="mod_both">
<div class="title">آخرین نظرات</div>
<div class="cnt">
<div class="comment_view">
<div class="comment-content max">
<ul>
<view:recent_comments>
<li>
<div style="min-height:30px">
<div class="comment-avatar"><img src="(*comment_avatar*)"></div>
<div class="comment-date">(*comment_date format="%y/%m/%d"*) - (*comment_fullname*)</div>
</div>
<a href="(*comment_link*)">(*comment_body_text max="26"*)</a>
<check:if comment_reply>
<div class="comment-reply">پاسخ: (*comment_reply_text max="22"*)</div>
</check:if>
</li>
</view:recent_comments>
</ul>
</div>
</div>
</div>
</div>
</box:recent_comments>
</div>
<!-- پایان ستون سمت چپ -->
<div class="bx_center">
<div class="mod_center">
<box:messages>
<view:messages>
<div class="align">
<div class="item_(*message_type*)">
<div class="icon"></div>
(*message*) </div>
</div>
<!-- ALIGN -->
</view:messages>
</box:messages>
<check:if index_selected>
<box:post_list tag="::flag-slider" max="5">
<div class="flags">
<div class="slider">
<div id="slides">
<div class="slides_container">
<view:post_list>
<div class="slide">
<div class="title-slide">
<h3> <small>پست ویژه</small> (*post_title*)</h3>
</div>
<a href="(*post_link*)"><img src="(*post_image*)"></a>
</div>
</view:post_list>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</box:post_list>
</check:if>
<!-- شروع شرح مطلب -->
<box:post_detail>
<div class="post_break"></div>
<div class="post">
<div class="title align">
<h2><a href="(*post_link*)">(*post_title*)</a></h2>
<div class="date_title">(*post_date*)
<div style="float:left; position:relative;">
<div style="float:left;margin-top: 2px;"><div data-size="larg" class="g-plusone"></div></div>
<a href="//pinterest.com/pin/create/button/?url=http://yanondesign.com/(*post_link*)&description=(*post_title*)" target="_new" data-pin-do="buttonPin" style="position:absolute; left:80px" data-pin-config="above"><img src="http://bayanbox.ir/id/2282738871771327121?view"></a>
</div>
</div>
</div>
<div class="body align">
<div class="cnt"> (*post_full_content*) </div>
</div>
<!-- #/body -->
<div class="post_detail">
<div class="cnt">
<div class="det_left">
<ul>
<box:post_rating>
<li><span class="rating">
<!-- CAUTION: Don't edit these lines unless you know what you are doing
DON'T edit rate-* classes: (rate-box rate-counter rate-button-box,
rate-button, rete-up, rate-down, rated) -->
<span class="rate-box (*user_rated*)"> <span class="rate-button-box rate-up (*user_rated_up*)"> <a href="(*rate_up_link*)" title="موافق" rel="nofollow" class="rate-button"> <img src="http://www.blog.ir/media/images/cleardot.gif" alt="موافقین" class="rateimg"> (*up_rates*) </a> </span> <span class="rate-button-box rate-down (*user_rated_down*)"> <a href="(*rate_down_link*)" title="مخالف" rel="nofollow" class="rate-button"> <img src="http://www.blog.ir/media/images/cleardot.gif" alt="مخالفین" class="rateimg"> (*down_rates*) </a> </span> </span> </span></li>
</box:post_rating>
<li><span class="date">(*post_date format="%y/%m/%d"*)</span></li>
</ul>
</div>
<div class="det_right">
<ul>
<li><span class="author">(*post_author*)</span></li>
</ul>
</div>
<div class="clear"></div>
<box:post_tags> <span class="keywords_post">
<view:post_tags>
<check:if tag_is_first> <span class="first"><a href="(*tag_link*)">
<h3>(*tag_name*)</h3>
</a></span> </check:if>
<check:if not tag_is_first> <span><a href="(*tag_link*)">
<h3>(*tag_name*)</h3>
</a></span> </check:if>
</view:post_tags>
</span> </box:post_tags>
</div>
</div>
</div>
<!-- #POST_Comments) -->
<box:post_comments> <a name="comments"></a>
<div class="align">
<div class="messages">
<div class="cnt">
<h2>نظرات <a href="(*post_link*)#comments" class="comment_count"> ((*post_comment_count*))</a></h2>
<check:if not post_comment_count>
<center>
هیچ نظری هنوز ثبت نشده است
</center>
</check:if>
</div>
</div>
</div>
<!-- ALIGN -->
<view:post_comments> <a name="comment-(*comment_id*)"></a>
<div class="post_comments align">
<div class="cmt_details">
<div class="dets_left">
<li class="cmt_date"><a href="(*comment_link*)">(*comment_date format="%d %B %y ، %H:%M"*)</a></li>
<check:if comment_website>
<li><a href="(*comment_website*)" target="_blank" title="(*comment_website*)" rel="nofollow" class="website"></a></li>
</check:if>
<check:if comment_email>
<li><a href="mailto:(*comment_email*)" title="(*comment_email*)" class="email"></a></li>
</check:if>
</div>
<div class="dets_right">
<li class="avatar"><img src="(*comment_avatar*)"></li>
<li class="txt">(*comment_fullname*)</li>
</div>
</div>
<div class="body_cmt">
<div class="cnt"> <span class="cnt_l">(*comment_body*)</span> </div>
</div>
<!-- #/body_cmt -->
</div>
<!-- #REPLY -->
<check:if comment_reply>
<div class="align">
<div class="cmt_reply color3"> پاسخ: <br>
(*comment_reply*) </div>
</div>
<!-- ALIGN -->
</check:if>
<!-- #/REPLY -->
<div class="cmt_break"></div>
</view:post_comments>
</box:post_comments>
<!-- #/post_comments -->
<check:if post_has_send_comment> <a name="send_comment"></a>
<div class="commentForm">
<div class="align">
<div class="messages">
<div class="cnt">
<h2>ارسال نظر</h2>
</div>
</div>
</div>
<!-- ALIGN -->
<div class="align">
<div class="comment_add_form"> (*comment_add_form*) </div>
</div>
</div>
</check:if>
</box:post_detail>
<!-- پایان شرح مطلب -->
<!-- شروع شرح صفحه -->
<box:page_detail>
<div class="post_break"></div>
<div class="post">
<div class="title align">
<h2><a href="(*page_link*)">(*page_title*)</a>
<div style="float:left; position:relative;">
<div style="float:left;margin-top: 2px;"><div data-size="larg" class="g-plusone"></div></div>
<a href="//pinterest.com/pin/create/button/?url=http://yanondesign.com/(*page_link*)&description=(*page_title*)" target="_new" data-pin-do="buttonPin" style="position:absolute; left:80px" data-pin-config="above"><img src="http://bayanbox.ir/id/2282738871771327121?view"></a>
</div>
</h2>
</div>
<div class="body align">
<div class="cnt"> (*page_content*) </div>
</div>
<!-- #/body -->
</div>
<!-- #PAGE_Comments) -->
<box:page_comments> <a name="comments"></a>
<div class="align">
<div class="messages">
<div class="cnt">
<h2>نظرات <a href="(*page_link*)#comments" class="comment_count"> ((*page_comment_count*))</a></h2>
<check:if not page_comment_count>
<center>
هیچ نظری هنوز ثبت نشده است
</center>
</check:if>
</div>
</div>
</div>
<!-- ALIGN -->
<view:page_comments> <a name="comment-(*comment_id*)"></a>
<div class="post_comments align">
<div class="cmt_details">
<div class="dets_left">
<li class="cmt_date"><a href="(*comment_link*)">(*comment_date format="%d %B %y ، %H:%M"*)</a></li>
<check:if comment_website>
<li><a href="(*comment_website*)" target="_blank" title="(*comment_website*)" rel="nofollow" class="website"></a></li>
</check:if>
<check:if comment_email>
<li><a href="mailto:(*comment_email*)" title="(*comment_email*)" class="email"></a></li>
</check:if>
</div>
<div class="dets_right">
<li class="avatar"><img src="(*comment_avatar*)"></li>
<li class="txt">(*comment_fullname*)</li>
</div>
</div>
<div class="body_cmt">
<div class="cnt"> <span class="cnt_l">(*comment_body*)</span> </div>
</div>
<!-- #/body_cmt -->
</div>
<!-- #REPLY -->
<check:if comment_reply>
<div class="align">
<div class="cmt_reply color3"> پاسخ: <br>
(*comment_reply*) </div>
</div>
<!-- ALIGN -->
</check:if>
<!-- #/REPLY -->
<div class="cmt_break"></div>
</view:page_comments>
</box:page_comments>
<!-- #/page_comments -->
<check:if page_has_send_comment> <a name="send_comment"></a>
<div class="commentForm">
<div class="align">
<div class="messages">
<div class="cnt">
<h2>ارسال نظر</h2>
</div>
</div>
</div>
<!-- ALIGN -->
<div class="align">
<div class="comment_add_form"> (*comment_add_form*) </div>
</div>
</div>
</check:if>
</box:page_detail>
<!-- پایان شرح صفحه -->
<!-- شروع خلاصه مطلب -->
<box:post_list>
<check:if post_list_title>
<div class="align">
<div class="messages">
<div class="cnt">
<h2>(*post_list_title*)</h2>
</div>
</div>
</div>
<!-- ALIGN -->
</check:if>
<div class="post_break"></div>
<view:post_list>
<div class="post">
<div class="title align">
<h2><a href="(*post_link*)">(*post_title*)</a></h2>
<div class="date_title">(*post_date*)
<div style="float:left; position:relative;">
<div style="float:left;margin-top: 2px;"><div data-size="larg" data-href="http://yanondesign.com(*post_link*)" class="g-plusone"></div></div>
<a href="//pinterest.com/pin/create/button/?url=http://yanondesign.com(*post_link*)&description=(*post_title*)" target="_new" data-pin-do="buttonPin" style="position:absolute; left:80px" data-pin-config="above"><img src="http://bayanbox.ir/id/2282738871771327121?view"></a>
</div>
</div>
</div>
<div class="body align">
<div class="cnt post_list"> (*post_summary*)
<check:if post_has_read_more>
<div class="readmore"><a href="(*post_link*)">تصاویر بیشتر و ادامه مطلب...</a></div>
</check:if>
</div>
</div>
<!-- #/body -->
<div class="post_detail">
<div class="cnt">
<div class="det_left">
<ul>
<check:if post_has_comments_section>
<li><a href="(*post_link*)#comments"><span class="cmt">(*post_comment_count*) نظر</span></a></li>
</check:if>
<box:post_rating>
<li><span class="rating">
<!-- CAUTION: Don't edit these lines unless you know what you are doing
DON'T edit rate-* classes: (rate-box rate-counter rate-button-box,
rate-button, rete-up, rate-down, rated) -->
<span class="rate-box (*user_rated*)"> <span class="rate-button-box rate-up (*user_rated_up*)"> <a href="(*rate_up_link*)" title="موافق" rel="nofollow" class="rate-button"> <img src="http://www.blog.ir/media/images/cleardot.gif" alt="موافقین" class="rateimg"> (*up_rates*) </a> </span> <span class="rate-button-box rate-down (*user_rated_down*)"> <a href="(*rate_down_link*)" title="مخالف" rel="nofollow" class="rate-button"> <img src="http://www.blog.ir/media/images/cleardot.gif" alt="مخالفین" class="rateimg"> (*down_rates*) </a> </span> </span> </span></li>
</box:post_rating>
<li><span class="date">(*post_date format="%d %B %y ، %H:%M"*)</span></li>
</ul>
</div>
<div class="det_right">
<ul>
<li><span class="author">(*post_author*)</span></li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</view:post_list>
</box:post_list>
<!-- پایان خلاصه مطلب -->
<box:pagination>
<div class="align">
<div class="pagination">
<check:if page_prev>
<a href="(*page_prev*)" class="pagePrev">قبلی</a>
</check:if>
<div style="float:right" class="pagesList">
<view:pages spec="5,2,4,2,3,2">
<check:if page_num>
<a href="(*page_link*)" class="(*page_current*)">(*page_num*)</a>
</check:if>
<check:if not page_num>
<span class="spacer">. . .</span>
</check:if>
</view:pages>
</div>
<check:if page_next>
<a href="(*page_next*)" class="pageNext">بعدی</a>
</check:if>
</div>
</div>
<!-- ALIGN -->
</box:pagination>
</div>
<!--/#mod_center-->
<div style="clear:both;"></div>
</div>
<!--/#bx_center-->
</div>
<!--/#box1-->
</div>
<!--/#wrp-->
<!-- شروع فوتر بلاگ -->
<div class="footer partners">
<div class="cnt">
<div class="images">
<ul>
<li><img src="http://bayanbox.ir/id/4228562731076370632"></li>
<li><img src="http://bayanbox.ir/id/913082677183401633"></li>
<li><img src="http://bayanbox.ir/id/1030262645599102515"></li>
<li><img src="http://bayanbox.ir/id/669389396783623234"></li>
</ul>
</div>
</div>
</div>
<div class="footer">
<div class="cnt">
<div class="ftr-logo"></div>
<div class="links"> قدرت گرفته از <a href="http://blog.ir/">بلاگ</a> <a href="http://bayan.ir/">بیان</a><br>
تمام تالیفات این وب سایت به یانون دیزاین © 1389-1391 تعلق دارد. استفاده از محتوای این وب‌سایت با ذکر منبع بلامانع است </div>
<div class="icons">
<a href="http://feeds.feedburner.com/yanondesing" title="RSS"><div class="rss"></div></a>
<a href="http://facebook.com/yanondesign" title="facebook"><div class="facebook"></div></a>
<a href="http://www.twitter.com/yanondesign" title="twitter"><div class="twitter"></div></a>
<a href="http://friendfeed.com/yanondesign" title="FriendFeed"><div class="ff"></div></a>
<a href="https://plus.google.com/u/0/110711723512178629154" title="G+"><div class="google"></div></a>
<a href="http://feedburner.google.com/fb/a/mailverify?uri=yanondesign&loc=en_US" title="Email"><div class="mail"></div></a>
<a href="http://blog.ir/" title="blog : وبلاگ"><div class="blog"></div></a>
<a href="http://bayan.ir/" title="bayan : بیان"><div class="bayan"></div></a>
</div>
<div class="links-mnu">
<box:menu>
<ul>
<view:menu>
<li><a href="(*menu_item_link*)" class="(*menu_item_selected*)">(*menu_item_title*)</a></li>
</view:menu>
</ul>
</box:menu>
</div>
<div class="clear"></div>
</div>
</div>
<!-- پایان فوتر بلاگ -->
<script type="text/javascript">
window.___gcfg = {lang: 'en'};
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
<script>
//<![CDATA[
$(function(){$('#slides').slides({preload: true,preloadImage: 'http://bayanbox.ir/id/3308359764762311986?view',play: 5000,pause: 2500,hoverPause: true,animationStart: function(current){$('.title-slide').hide(0);$('.caption').animate({bottom:-30},300);if (window.console && console.log) {};},animationComplete: function(current){$('.title-slide').show(0);$('.caption').animate({bottom:0},400);if (window.console && console.log) {};},slidesLoaded: function() {$('.title-slide').show(0);$('.caption').animate({bottom:0},200);}});});
//]]>
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-20903570-3']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body></html>