Subcribe to our RSS feeds Join Us on Facebook Join Us on Facebook Join Us on Facebook Follow us on Twitter Add to Circles

كيفية اضافة اقسام المشاركة اسفل عنوان التدوينة لزيادة الأرشفة

كينج نت ملك النت | 4/05/2013 | |
http://www.kingnt.com/2013/04/blog-post_4.html
مرحبا زوار ومشاركين مدونة كينج نت درسنا اليوم يتحدث عن كيفية اضافة اقسام
المشاركة اسفل عناوين التدوينة طريقة ليست جديدة على اصحاب الخبرة بهذا المجال
فقررت ان اضع هذه الطريقة لمن يحتاجها وبالأخص من المدونين الذين يعنون من
عدم وجود اقسام المشاركة بالتدوينة نفسها فهذه الطريقة مفيدة جدا وان شاء الله تأتى
بثمار جيد من حيث الأرشفة لن اطيل عليكم بالكلام وساضع لكم الطريقة بشكل مبسط ولكن قبل ان نقوم بالبحث عن الأكواد بالقالب يجب اخذ نسخة احتياطية لقالب المدونة لتفادى حدوث اى خطاء ولمن لا يعرف طريقة اخذ نسخة احتياطية ادخل على هذا الرابط لتعرف الطريقة درس للمبتدئين اخذ نسخة احتياطية لقالب المدونة



 شرح تركيب الأضافة :

 فى البداية ادخل الى لوحة تحكم مدونتك ومن بعدها اضغط على القالبالأن اضغط على تحرير 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>
بمعنى ان نضع الكود اسفل الكود السابق مثال لذلك : هكذا

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

ملحوظة : 

 اذا كنت تريد تغير كلمة Tag الى اى كلمة تريدها قم بتغير الكلمة المحددة باللون الأصفر اما اذا كنت تريد وضع صورة مكان كلمة Tag ضع هذا الكود مكانها :
<img src='رابط الصورة'/>
 الأن ضع رابط الصورة الذى تريدها ولكن يفضل ان تكون الصورة صغيرة الجم لعدم تشهوة المدونة والمقاس المناسب لهذه الصورة يفضل ان تكون 17x19
 مصدر هذه التدوينة اخذتها من مدونة http://www.anshuldudeja.com
 انتهى الشرح وارجو ان هذه التدوينة اعجبتكم وانتظرونى بتدوينة اخرى جديدة ومفيدة (( لا خير فى كاتم العلم ))

ليست هناك تعليقات :

إرسال تعليق

قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )

الأرشيف