طريقة عرض التسميات بشكل انيق ورائع يبهر الزوار في مدونة بلوجر

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





ان اعجبتك الاضافه قم باتباع التالي لتطبيقها في مدونتك


قم بالذهاب الي لوح تحكم مدونتك > ثم الي تصميم > ثم الي تحرير/Html >قم بالضغط علي علامة توسيع عناصر واجهه المستخدم >  ثم اضغط Ctrl+F وقم بالبحث عن الكود الموجود بالاسفل
]]></b:skin>
وضع قبله مباشرة الكود التالي

div.tag{font-size:11px; padding-top:5px; color:#999999; margin-bottom:10px;}
.profileImage{float:left; margin:3px 6px 2px 0px; background:#FFF; padding:4px;}
.post-tag{font-family:Georgia, &quot;Times New Roman&quot;, Times, serif; font-size:12px; margin-bottom:10px;}
.post-tag a:link, .post-tag a:visited{color:#666; text-decoration:none; font-style:italic;}


تستطيع التعديل في خصائص الكود كما تشاء

الان قم بالبحث عن الكود التالي ووضع الكود المعلم باللون الاحمر في مكانه كما هو في الكود الذي بالاسفل


<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

<!-- TAG -->
<div class='post-tag'> <b style='border-right:solid 1px #CCCCCC; padding-right:10px; margin-right:10px;'>Tag</b>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url+ &quot;?max-results=10&quot;' rel='tag' style='border-right:solid 1px #CCCCCC; padding-right:10px; margin-right:10px;'>
<data:label.name/>
</a>
<b:if cond='data:label.isLast != &quot;true&quot;'/>
</b:loop>
</b:if>
</div>


الان قم بحفظ قالب مدونتك ومبروك عليك الاضافه
أصدقاء(تطوير ويب)
تعليقات Facebook
2تعليقات Blogger

2 عدد التعليقات على موضوع طريقة عرض التسميات بشكل انيق ورائع يبهر الزوار في مدونة بلوجر

وظائف غزة والضفة الغربية يقول...

وين الكود التاني اللي انت قلت فيه ؟؟
الان قم بالبحث عن الكود التالي ووضع الكود المعلم باللون الاحمر في مكانه كما هو في الكود الذي بالاسفل

غير معرف يقول...

@وظائف غزة والضفة الغربية
اخي الكريم انا اقصد انك يجب ان تبحث عن جزء من الكود الموجود والمكتوب بلخط الاسود فوق الكود الاحمر وعندما تجده قم بوضع الكود الاحمر كما هو موجود بالشرح
لان الكود الاحمر اساسا غير موجود بقالبك ولكني وضعته هكذا كى يتضح لك الموضع الذي يجب ان يكون فيه بقالبك وذلك بعد البحث عن الكود الموجود اعلى منه!!

إرسال تعليق

التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .