التسمية:

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



زوار ومتابعي المدونة 
أسعد الله مسائكم جميعاً 

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

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

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

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

- الشكل الأسود : 
     .loadingxrcm {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUlxDRmDuPmn3rtyJ7y7og1gjs21AnQ1OL5Cy9civBpIrS77jm3_Euu60odN8MOxDBUWUpFFLiE03QMIo5f-mfuUOMbvB5EYYhVzNtk4mAhzkCNhVAa95GudQHaeYIUB-L3KIfNBO4IvA/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/AVvXsEjUlxDRmDuPmn3rtyJ7y7og1gjs21AnQ1OL5Cy9civBpIrS77jm3_Euu60odN8MOxDBUWUpFFLiE03QMIo5f-mfuUOMbvB5EYYhVzNtk4mAhzkCNhVAa95GudQHaeYIUB-L3KIfNBO4IvA/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>

- عدّل ماهو بالأحمر برابط مدونتك .

ومبروك عليك الإضافة الجديدة 

أنتظرونا والقادم أجمل 

كتب بواسطة

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

0 التعليقات:

إرسال تعليق