اضافة مسار الموضوع الى قوالب بلوجر


هى اضافة تسهل مهمة البحث فى المدونة
حيث تظهر تفرع الموضوع وعلاقته باقسام المدونة
وهى  تعتبر من الاضافات  التى  تجعل المدونة   تظهر بشكل مميز


طريقة التركيب

ابحث  عن

 <b:includable id='post' var='post'>

ثم ضع  اسفلها مباشرة   
الكود  





<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#WZUSADD1 {
            background-color: #ddd;
  display: block;
  font-size: 12px;
  margin: 10px 0;
  padding: 5px 0;
  width: 100%;
}
#WZUSADD1 .ADD1home {
  background: url(&quot;https://lh3.googleusercontent.com/-CnMJ5rXyu10/VR7MIGHMNKI/AAAAAAAAAQE/V9TBcMTIoC8/s16/home.png&quot;) no-repeat scroll right center rgba(0, 0, 0, 0);
  color: #000;
  float: right;
  margin: 0 10px 0 5px;
  padding: 0 20px 0 0;
}
#WZUSADD1 .ADD1home:hover {color:#555;}
#WZUSADD1 .post-labels {
  background: url(&quot;https://lh6.googleusercontent.com/-27rhGHNvBa4/VR7MIFVbJUI/AAAAAAAAAQQ/iX8Hq7rNk94/s16/attach_2.png&quot;) no-repeat scroll right center rgba(0, 0, 0, 0);
  padding-right: 20px;
}
#WZUSADD1 .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;
}
#WZUSADD1 .post-labels a:hover {background-color:#555;}
#WZUSADD1 .add1title {
  background: url(&quot;https://lh5.googleusercontent.com/-g9j2SOHg6sE/VR7MIPJOXbI/AAAAAAAAAQM/A3V1gTwxbtU/s16/text.png&quot;) no-repeat scroll right center rgba(0, 0, 0, 0);
  color: #555;
  padding-right: 20px;
}
</style>
<div id='WZUSADD1'>
<span><a class='add1home' 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='add1title'><data:post.title/></span>
</div>

</b:if>

هذا 12 هو حجم الخط 

هذا #ddd هو لون الخلفية

هذا #000 لون رابط الرئيسية

هذا #000 لون خلفية الأقسام


هذا #555 لون خلفية الأقسام عند تمرير الماوس 

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

تعليقات

المشاركات الشائعة