|
|
|
|
أدوات الموضوع | انواع عرض الموضوع |
04-26-2013, 07:34 AM | #1 |
مدون جديد
تاريخ التسجيل: Sep 2012
المشاركات: 89
|
أضافه اداة أخر تعليقات بأ شكل متعداد المدونة بتقنية css 2013
الآنأناالتوصل إلىأنتظهرلكممتازةتعمل أضافةالتعليقاتالأخيرة فىمدونتكربماالغايةمساعدتكفيالحصول علىالمزيد من مجموعة متنوعةمنالتعليقات.فيالواقع،فيفجوةسجلصفحة ويبهذه،تكنلدىأيالمعلقينهنا،حالياتمديدالوقتوعليكأن تكونقادرة على إشعارمنأحدثالمعلقينتنطويهنايوموأنأناحتىجعلمحاولةلــ تقديم الدعملهمفيالحد . هنا أربعة اضافاتمنالتعليقاتالأخيرة.لــ ذلكدعوناالقفزإلى الا ضافةهذه اخر التعليق فى مدونتك بشكل جميل وجزاب فى مدونتك ؟ شرح الاضافة فى مدونتك اذهب الى لوحه التحكم فى مدونتك ثم التخطيط ثم أضافه أداة اختار HTML/JavaScript ثم اكتب عنوان مثل أخر تعليقات المدونة وأضف الكودالزى يناسب مدونتك شاهد الاضافة من هنا http://bilokr.blogspot.com الكود الاول كود بلغة HTML:
<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 = "http://3.bp.blogspot.com/-HseCrBm2t_E/URitaAUacjI/AAAAAAAAC0c/Uw4FO3CLyyE/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> الكود الثانى كود بلغة HTML:
<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> الكود الثالث كود بلغة HTML:
<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 = "http://3.bp.blogspot.com/-HseCrBm2t_E/URitaAUacjI/AAAAAAAAC0c/Uw4FO3CLyyE/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> الكود الرابع والاخير كود بلغة HTML:
<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 = "http://3.bp.blogspot.com/-HseCrBm2t_E/URitaAUacjI/AAAAAAAAC0c/Uw4FO3CLyyE/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> ثم اعمل حفظ اى استفسار اضف تعليقاتك عن طريق جوجل بلس او تعليقات المدونة المصدر http://bilokr.blogspot.com/2013/04/css-2013.html مبروك عليك أخي ونتمى أن تكون من المتابعين للمدونة
__________________
|
05-01-2013, 07:06 PM | #2 |
مدون جديد
تاريخ التسجيل: Apr 2013
المشاركات: 16
|
رد: أضافه اداة أخر تعليقات بأ شكل متعداد المدونة بتقنية css 2013
__________________
|
05-02-2013, 04:28 AM | #3 |
مدون نشيط
|
رد: أضافه اداة أخر تعليقات بأ شكل متعداد المدونة بتقنية css 2013
لا شكر على واجب أخي الكريم،إننا نفعل ما بوسعنا لإرضائكم،وأننا لا ندعي التميز بل نسعى اليه ،فقم بالاشتراك في خدمة البريد الالكتروني ليصلك الجديد
__________________
مدونة بلوجر توب أضافات بلوجرقوالب مجانى ادوات بلوجر أشهار مدزنتك مجانى ربط المدونة http://bilokr.blogspot.com |
05-02-2013, 10:42 PM | #4 |
مدون جديد
تاريخ التسجيل: Apr 2013
المشاركات: 72
|
رد: أضافه اداة أخر تعليقات بأ شكل متعداد المدونة بتقنية css 2013
__________________
موقع كينج نت الدعم الفنى لمدونات بلوجر http://www.kingnt.com (( لا خير فى كاتم العلم )) |
05-02-2013, 10:47 PM | #5 |
مدون نشيط
|
رد: أضافه اداة أخر تعليقات بأ شكل متعداد المدونة بتقنية css 2013
السلام عليكم ورحمه الله وبركاته تحياتي لسيادتكم ووفقك الله لطلبك فقد احببت افيد غيري بالموضوع وبنفس الوقت افيد سيادتكم لتجد طلبك تحياتي لك وكما قال رسول الله صلي الله عليه وسلم ( لا يؤمن أحدكم حتي يحب لأخية مايحبه لنفسه ) صدق رسول الله صلي الله عليه وسلم ويشرفنا خدمتكم اي وقت بمرورك علي التوقيع لمشاهدة النتائج المبهره اخر اعمالنا
__________________
مدونة بلوجر توب أضافات بلوجرقوالب مجانى ادوات بلوجر أشهار مدزنتك مجانى ربط المدونة http://bilokr.blogspot.com |
05-03-2013, 05:30 PM | #6 |
مدون جديد
تاريخ التسجيل: May 2013
المشاركات: 25
|
رد: أضافه اداة أخر تعليقات بأ شكل متعداد المدونة بتقنية css 2013
__________________
http://3alamljawal.blogspot.com |
05-04-2013, 09:01 PM | #7 |
مدون نشيط
تاريخ التسجيل: Apr 2013
المشاركات: 113
|
رد: أضافه اداة أخر تعليقات بأ شكل متعداد المدونة بتقنية css 2013
__________________
تحميل برامج مجانية |
مواقع النشر (المفضلة) |
الكلمات الدلالية (Tags) |
متعداد, أضافه, اداة, تعليقات |
الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
أدوات الموضوع | |
انواع عرض الموضوع | |
|
|
المواضيع المتشابهه | ||||
الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
شرح كيفية اضافة اداة في هيدر المدونة | Mah Moud | دروس بلوجر | 7 | 08-31-2015 05:23 AM |
كيفية جعل تعليقات المدونة شعبية مع جوجل بلس 2013 | مى محمد | إضافات وأدوات بلوجر | 2 | 04-26-2013 07:19 AM |
اريد حدف اداة تعليقات في مداونتي /facebook و اداة اخرى و استبدلهما ب DISQUS | l3azzi | طلبات الدعم الفني | 8 | 12-01-2012 08:13 PM |
تغيير شكل اداة المتابعين في بلوجر بشكل اخر جميل جدا بتقنية css | السيد ابو جبل | إضافات وأدوات بلوجر | 0 | 09-04-2012 07:13 PM |
قالب المدونة طور الإنشاء بتقنية html5 حصريا | عماد عادل | قوالب بلوجر عربية ومعربة | 4 | 07-20-2012 11:07 PM |
الساعة الآن 12:07 AM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو
تعاوني بين الأعضاء فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر) |