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

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

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





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

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

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


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

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

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

إرسال تعليق

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

الأرشيف