المشاركات الشائعة منزلقة وبشكل جديد لمدونات بلوجر

السلام عليكم ورحمة الله وبركاته .

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

طريقة التركيب :

ادخل إلى مدونتك ، ثم اختر لوحة التحكم .

من لوحة التحكم ــــ اختر تخطيط .

من تخطيط ـــ اختر إضافة أداة

اضف الكود التالي في صندق الأداة ثم احفظ .

 <style>
#BDRSimage-slide { height:112px; overflow:hidden; padding:0; background-color:#fff; width:auto; border:solid #ddd 1px; box-shadow:0 0 5px #eee; }
#BDRSimage-slide:hover { height:325px; overflow:hidden; padding:0;width:auto; border:solid #ccc 1px; box-shadow:none; }
#BDRSimage-slide ul { list-style-type:none; margin:0; padding:0; }
#BDRSimage-slide li { list-style:none; height:80px; padding:10px; border:dashed #ddd 1px; margin:5px; background-color:#FFFFFF; }
#BDRSimage-slide li:hover { border:solid #ddd 1px; }
#BDRSimage-slide a { color:#222; font-family:Verdana; font-size:12px; font-weight:bold; text-decoration:none; }
#BDRSimage-slide .news-title { margin-bottom:5px; font-size:12px; color:#990000; }
#BDRSimage-slide .news-text { font-size:10px; color:#333; text-align:left; font-family:Verdana; font-style:italic; font-weight:normal; padding-bottom:10px; }
#BDRSimage-slide img { float:left; margin-right:10px; margin-top:10px; width:60px; height:60px; border-radius:50%; border:1px solid #e06666; box-shadow:0 0 2px #e06666; }
</style>

<script type="text/javascript" src="https://googledrive.com/host/0BxFbqjck0GDdcUxuZkJ2dkRERkE"></script>
<!-- script start -->
<script type="text/javascript">
var speed = 400;
var pause = 3500;
$(document).ready(function(){
rivaiscript();
interval = setInterval(rivaiscript, pause);
});
</script>
<div >
<ul id="BDRSimage-slide">
<script style="text/javascript">
var numposts = 50;
var numchars = 0;
</script>
<script
src="http://ضع هنا رابط مدونتك/feeds/posts/default/?orderby=published&alt=json-in-script&callback=randompost">
</script
src="http:></ul>
</div> <!-- script end --> 

انقر هنا للمعاينة