الدرس 73: طريقة تغيير ستايل صندوق اقتباس بلوجر و اضافة تعليقات Disqus فى صفحة خاصة

درس بالفيديو حول طريقة تغيير ستايل صندوق اقتباس تدوينات مدونة بلوجر blogger  و اضافة صندوق تعليقات ديسك Disqus فى صفحة خاصة لوضع استفسارات و طلبات زوار مدونتك

السلام عليكم احبايي متتبعي مدونة علوم و تقنيات فى حلقة جديدة على دورة انشاء مدونة بلوجر احترافية , فى هذا الدرس ان شاء الله و الذي هو مقسم الى درسين , الاول هو طريقة اضافة ستايل جميل لصندروق الاقتباس الخاص ببلوجر و فى الدرس الثاني سنشرح طريقة جميلة لعمل صندروق التعليقات الخاص بديسك ' Disqus ' فى صفحة منفصلة يمكن لزوار و متابعي مدونة التعليق فيها و طرح طلباتهم و استفساراتهم

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

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

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

لاضافة صندوق ديسك الى مدونتك من هنا :  طريقة تركيب وإعداد إضافة تعليقات Disqus على مدونات بلوجر 
قم اولا بتغيير اسم المعرف : arabes1 باسم المعرف الخاص بحسابك
ثم قم بنسخ الاكواد و اضافتها فى صفحة جدبدة على وضع HTML
الاكواد

<div id="disqus_thread"> </div> <script type="text/javascript"> var disqus_shortname = 'arabes1'; (function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })(); </script>

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

فوق الوسم : ]]></b:skin>  اضف الكود التالي : 

.post blockquote { max-height: 400px !important; clear: both !important; padding: 0 10px 10px 10px !important; border: 1px solid #DDD !important; color: #666 !important; direction: rtl !important; text-align: right !important; border-radius: 4px !important; font: 12px "Courier New", "MS Sans Serif", sans-serif, serif !important; line-height: 1.6em !important; -ms-overflow-x: auto !important; overflow-x: auto !important; position: relative !important; z-index: 50 !important; background: #FFF !important; } .post blockquote:before { content: " الكود <-- يمكنك نسخ هذا الكود الذي على المربع --> "; padding: 0px 20px; margin: 0 -10px 5px -10px; border-bottom: 3px solid #A4D3DF; display: block; background: #E5F8FD url(https://jetara.googlecode.com/files/%D8%AA%D9%86%D8%B2%D9%8A%D9%84.png) left 2px top 2px no-repeat; color: #A4B1B8; }

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

تعديل المقال