اضافة اخر التعليقات لمدونة بلوجر 2015

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

اليوم  و  في  اول  دورة  من  دروس  البلوجر  معنا  اليوم  اضافة  اخر  التعليقات  لمدونة  بلوجر

اضافة  جميلو  حيث  يتم  فيها  عرض  صورة  مصغرة  للمعلق  مع  تاثير  على  التعليق  و  الخط  معا  اترككم  للمعاية  و  هي 

في  الاسفل

معاينة إضغط هنا تحميل إضغط هنا

الان ناتي الى طريقة التركيب  

1. 1. حمل الكود او انسخه و من ثم اذهب الى تخطيط
   2. اختر مكان مناسب و عادتا ياتي موضعه في الاسفل
   3. اختر ادات جافا سكريبت و السق الكود و اعطيه عنوان مناسب
   4. غير رابط مدونتي الى رابط مدونك
   5. الرابط موجود مرة واحدة في الاسفل
   6. احفظ الاداة و مبروك عليك

انسخ الكود التالي

<h2 class='title'>تعليقات الزوار</h2><div class='widget-content'><style type="text/css">ul.latest_recent_comments{list-style:none;margin:0;padding:0} .latest_recent_comments li{position: relative;background:none !important;margin:8px 0 6px !important;padding:0 2px 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none} .latest_recent_comments li a{float:left;width:250px;font:12px Arial;color:#888;background:#FFFFFF;border:1px solid #888;-webkit-box-shadow:0 0 3px rgba(0,0,0,.4);-moz-box-shadow:0 0 3px rgba(0,0,0,.4);box-shadow:0 0 3px rgba(0,0,0,.4);margin:9px 10px 0 0;padding:13px 7px 7px;} .latest_recent_comments li a:hover{color:#FFFFFF;background:#1195C9;} .latest_recent_comments li .avatarImage { padding: 3px; background: none repeat scroll 0% 0% rgb(30, 144, 255); box-shadow: 0px 1px 1px rgb(91, 233, 166); float: right; margin: 0px 6px 0px 0px; position: relative; overflow: hidden; } .avatarRound{border-radius:100px 100px 100px 100px} .latest_recent_comments li img{padding:0;position:relative;overflow:hidden;display:block} .latest_recent_comments li span{position: absolute;right:48px;top:-3px;padding:3px 3px 1px;color:#FFFFFF;background:#888;opacity:0.7; filter:alpha(opacity=70);border:1px solid #444;display:block;font:12px Arial;line-height:1.4} .latest_recent_comments span{display:none} </style><script type='text/javascript'>function latest_recent_comments(e){var t;t='<ul class="latest_recent_comments">';for(var n=0;n<numComments;n++){var r,i,s,o;if(n==e.feed.entry.length)break;t+=" <li>";var u=e.feed.entry[n];for(var a=0;a<u.link.length;a++){if(u.link[a].rel=="alternate"){r=u.link[a].href}}for(var f=0;f<u.author.length;f++){i=u.author[f].name.$t;s=u.author[f].gd$image.src}if(s.indexOf("/s1600/")!=-1){s=s.replace("/s1600/","/s"+avatarSize+"-c/")}else if(s.indexOf("/s220/")!=-1){s=s.replace("/s220/","/s"+avatarSize+"-c/")}else if(s.indexOf("/s512-c/")!=-1&&s.indexOf("http:")!=0){s="http:"+s.replace("/s512-c/","/s"+avatarSize+"-c/")}else if(s.indexOf("blogblog.com/img/b16-rounded.gif")!=-1){s="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH3U5YaQuHvfa4740P2USEunXINsXEzYEg-VGp8oNgWzhDD6BFoboJ9uYZsLLALuZsbuuRnVomffK1YsqQBUPaDwLFy-8SDf1_p87Clb0DdXD-LtGI5Hx383eBLNe5dF7tzgtiJKMUXRFC/"+avatarSize+"/md_blogger_logo.png"}else if(s.indexOf("blogblog.com/img/openid16-rounded.gif")!=-1){s="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOXt19PdwgAvEjiQKmRxKNPHYBmlEXuVe1vVXkfRhSohAQUEBBWiCCrVYt5R8Ui-2rKcSfvZNrNJGaz3N776rYKb-e3pWz0JFzHoJaR1_Mz1DDuvNtT6hBAIi1Y17hCuslJOoSz8DNbuDT/"+avatarSize+"/md_openid_logo.png"}else if(s.indexOf("blogblog.com/img/blank.gif")!=-1){if(defaultAvatar.indexOf("gravatar.com")!=-1){s=defaultAvatar+"&s="+avatarSize}else{s=defaultAvatar}}else{s=s}if(showAvatar==true){if(roundAvatar==true){o="avatarRound"}else{o=""}t+='<div class="avatarImage '+o+'"><img class="'+o+'" src="'+s+'" alt="'+i+'" width="'+avatarSize+'" height="'+avatarSize+'"/></div>'}t+="<span>"+i+"</span>";var l=u.content.$t;var c=l.replace(/(<([^>]+)>)/ig,"");if(c!=""&&c.length>characters){c=c.substring(0,characters);c+="…"}else{c=c}t+='<a href="'+r+'">'+c+"</a>";t+="</li>"}t+="";document.write(t)}var numComments=numComments||5,avatarSize=avatarSize||34,characters=characters||43,defaultAvatar=defaultAvatar||"https://lh3.googleusercontent.com/-h4ww_-yvEEY/Uara1hcCU7I/AAAAAAAAA6w/FgKm-q3kYyw/h120/images.jpg",showAvatar="undefined"===typeof showAvatar?!0:showAvatar,roundAvatar="undefined"===typeof roundAvatar?!0:roundAvatar,hideCredits="undefined"===typeof hideCredits?!1:roundAvatar </script><script type="text/javascript" src="http://testhamzatest.blogspot.com/feeds/comments/default?alt=json&callback=latest_recent_comments&max-results=5"></script></div>