اضافة مسار الموضوع الى قوالب بلوجر
هى اضافة تسهل مهمة البحث فى المدونة
حيث تظهر تفرع الموضوع وعلاقته باقسام المدونة
وهى تعتبر من الاضافات التى تجعل المدونة تظهر بشكل مميز
طريقة التركيب
ابحث عن
<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
تعليقات
إرسال تعليق