[ css ] إضافة المشاركات العشوائيه او المشاركات حسب قسم محدد | مطورة

السلام عليكم

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


مثال حي للاضافة: من هنا
__________________________________________________ __________________
الآن : كيفية تركيب الاضافة في المدونة

اذهب للوحة تحكم مدونتك ثم التخطيط وبعدها اضغط على اضافة اداة وابحث عن HTML/JavaScript

وبعدها قم بنسخ الكود التالي والصقه داخل الاداة








blogURL: "http://almahwouss.blogspot.com",
MaxPost: 5,
RandompostActive: true,
thumbSize:55,
jumlahhuruf:100,
cmtext:true,
tagName:'قسم',
NoCmtext:true,
idcontaint: "#randomcecent_posts_id"
});
});
//]]>

ul.rdmrcpostag {
text-align: right;
font: normal normal 11px Arial,Geneva,sans-serif;
}
ul.rdmrcpostag,ul.rdmrcpostag li {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}
ul.rdmrcpostag {
background: #fff;
width: 310px;
float: right;
}
ul.rdmrcpostag li {
padding: 5px;
float: right;
}
ul.rdmrcpostag b a {
color: #FFF;
font: 700 12px tahoma,'Open Sans',sans-serif;
margin-right: 72px;
width:230px;
padding: 13px 0 0 0;
height: 48px;
text-align: center;
border-radius: 4px;
display: block;
background: #37AFFF;
border: 1px solid #070707;
}
ul.rdmrcpostag b a:before {
content: "";
width: 0;
height: 0;
border-width: 10px 11px;
border-style: solid;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #000;
position: relative;
top: 8px;
right: -22px;
display: block;
float: right;
}
ul.rdmrcpostag b a:hover {
color: #977014;
transition: .3s;
}
ul.rdmrcpostag .thumbp {
float: right;
margin: 0 0 3px 5px;
}
ul.rdmrcpostag img {
padding: 3px;
border: 1px solid #D000;
background: #C7C7C7;
border-radius: 10px;
}
ul.rdmrcpostag .datex {
display: none;
}
ul.rdmrcpostag .dt {
margin: 0 0 0 5px;
padding: 0 0 0 5px;
border-right: 1px solid #7A7A7A;
display: none;
}
ul.rdmrcpostag p {
display: none;
}

غير التالي بما يناسبك
اللون الاخضر: استبدله برابط مدونتك
اللون الاحمر: هذا عدد المشاركات ، تستطيع زيادته او انقاصه
اللون البرتقالي: استبدله بالقسم الذي تريد ان تظهر مشاركاته

اما ان اردت ان تظهر مشاركات عشوائية فاحدف هذا الكود

tagName:'قسم',

المصدر: http://almahwouss.blogspot.com/2014/08/Add-random-posts-or-posts-by-rating.html</div>






أكثر...