القائمة الرئيسية

الصفحات

أضافه اداة أخر تعليقات بأ شكل متعداد المدونة بتقنية css 2013


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

شرح الاضافة فى مدونتك اذهب الى لوحه التحكم فى مدونتك ثم التخطيط ثم أضافه أداة اختار HTML/JavaScript ثم اكتب عنوان مثل أخر تعليقات المدونة وأضف الكودالزى يناسب مدونتك


الكود الاول

<style type="text/css">ul.bh_recent_comments { list-style: none; margin: 0; padding: 0;}.bh_recent_comments li { background: none!important; margin: 5px!important; padding: 5px!important; display: block; clear: both; overflow: hidden; list-style: none;}.bh_recent_comments li .avatarImage { padding: 3px; background: #fefefe; -webkit-box-shadow: 0 1px 1px #ccc; -moz-box-shadow: 0 1px 1px #ccc; box-shadow: 0 1px 1px #ccc; float: left; margin: 0 6px 0 0; position: relative; overflow: hidden;}.avatarRound { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}.bh_recent_comments li img { padding: 0; position: relative; overflow: hidden; display: block;}.bh_recent_comments li span { margin-top: 3px; color: #666; display: block; font-size: 12px; line-height: 1.4;} .bh_recent_comments li { -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s;}.bh_recent_comments li:hover { background: #FD7474 !important; border-radius: 100%;} .bh_recent_comments li { -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; border: 2px solid transparent;}.bh_recent_comments li:hover { -webkit-transform: scale(1.2) translate(15px); -moz-transform: scale(1.2) translate(15px); -ms-transform: scale(1.2) translate(15px); -o-transform: scale(1.2) translate(15px); transform: scale(1.2) translate(15px); box-shadow: 0 0 20px 1px #aaa;} </style><script type="text/javascript">//<![CDATA[ // Recent Comments Settings var numComments = 5, showAvatar = true, avatarSize = 45, roundAvatar = true, characters = 40, showMorelink = false, moreLinktext = "More ?", defaultAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggJQwyW2OyEOBYMQQ6BqINwjn41SSiQdraVzvn3oLk8QXWQ8dIDBXRRa55llbjaDo9gq-XyZthrePPOhDv0fDWvYg_nxCUVktZcF_wgWOCHhoP49taPxrGs5lixtMJRunBNOZ2LKepny84/s1600/blogger-avatar-1.png", hideCredits = true;//]]></script><script type="text/javascript" src="http://dl.dropbox.com/u/81212926/bloggerheroe-recent%3Dcomments.js"></script><script type="text/javascript" src="/feeds/comments/default?alt=json&callback=bh_recent_comments&max-results=5"></script>




الكود الثانى


<style type="text/css"> ul.bh_recent_comments{list-style:none;margin:0;padding-bottom:5px;} .bh_recent_comments li{margin:0px 0px 0px 0px;border-bottom:1px dotted pink; display:block; clear:both; overflow:hidden;} .bh_recent_comments li .avatarImage{-webkit-border-radius:100px ; -moz-border-radius:100px ; border-radius:100px ; padding:3px; background: cyan; -webkit-box-shadow:0 1px 1px #333; -moz-box-shadow:0 1px 1px #333; box-shadow:0 1px 1px #333; float:left; margin:6px 6px 6px 0; position:relative; overflow:hidden;img filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;-khtml-opacity: 0.5;} .bh_recent_comments li .avatarImage:hover{-webkit-border-radius:100px ; -moz-border-radius:100px ; border-radius:100px ; padding:3px; background: pink; -webkit-box-shadow:0 1px 1px #333; -moz-box-shadow:0 1px 1px #333; box-shadow:0 1px 1px #333; float:left; margin:6px 6px 6px 0; position:relative; overflow:hidden;img filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;-khtml-opacity: 1.0;} .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;} .bh_recent_comments li img{-webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; padding:0px; position:relative; overflow:true; display:block;} .bh_recent_comments li span{color: #FFFFFF; display: block; font-size: 11px; font-style: italic; line-height: 1.4;}.commentNavi { clear: both; padding: 5px 0; display:inline-block; width:100%;}.commentNavi a, .commentNavi span.current { font-size:11px !important;}</style><script type="text/javascript">//<![CDATA[ // Recent Comments Settings var numComments = 7, showAvatar = true, avatarSize = 40, roundAvatar = true, characters = 50, defaultAvatar = "http://www.gravatar.com/avatar/?d=mm", hideCredits = true;//]]></script><script type="text/javascript" src="http://dl.dropbox.com/u/81212926/bloggerheroe-recent%3Dcomments.js"></script><script type="text/javascript" src="/feeds/comments/default?alt=json&callback=bh_recent_comments&max-results=4"></script>



الكود الثالث

<style type="text/css">ul.bh_recent_comments { list-style: none; margin: 0; padding: 0;}.bh_recent_comments li { background: none!important; margin: 5px!important; padding: 5px!important; display: block; clear: both; overflow: hidden; list-style: none;}.bh_recent_comments li .avatarImage { padding: 3px; background: #fefefe; -webkit-box-shadow: 0 1px 1px #ccc; -moz-box-shadow: 0 1px 1px #ccc; box-shadow: 0 1px 1px #ccc; float: left; margin: 0 6px 0 0; position: relative; overflow: hidden;}.avatarRound { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}.bh_recent_comments li img { padding: 0; position: relative; overflow: hidden; display: block;}.bh_recent_comments li span { margin-top: 3px; color: #666; display: block; font-size: 12px; line-height: 1.4;} .bh_recent_comments li { -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; border: 2px solid transparent;}.bh_recent_comments li:hover { -webkit-transform: scale(1.2) translate(15px); -moz-transform: scale(1.2) translate(15px); -ms-transform: scale(1.2) translate(15px); -o-transform: scale(1.2) translate(15px); transform: scale(1.2) translate(15px); box-shadow: 0 0 20px 1px #aaa;} </style><script type="text/javascript">//<![CDATA[ // Recent Comments Settings var numComments = 5, showAvatar = true, avatarSize = 45, roundAvatar = true, characters = 40, showMorelink = false, moreLinktext = "More ?", defaultAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggJQwyW2OyEOBYMQQ6BqINwjn41SSiQdraVzvn3oLk8QXWQ8dIDBXRRa55llbjaDo9gq-XyZthrePPOhDv0fDWvYg_nxCUVktZcF_wgWOCHhoP49taPxrGs5lixtMJRunBNOZ2LKepny84/s1600/blogger-avatar-1.png", hideCredits = true;//]]></script><script type="text/javascript" src="http://dl.dropbox.com/u/81212926/bloggerheroe-recent%3Dcomments.js"></script><script type="text/javascript" src="/feeds/comments/default?alt=json&callback=bh_recent_comments&max-results=5"></script>



الكود الرابع والاخير


<style type="text/css">ul.bh_recent_comments { list-style: none; margin: 0; padding: 0;}.bh_recent_comments li { background: none!important; margin: 5px!important; padding: 5px!important; display: block; clear: both; overflow: hidden; list-style: none;}.bh_recent_comments li .avatarImage { padding: 3px; background: #fefefe; -webkit-box-shadow: 0 1px 1px #ccc; -moz-box-shadow: 0 1px 1px #ccc; box-shadow: 0 1px 1px #ccc; float: left; margin: 0 6px 0 0; position: relative; overflow: hidden;}.avatarRound { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}.bh_recent_comments li img { padding: 0; position: relative; overflow: hidden; display: block;}.bh_recent_comments li span { margin-top: 3px; color: #666; display: block; font-size: 12px; line-height: 1.4;} .bh_recent_comments li { -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; border: 2px solid transparent;}.bh_recent_comments li:hover { border: 2px Solid #1BA1E2;} </style><script type="text/javascript">//<![CDATA[ // Recent Comments Settings var numComments = 5, showAvatar = true, avatarSize = 45, roundAvatar = true, characters = 40, showMorelink = false, moreLinktext = "More ?", defaultAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggJQwyW2OyEOBYMQQ6BqINwjn41SSiQdraVzvn3oLk8QXWQ8dIDBXRRa55llbjaDo9gq-XyZthrePPOhDv0fDWvYg_nxCUVktZcF_wgWOCHhoP49taPxrGs5lixtMJRunBNOZ2LKepny84/s1600/blogger-avatar-1.png", hideCredits = true;//]]></script><script type="text/javascript" src="http://dl.dropbox.com/u/81212926/bloggerheroe-recent%3Dcomments.js"></script><script type="text/javascript" src="/feeds/comments/default?alt=json&callback=bh_recent_comments&max-results=5"></script>




ثم اعمل حفظ
اى استفسار اضف تعليقاتك عن طريق جوجل بلس او تعليقات المدونة
تحياتى

Comments

1 comment
Post a Comment
  1. This comment has been removed by a blog administrator.

    ReplyDelete

Post a Comment

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

لتصلك إشعارات ردود هذا الموضوع على البريد الإلكترونى أضف علامة بالمربع بجوار كلمة "إعلامى"

التنقل السريع
    -->