اضافة تعليقات بلوجر جديدة وحل جميع مشاكل زر الرد وشكل الردود + اشكال تعليقات مختلفة كتبها: المدون التقني - الخبير عامر بشير

Admin Amer لا يوجد تعليق اضافات بلوجر بلوجر تعليقات حلول أبريل 10, 2019

اضافة تعليقات بلوجر جديدة وحل جميع مشاكل زر الرد وشكل الردود + اشكال تعليقات مختلفة كتبها: المدون التقني - الخبير عامر بشير

Admin Amer

أبريل 10, 2019

0 تعليقات

شاركه غرد جوجل+

السلام عليكم ورحمة الله تعالى وبركاته أهلا بكم متابعي وأصدقاء الخبير عامر بشير ، مرحبا بك أخي / أختي القاريء (ة) في موضوع تقني جديد لهذا اليوم، نتمنى لكم الاستفادة ومتابعة ممتعة للجميع.

السلام عليكم ومرحبا بكم في مدونة اكسبيرت كنولوجي اقدم لكم شرح لتغيير شكل التعليقات لمدونات بلوجر و اضافة اكثر من شكل حسب ذوقك + اصلاح زر الرد و شكل الردود في التعليقات

شرح اليوم بفيديو لذا تابع الفيدو  التالي لكي تنجح معك الاضافة

الان لتحميل الاكواد الكود الاول و هوا كود الذي في اول الشرح

تحميل من هنا


الان اشكال التعليقات و الاكواد عبارة عن اكواد CSS اختر الشكل الذي تريده لاكن لا تنسى حذف اكواد css  القديمة لتعليقات السابقة

تحميل الشكل الاول تحميل الشكل الثاني تحميل الشكل الثالث

إذا اعجبك الشرح لا تنسى الاشتراك في المدونة و القناة لكي تتوصل بكل جديد

إضافة صندوق يعرض اخر التعليقات لمدونات بلوجر كتبها: المدون التقني - الخبير عامر بشير

Admin Amer لا يوجد تعليق اضافات بلوجر بلوجر تعليقات يناير 18, 2019

إضافة صندوق يعرض اخر التعليقات لمدونات بلوجر كتبها: المدون التقني - الخبير عامر بشير

Admin Amer

يناير 18, 2019

0 تعليقات

شاركه غرد جوجل+

السلام عليكم ورحمة الله تعالى وبركاته أهلا بكم متابعي وأصدقاء الخبير عامر بشير ، مرحبا بك أخي / أختي القاريء (ة) في موضوع تقني جديد لهذا اليوم، نتمنى لكم الاستفادة ومتابعة ممتعة للجميع.

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

هذه الاضافة تم استعمالها في قوالب مارشميلو و الذي يميز هذه الاضافة هوا انه عندما يتم التعليق بفيديو او بصورة يضهر شارة صغيرة تبين نوع الملف الذي رفع 

يمكنك معاينة الاضافة من هنا

  شرح تركيب الاضافة

• ابحث في القالب على  وضع الكود التالي فوقه مباشرة

