تغير وتلبيس قائمه البلوجر لمقاله Change and dress up the blogger list for an article
Add Multi Author Image, Date, Labels & Comments below Post Titles أضف صورة المؤلف المتعدد والتاريخ والعلامات والتعليقات أسفل عناوين المنشور
البحث عن
<div class='post-header-line-1'>
او
<div class='post-header'>
الثاني او الاخير
<div style='margin: 10px 0;'><span style='background:transparent url () no-repeat scroll top left;padding-left:5px;font-size:11px;'><span style='margin-right:5px; bottom:-7px; position:relative;'><img expr:src='data:post.authorPhoto.url' height='25' itemprop='image' width='20' style=”border-radius:20px; border:1px solid;”/></span><data:post.author/></span> | <span style=’background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3BIrEmqApKrsM39nkxIBHHUE6pvL67hjhrQFWf4Lwv6tFboKdSKKZj46CI5SCahbai77Gu0Uh8T1ufJnmj1ANr2TJipwk05LMUZpnOvhOEuH-gY3NMTRw0GngpYIXvrH3OXjyTNYJt7Ky/s1600/clock.png) no-repeat scroll top left;padding-left:20px;font-size:11px;'><data:post.timestamp/></span> | <span style=’background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7N0u517KsIHD6JcuHGZkWDFRX8ql89TEqQejPvgVI3b8tF3-qj7E4NOumse8Q3KzMVd2bVZm4EjqU1Gvh3qtQVQeWM0ZQQ-oX7qNt82lX9Y4LfUhH7wvhKdyqlIcfZ-dijBEImb-dCdgk/s1600/tag.png) no-repeat scroll top left;background-position:0px -1px;padding-left:23px;font-size:11px;'><b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'><a expr:href=’data:label.url + "?max-results=7"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>|</b:if></b:loop></b:if></span><span class='post-comment-link' style='float:right;'><b:if cond='data:post.allowComments'><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ06roefrWguPXv5axDQqlS_KhxPw7Bmqcfbd6EJDmd_pGUdja4NBtw39cvJ_tJTdpxI3RZW_MZZ6XygFXgSef17Cw4heSIufEIUYk7GKRIvEmbp5KBpxnonUI6TactaHuhiRYNH65sTRi/s1600/comment.png) no-repeat;padding-left:20px;font-size:10px;'><b:if cond=’data:post.numComments == 0′>قم بالتعليق<b:else/> <b:if cond=’data:post.numComments == 1′><data:post.numComments/> لا يوجد تعليق<b:else/><data:post.numComments/> لا يوجد تعليق</b:if></b:if></a></b:if></span></div>
ابحث عن الكود التالي
<b:includable id='post' var='post'>
عند ايجاده ضع الكود التالي اسفله
<b:if cond='data:blog.pageType == "item"'>
<div id='cnmumasar'>
<span class='posthome'><a href='/'>الرئيسية</a></span>
<span class='posttag'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'><a expr:href='data:label.url + "?&amp;max-results=10"' rel='tag'> <data:label.name/></a></b:loop>
</b:if></span>
<span class='massarname'><data:post.title/></span>
</div></b:if>
اعد البحث عن الوسم التالي
]]></b:skin>
عند ايجاده قم باضافة الكود التالي فوقه
#cnmumasar{background:#ddd;display:block;font-size:12px;text-align:center;}
.posttag,.posthome{position: relative;}
#cnmumasar a{padding:2px 20px;font:600 12px Droid Arabic kufi, cursive;display: inline-block;}
.massarname{padding:0 15px;}
.posttag a:after,.posthome a:after{content: "";-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);transform: rotate(45deg);border: solid #fff;border-width: 0 0 4px 4px;position:absolute;left: 0px;
right: auto;top:2px;transform: rotate(45deg);width: 27px;height: 23px;}
البحث عن
]]></b:skin>
فوقه
.post h3{font:bold 15px tahoma;background :#93CDDD;
border:2px dashed white;
background-position: 0 0, 15px 15px;
box-shadow:1px 1px 1px 4px #93CDDD;
padding:10px;
border-top-right-radius:50px;
border-bottom-left-radius:50px;
color:white !important;
text-align:center;}
.post h3 a,.post h3 a:visited,.post h3 strong{color:white !important;}
.post h3 strong,.post h3 a:hover{color:#222}
.post-body{font:16px tahoma;padding-top:10px;line-height:1.3em;margin:1em 0 .75em;}
.post-body blockquote{line-height:1.3em}
.post-footer{color:#666;text-transform:none;letter-spacing:.01em;font:12px tahoma;line-height:1.4em;margin:.75em 0}
.comment-link{margin-left:.6em}
.post blockquote{margin: 10px 10px 10px 20px;padding: 10px 15px 10px 15px;line-height: 1.6em;color: #111;background: #fff;border-left: 20px solid #a7b1be;text-shadow:none}
البحث عن
<div class='post-header'>
تحته وضع
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a class='bhome' expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>الرئيسيه</a></span> <brc>/</brc>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<span typeof='v:Breadcrumb'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a></span>
</b:if>
</b:loop>
<b:else/>
Unlabelled
</b:if>
<brc>/</brc> <span><data:post.title/></span>
</div>
والبحث عن
]]></b:skin>
تحته
.breadcrumbs{
margin:0;
font-size:13px;
padding: 5px;
box-sizing: border-box;
background: #f2f2f2;
border-radius: 2px;
}
.breadcrumbs span a.bhome{
color:red
}
.breadcrumbs span,.breadcrumbs span a{
color:#010101
}
.breadcrumbs span a:hover{
color:red
}
وسلامتكم
0 التعليقات :
إرسال تعليق