اضافة مسار الموضوع في مدونات بلوجر

السلام عليكم ورحمة الله وبركاته 

اليوم سوف نتعرف على إضافة أساسية وهذه الإضافة تسهل على الزائر عناء البحث في  أدوات المدونه ، وهذه الإضافة لافائدة منها 

في الأرشفة  بل فائدها التسهل على الزائر وتريح الزائر من عناء البحث .

طريقة تركيب الإضافة :

1.  ادخل إلى مدونتك 
2.  أختر تحرير قالب .
3.  إبحث عن السطر التالي : <b:includable id='post' var='post'>
4. أضف بعده أو تحته مباشرة الكود التالي

<b:if cond="data:blog.pageType == "item"">
<style>
#promasar {
  background-color: #ddd;
  display: block;
  font-size: 12px;
  margin: 10px 0;
  padding: 5px 0;
  width: 100%;
}
#promasar .masarhome {
  background: url("https://lh3.googleusercontent.com/-CnMJ5rXyu10/VR7MIGHMNKI/AAAAAAAAAQE/V9TBcMTIoC8/s16/home.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;
}
#promasar .masarhome:hover {color:#555;}
#promasar .post-labels {
  background: url("https://lh6.googleusercontent.com/-27rhGHNvBa4/VR7MIFVbJUI/AAAAAAAAAQQ/iX8Hq7rNk94/s16/attach_2.png") no-repeat scroll right center rgba(0, 0, 0, 0);
  padding-right: 20px;
}
#promasar .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;
}
#promasar .post-labels a:hover {background-color:#555;}
#promasar .masartitle {
  background: url("https://lh5.googleusercontent.com/-g9j2SOHg6sE/VR7MIPJOXbI/AAAAAAAAAQM/A3V1gTwxbtU/s16/text.png") no-repeat scroll right center rgba(0, 0, 0, 0);
  color: #555;
  padding-right: 20px;
}
</style>
<div id="promasar">
<a class="masarhome" href="https://www.blogger.com/">الرئيسية</a>
<span class="post-labels">
<b:if cond="data:post.labels">
<b:loop values="data:post.labels" var="label">
<a expr:href="data:label.url" href="https://www.blogger.com/null" rel="tag"><data:label .name=""></data:label></a>
</b:loop>
</b:if>
</span>
<span class="masartitle"><data:post .title=""></data:post></span>
</div>
</b:if>

التنسيق

• هذا #ddd هو لون الخلفية
• هذا 12 هو حجم الخط
• هذا #000 لون رابط الرئيسية
• هذا #000 لون خلفية الأقسام
• هذا 10 حجم خط روابط الأقسام
• هذا #555 لون خلفية الأقسام عند تمرير الماوس

 أما الثلاث روابط هي روابط الأيقونات غيرها بروابط أخرى مناسبة يفضل ان يكون حجمها 16x16