رئيسية المعهد
رئيسية المعهد  تواصل معنا  حقوق الملكية الفكرية  اربط مدونتك بنا  محول أكواد أدسنس

 

معرض قوالب معهد خبراء بلوجر - دليل مدونات بلوجر - موقع نشر بلوجر - اضافات بلوجر




العودة   معهد خبراء بلوجر > الدعم الفني > إضافات وأدوات بلوجر


إضافة رد
نسخ الرابط
نسخ للمنتديات
 
أدوات الموضوع انواع عرض الموضوع
قديم 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
imo7amedi
مدون جديد
 
تاريخ التسجيل: Apr 2013
المشاركات: 16
افتراضي رد: أضافه اداة أخر تعليقات بأ شكل متعداد المدونة بتقنية css 2013

أنا : imo7amedi




رائع جدا .. تسلم

الدعم العربي

imo7amedi غير متواجد حالياً   رد مع اقتباس
قديم 05-02-2013, 04:28 AM   #3
السيد ابو جبل
مدون نشيط
 
الصورة الرمزية السيد ابو جبل
 
تاريخ التسجيل: Jul 2012
الدولة: مصر
المشاركات: 272
إرسال رسالة عبر Yahoo إلى السيد ابو جبل
افتراضي رد: أضافه اداة أخر تعليقات بأ شكل متعداد المدونة بتقنية css 2013

أنا : السيد ابو جبل




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

الدعم العربي

السيد ابو جبل غير متواجد حالياً   رد مع اقتباس
قديم 05-02-2013, 10:42 PM   #4
kingnt
مدون جديد
 
الصورة الرمزية kingnt
 
تاريخ التسجيل: Apr 2013
المشاركات: 72
افتراضي رد: أضافه اداة أخر تعليقات بأ شكل متعداد المدونة بتقنية css 2013

أنا : kingnt




ما شاء الله جزاك الله كل خير

الدعم العربي

kingnt غير متواجد حالياً   رد مع اقتباس
قديم 05-02-2013, 10:47 PM   #5
السيد ابو جبل
مدون نشيط
 
الصورة الرمزية السيد ابو جبل
 
تاريخ التسجيل: Jul 2012
الدولة: مصر
المشاركات: 272
إرسال رسالة عبر Yahoo إلى السيد ابو جبل
افتراضي رد: أضافه اداة أخر تعليقات بأ شكل متعداد المدونة بتقنية css 2013

أنا : السيد ابو جبل




السلام عليكم ورحمه الله وبركاته
تحياتي لسيادتكم ووفقك الله لطلبك فقد احببت افيد غيري بالموضوع
وبنفس الوقت افيد سيادتكم لتجد طلبك تحياتي لك وكما
قال رسول الله صلي الله عليه وسلم ( لا يؤمن أحدكم حتي يحب لأخية مايحبه لنفسه ) صدق رسول الله صلي الله عليه وسلم
ويشرفنا خدمتكم اي وقت بمرورك علي التوقيع لمشاهدة النتائج المبهره اخر اعمالنا

الدعم العربي

السيد ابو جبل غير متواجد حالياً   رد مع اقتباس
قديم 05-03-2013, 05:30 PM   #6
عالم الجوال
مدون جديد
 
الصورة الرمزية عالم الجوال
 
تاريخ التسجيل: May 2013
المشاركات: 25
افتراضي رد: أضافه اداة أخر تعليقات بأ شكل متعداد المدونة بتقنية css 2013

أنا : عالم الجوال




بارك الله فيك

الدعم العربي

عالم الجوال غير متواجد حالياً   رد مع اقتباس
قديم 05-04-2013, 09:01 PM   #7
مرادكوووم
مدون نشيط
 
الصورة الرمزية مرادكوووم
 
تاريخ التسجيل: Apr 2013
المشاركات: 113
افتراضي رد: أضافه اداة أخر تعليقات بأ شكل متعداد المدونة بتقنية css 2013

أنا : مرادكوووم




مشكور و جزاك الله الف خير

الدعم العربي

مرادكوووم غير متواجد حالياً   رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
متعداد, أضافه, اداة, تعليقات


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

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

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
شرح كيفية اضافة اداة في هيدر المدونة 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





لتصفح أفضل وللاستفادة القصوى من خصائص المعهد ننصحكم باستعمال :

Powered by vBulletin® Copyright ©2000 - 2024 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012 Google
أعلن على المعهد : اتصل بنا - منتدي كنوز - الدعم العربي - قوالب بلوجر - او او انيمي
رئيسية المعهد
الساعة الآن 05:40 PM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته
التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك
(ويتحمل كاتبها مسؤولية النشر)