هى اضافة تسهل مهمة البحث فى المدونة
حيث تظهر تفرع الموضوع وعلاقته باقسام المدونة
وهى تعتبر من الاضافات التى تجعل المدونة تظهر بشكل مميز
طريقة التركيب
ابحث عن
<b:includable id='post' var='post'>
ثم ضع اسفلها مباشرة
الكود
<b:if cond='data:blog.pageType == "item"'>
<style>
#WZUSADD1 {
background-color: #ddd;
display: block;
font-size: 12px;
margin: 10px 0;
padding: 5px 0;
width: 100%;
}
#WZUSADD1 .ADD1home {
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;
}
#WZUSADD1 .ADD1home:hover {color:#555;}
#WZUSADD1 .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;
}
#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("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='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
ليست هناك تعليقات:
إرسال تعليق