السلام عليكم ورحمة الله وبركاته
اليوم سوف نتعرف على إضافة أساسية وهذه الإضافة تسهل على الزائر عناء البحث في أدوات المدونه ، وهذه الإضافة لافائدة منها في الأرشفة بل فائدها التسهل على الزائر وتريح الزائر من عناء البحث .
- طريقة تركيب الإضافة :
1- ادخل إلى مدونتك | ثم أختر تحرير قالب .
2- إبحث عن السطر التالي :
<b:includable id='post' var='post'>
3- أضف الكود التالي تحته مباشرة :
<b:if cond='data:blog.pageType == "item"'>
<style>
#homeblog7masar {
background-color: #ddd;
display: block;
font-size: 12px;
margin: 10px 0;
padding: 5px 0;
width: 100%;
}
#homeblog7masar .masarhome {
background: url("http://i18.servimg.com/u/f18/17/70/27/78/masarh10.png") no-repeat scroll right center rgba(0, 0, 0, 0);
color: #000;
float: right;
margin: 0 10px 0 5px;
padding: 0 20px 0 0;
}
#homeblog7masar .masarhome:hover {color:#555;}
#homeblog7masar .post-labels {
background: url("http://i18.servimg.com/u/f18/17/70/27/78/masar10.png") no-repeat scroll right center rgba(0, 0, 0, 0);
padding-right: 20px;
}
#homeblog7masar .post-labels a {
background-color: #000;
border-radius: 2px;
color: #fff;
display: inline-block;
float: none;
font-size: 10px;
font-weight: bold;
padding: 0 3px 2px;
}
#homeblog7masar .post-labels a:hover {background-color:#555;}
#homeblog7masar .masartitle {
background: url("http://i18.servimg.com/u/f18/17/70/27/78/masar-10.png") no-repeat scroll right center rgba(0, 0, 0, 0);
color: #555;
padding-right: 20px;
}
</style>
<div id="homeblog7masar">
<span><a class='masarhome' href='/'>الرئيسية</a></span>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:loop>
</b:if>
</span>
<span class='masartitle'><data:post.title/></span>
</div>
</b:if>
- وأخيراً أحفظ القالب .
ليست هناك تعليقات:
إرسال تعليق