تغير وتلبيس قائمه البلوجر لمقاله 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/AVvXsEiqKLYsRw68AQHmTeK2K512Vhxz7M2YoDO429M8RkQ4270jVzRuja1IcIOyBXDI7MwSBSR0ohgFFHbB_idBqGzMA3ZByYv4uN14KLQrqHlb6X4_db0B5Q9HBJy9MWhM18YLedV6ffBmu_te/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/AVvXsEg79YlLGhuAZKr3VYEVOcI_RGI41K9DGASHS4X4n74s4OWw_jpRL2EdwYbAHI6sRobtmtCNDYT7uewBiU8nrKaNzdb8j22BX_Xo_G-HccpMd_umdWqfvt3S42eDWo-lx5yxCwZFhLWghF9E/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/AVvXsEjOMdsz9Vc2VJSIWLhJJcZGqdfXaQVtgfyzZ44thYxfFKlhj3Wx8U-EptFKnkalJcHsL0-ePnO8q8l95fBTyOazbNzLXQsgFbFFz7wXW0Q07M5yfjNPrycYyRq2P029Fh92uRgwlk3i_WTg/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
}
وسلامتكم
القسم :
blogger