السلام عليكم ورحمة الله وبركاته
اليوم سوف نتعرف على إضافة أساسية وهذه الإضافة تسهل على الزائر عناء البحث في أدوات المدونه ، وهذه الإضافة لافائدة منها في الأرشفة بل فائدها التسهل على الزائر وتريح الزائر من عناء البحث .
- طريقة تركيب الإضافة :
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>
- وأخيراً أحفظ القالب .
0 Comments:
إرسال تعليق