طريقة إضافة التعليقات الأخيرة مع التأثير بشكل إحترافي لمدونات بلوجر

زوار ومتابعي المدونة

أسعد الله مسائكم جميعاً

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

1- أدخل على مدونتك | ثم أختر تحرير قالب .

2- إبحث عن الوسم : ]]></b:skin>

3- ضع الكود الذي تختاره فوقه .

- الشكل الأسود :

.loadingxrcm {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9VDphtV7ICWKmPgVURuEpL1M4cCfd9DwrQKx5WkCx33FNcUGEN9cOUEKR1J6wv89NymVQ5AJA9PylYcTCXHw62OEFd7OL3aIH-Mm2RkngfNfwEBMbOfexakYnjDED6ZAGM9AXmZJF4C0/s1600/progress_ani.gif) no-repeat 50% 50%;width:32px;height:32px;display:block;margin:0 auto;text-indent:-9999px;}
ul#kmtranimasi{text-align:left;font:normal normal 11px Verdana,Geneva,sans-serif}
ul#kmtranimasi,ul#kmtranimasi li{margin:0;padding:0;list-style:none;overflow:hidden;position:relative}
ul#kmtranimasi li{text-indent:0;height:90px;padding:0 8px;background:#252525;color:white;border:1px solid black;border-top:1px solid #353535}
ul#kmtranimasi img{border-radius:9999px;overflow:hidden;background:#020202;border:0;float:left;margin:5px 5px 0 0}
ul#kmtranimasi .ketkomt{overflow:hidden}
ul#kmtranimasi .ketkomt a{display:block;color:black;font-weight:bold;overflow:hidden;background:#ECECEC;border-radius:2px;float:left;padding:0 5px;margin: 5px 0 0 0;}
ul#kmtranimasi .ketkomt span{font-size:8px;position:absolute;z-index:2;top:21px;border-radius:2px;display:block;line-height:14px;padding:0 5px;left:68px;background:black}
ul#kmtranimasi p{margin:15px 0 0}

- الشكل الأبيض :

.loadingxrcm {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9VDphtV7ICWKmPgVURuEpL1M4cCfd9DwrQKx5WkCx33FNcUGEN9cOUEKR1J6wv89NymVQ5AJA9PylYcTCXHw62OEFd7OL3aIH-Mm2RkngfNfwEBMbOfexakYnjDED6ZAGM9AXmZJF4C0/s1600/progress_ani.gif) no-repeat 50% 50%;width:32px;height:32px;display:block;margin:0 auto;text-indent:-9999px;}
ul#kmtranimasi{text-align:left;font:normal normal 11px Verdana,Geneva,sans-serif}
ul#kmtranimasi,ul#kmtranimasi li{margin:0;padding:0;list-style:none;overflow:hidden;position:relative}
ul#kmtranimasi li{text-indent:0;height:90px;background:whiteSmoke;padding:0 8px;border:1px solid #DFDFDF;border-top:1px solid white}
ul#kmtranimasi img{border-radius:9999px;overflow:hidden;background:#383838;border:0;float:left;margin:5px 5px 0 0}
ul#kmtranimasi .ketkomt{overflow:hidden}
ul#kmtranimasi .ketkomt a{display:block;color:white;font-weight:bold;overflow:hidden;background:#363636;border-radius:2px;float:left;padding:0 5px;margin: 5px 0 0 0;}
ul#kmtranimasi .ketkomt span{font-size:8px;position:absolute;z-index:2;top:21px;border-radius:2px;display:block;line-height:14px;padding:0 5px;left:68px;background:white}
ul#kmtranimasi p{margin:15px 0 0}

3- إحفظ القالب .

4- ثم إذهب إلى تخطيط وأختر إضافة أداة : HTML/JavaScript

5- اللصق الكود التالي في صندوق الأداة ، ثم إحفظ .

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script src="http://ivyth.googlecode.com/svn/js/rckmtr-dgn-animasi.js" type="text/javascript"></script>
<div id="rcentcomnets"><span class="loadingxrcm">Loading...</span></div>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function () {
rccommnetsx({
id_containrc:"#rcentcomnets",
animatedRecentcomments:true,
numComments:10,
url_blog:"رابط مدونتك هنا",
adminBlog:"blogsfunda blogger/google+"
});
});
//]]>
</script>