Post Top Ad

Your Ad Spot

السبت، 31 أغسطس 2013

كيفية اضافة اخر مواضيع قسم محدد مع خاصية التحكم بعدد المواضيع recent posts label

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





شرح اضافة اخر مواضيع قسم محدد :

 اذهب لوحة التحكم ثم الى التخطيط وقم بأضافة اداء جديدة واختار HTML/Java Script


اضف الكود التالى داخل الأداء :
<style>
#recentposts ul {
border : medium none;
margin : 3px;
padding : 0;display:block;
}
#recentposts ul li {
font-family: Georgia, serif;
border-bottom: 1px solid #ccc;
display:block;
margin-bottom:5px;
}
#recentposts ul li img.thumbnail {
border: 1px solid #DDD;
padding: 2px;
background-color: white;
float: left;
margin: 0 8px 0 0;
}
.recentposts ul li a:link, .recentposts ul li a:visited, .recentposts ul li a:active {
display: block;
color: #727272;
padding: 8px;
background-image: none !important;
display:block;
}
#recentposts ul li span.meta {
display: block;
font-size: 10px;
text-transform: uppercase;
color: #777;
line-height: 20px;
}</style>
<div  id="recentposts"><ul>
<script style='text/javascript' src='https://sites.google.com/site/kingntcom/recent.js'></script>
<script style='text/javascript'>
var numposts = 3;
var showpostthumbnails = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
</script>
<script src='http://kingnt.com/feeds/posts/default/-/مدونة كينج نت?orderby=published&alt=json-in-script&callback=recent'></script></ul></div>

قبل ان تحفظ الأداء قم بعمل هذه التغيرات الضرورية :

1- الرقم المحدد باللون الاحمر (( 3 )) خاص بعدد عرض المواضيع .
2- كلمة مدونة كينج نت المحددة باللون الأصفر خاصة بأسم القسم الذى تريدة .
3- غير رابط موقعى الى رابط موقعك المحدد باللون الأخضر .
بالأخير اضغط على حفظ التغيرات وانتهى التركيب .

صورة توضح لشكل الأضافة الخفيفة على التصفح والشكل الرائع :


 ملحوظة : طبعا الصورة السابقة توضح لنا بأن كل قسم منفصل عن الاخر ويعرض لنا اخر مواضيع لكل قسم طبعا بأمكانك ان تضع اقسام بعدد لا نهائى .

بالنهاية لن اقول غير ( لا خير فى كاتم العلم ) واتمنى بأن هذه الأضافة البسيطة اعجبتكم وانتظرونى بأضافة اخرة مفيدة وجديدة 

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

إرسال تعليق

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

Post Top Ad