<style type='text/css'>/*<![CDATA[*/ /*===================================== * recent comments * =========================================*/ .abdoutech-comments{padding:4px} .abdoutech-comments .ta3li9{margin-bottom:15px;padding-bottom:15px;overflow:hidden;border-bottom:1px solid #eeeeee} .abdoutech-comments .ta3li9 .avatar{border:3px solid #eeeeee;float:right;width:50px;height:50px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;margin-left:15px;overflow:hidden} .abdoutech-comments .ta3li9 .avatar img{width:100%;height:100%} .abdoutech-comments .details-ta3li9 cite{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;font-style:normal;float:right;height:21px;margin:0 0 4px 9px;overflow:hidden} .abdoutech-comments .details-ta3li9 time{overflow:hidden;font-size:10px;float:right;background:#fff;color:#2e3543;padding:4px} .details-ta3li9{overflow:hidden} .abdoutech-comments .details-ta3li9 time i{margin:0 3px} .abdoutech-comments .details-ta3li9 cite a{font-weight:700} .abdoutech-comments .ta3li9 p{padding:6px;overflow:hidden;margin:4px auto} .abdoutech-comments .ta3li9 .comment-url{display:block;padding-right:15px;overflow:hidden;font-size:10px;position:relative} .ta3li9 .att-com{font-size:14px;position:relative;padding:0 9px;background:#2e3543;color:#fff;padding-right:20px;padding-left:4px;border-radius:3px} .ta3li9 .att-com:after{top:4px;display:inline-block;font-family:'FontAwesome';vertical-align:middle;position:absolute;right:3px} span.att-com.vid_youtube:after{content:"\f16a"} span.att-com.img-coment:after{content:"\f1c5"} span.att-com.vid_vimeo:after{content:"\f27d"} .ta3li9 .vid_youtube{background:#f00} .ta3li9 .vid_vimeo{background:hsl(198,89%,50%)} /*]]>*/ </style>

• الان ابحث على هذا الكود  وضع الكود التالي فوقه مباشرة
• الكود من هنا

الان يمكنك حفظ القالب و الذهاب الى التخطيط و تفتح اضافة اداة html/javascript  وتضيف هذا الكود

5"/>

لزيادة عدد التعليقات غير رقم 5 الذي ب الاحمر برقم الذي تريد ضهوره

الى هنا نصل الى نهاية الشرح ولا تنسى الاشاراك في المدونة لكي تتوصل بكل جديد

تركيب تعليقات بلوجر بطريقة احترافية الشكل الثالث v3 كتبها: المدون التقني - الخبير عامر بشير

Admin Amer لا يوجد تعليق اضافات بلوجر بلوجر تعليقات ديسمبر 14, 2017

تركيب تعليقات بلوجر بطريقة احترافية الشكل الثالث v3 كتبها: المدون التقني - الخبير عامر بشير

Admin Amer

ديسمبر 14, 2017

0 تعليقات

شاركه غرد جوجل+

السلام عليكم ورحمة الله تعالى وبركاته أهلا بكم متابعي وأصدقاء الخبير عامر بشير ، مرحبا بك أخي / أختي القاريء (ة) في موضوع تقني جديد لهذا اليوم، نتمنى لكم الاستفادة ومتابعة ممتعة للجميع.

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

رابط التحميل على السايدبار

اذا اعجبك الشرح لا تنسى الاشتراك في المدونة و القناة لكي يصلك كل ما هوا جديد من شروحات مصورة و قوالب

معاينة مباشرة معاينة مباشرةرابط التحمي من فايل ابلوادرابط التحميل من جوجل درايف رابط التحميل من ميدي فاير

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

Admin Amer لا يوجد تعليق اضافات بلوجر بلوجر تطوير مواقع تعليقات ديسمبر 04, 2017

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

Admin Amer

ديسمبر 04, 2017

0 تعليقات

شاركه غرد جوجل+

السلام عليكم ورحمة الله تعالى وبركاته أهلا بكم متابعي وأصدقاء الخبير عامر بشير ، مرحبا بك أخي / أختي القاريء (ة) في موضوع تقني جديد لهذا اليوم، نتمنى لكم الاستفادة ومتابعة ممتعة للجميع.

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

اولا لا تنسى الاشتراك في المدونة لكي تستفيد من اضافاتها حيث ننشر اخر اضافات بلوجر بدون احتكار

معاينة

الكود الذي تضعه

<div id='wpac-review'/><script type='text/javascript'>wpac_init = window.wpac_init || []; wpac_init.push({widget: 'Review', id: 7181}); (function() { if ('WIDGETPACK_LOADED' in window) return; WIDGETPACK_LOADED = true; var mc = document.createElement('script'); mc.type = 'text/javascript'; mc.async = true; mc.src = 'https://embed.widgetpack.com/widget.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(mc, s.nextSibling); })(); </script>



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

#comments {display:none;}





مواضيع يمكنك متابعتها

1. تركيب تعليقات بلوجر على شكل رسائل المسنجر بطريقة احترافية v2
2. تركيب تعليقات بلوجر على شكل رسائل المسنجر بطريقة احترافية v1
3. دمج تعليقات الفيس بوك وبلوجر بستايل جديد

و خيرا اذا اعجبتك التدوينة لا تنسى الاشتراك في المدونة و الاشتراك في القناة على اليوتيوب لاني انشر شروحات على بلوجر و تكون مصورة

تغيير شكل صندوق كتابة التعليق في بلوجر كتبها: المدون التقني - الخبير عامر بشير

Admin Amer لا يوجد تعليق اضافات بلوجر بلوجر تعليقات سبتمبر 28, 2017

تغيير شكل صندوق كتابة التعليق في بلوجر كتبها: المدون التقني - الخبير عامر بشير

Admin Amer

سبتمبر 28, 2017

0 تعليقات

شاركه غرد جوجل+

السلام عليكم ورحمة الله تعالى وبركاته أهلا بكم متابعي وأصدقاء الخبير عامر بشير ، مرحبا بك أخي / أختي القاريء (ة) في موضوع تقني جديد لهذا اليوم، نتمنى لكم الاستفادة ومتابعة ممتعة للجميع.

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

هذا الكود ضعه تحت ال 

<group description="شكل صندوق كتابة التعليق"> <variable name="body.font" description="Font" type="font" default="normal normal 14px 'changa', sans-serif" value="normal normal 14px 'monospace', sans-serif"/> <variable name="body.text.color" description="Text Color" type="color" default="#222" value="#222222"/><variable name="body.text.font" description="2" type="font" default="$(body.font)" value="normal normal 14px 'monospace', sans-serif"/><variable name="posts.background.color" description="6" type="color" default="#fff" value="#ffffff"/><variable name="body.link.color" description="7" type="color" default="#2196f3" value="#2196f3"/><variable name="body.link.visited.color" description="8" type="color" default="$(body.link.color)" value="#2196f3"/><variable name="body.link.hover.color" description="9" type="color" default="$(body.link.color)" value="#2196f3"/><variable name="blog.title.font" description="10" type="font" default="$(monospace)" value="$(monospace)"/><variable name="blog.title.color" description="11" type="color" default="#fff" value="#ffffff"/><variable name="header.icons.color" description="12" type="color" default="#fff" value="#ffffff"/><variable name="tabs.font" description="13" type="font" family="$(body.font.family)" size="$(body.font.size)" default="700 normal $(size) $(family)" value="700 normal $(size) $(family)"/><variable name="tabs.color" description="14" type="color" default="#ccc" value="#cccccc"/><variable name="tabs.selected.color" description="15" type="color" default="#fff" value="#ffffff"/><variable name="tabs.overflow.background.color" description="16" type="color" default="$(posts.background.color)" value="#ffffff"/><variable name="tabs.overflow.color" description="17" type="color" default="$(posts.text.color)" value="#222222"/><variable name="tabs.overflow.selected.color" description="18" type="color" default="$(posts.title.color)" value="#212121"/><variable name="posts.title.color" description="19" type="color" default="#212121" value="#212121"/><variable name="posts.title.font" description="20" type="font" default="$(monospace)" value="$(monospace)"/><variable name="posts.text.font" description="21" type="font" default="$(body.text.font)" value="normal normal 14px 'monospace', sans-serif"/><variable name="posts.text.color" description="22" type="color" default="$(body.text.color)" value="#222222"/><variable name="posts.icons.color" description="23" type="color" default="#707070" value="#707070"/><variable name="labels.background.color" description="24" type="color" default="$(sidebar.backgroundColorTopHD)" value="$(sidebar.backgroundColorTopHD)"/></Group>


 الان ابحث على هذا الكود data:post.commentFormIframeSrc

و ضع هذا امامه

+ "&skin=contempo" + data:variantParam