تغيير شكل صندوق التعليقات فى بلوجر الى احدث شكل 2019

تغير شكل صندوق التعليقات فى بلوجر الى احدث شكل 2019 #بلوجر
| عدد كلمات المقال اخر تحديث للمقال

محتوي الموضوع
سيكون الرابط جاهز خلال 0 ثانية
قم بالتمرير للأسفل أو أنقر فوق جلب الرابط للإنتقال بسرعة
تهانينا! تم تجهيز الرابط بنجاح

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


اولا قم بتنزيل الملف الخاص بالتصميم من هُنا

ثانيا قم بسمع الشرح لكى تتعلم كيفية تغير الشكل 




أذا واجهك اى خطاء اتركه ف تعليق 

الرجاء ترك تعليق تحفيزى ملحوظة Invalid variable declaration in page skin: Variable name must not be declared twice. Input: body.backgroundلو ظهر لك هذا الخطاء قم بحذف هذا الكود من الكود الاول
<Variable name="body.background" description="Background"
      color="$(body.background.color)"
      type="background"
      default="$(color) none repeat scroll top left"  value="$(color) url(https://themes.googleusercontent.com/image?id=cv9I8ENrXKLcyUn5vUUQg7E6BKlHmpvCj3ZWzIxS4dFY686OFUWqf0gChAoj9zmPK4JQtHoONC4J) no-repeat scroll top center /* Credit: Veronica Olson (http://www.offset.com/photos/328389) */;"/>
وسوف تعمل إنشاء الله

و الان فى حفظ الله

ملحوظة جديده تم حديدث الاكواد التى فى ملف Code 1 لتتوافق مع اخر إصدار من التحديث الخاص ببلوجر هنا .
<Variable name="Cairo" description="Cairo Font" type="font" default="400 62px Cairo, cursive" hideEditor="true"  value="400 62px Cairo, cursive"/>
<Group description="Page Text">
  <Variable name="body.text.font" description="Font" type="font" default="$(Cairo)"  value="15px Cairo, sans-serif"/>
  <Variable name="body.text.color" description="Color" type="color" default="#757575"  value="#747474"/>
</Group>

<Group description="Backgrounds">
  <Variable name="body.background.height" description="Background height" type="length" min="420px" max="640px" default="480px"  value="480px"/>

  <Variable name="body.background.color" description="Body background color" type="color" default="#eee"  value="#ededed"/>
  <Variable name="posts.background.color" description="Post background color" type="color" default="#fff"  value="#ffffff"/>
  <Variable name="body.background.blur" description="Background blur" type="length" min="0px" max="50px" default="0px"  value="0px"/>
</Group>

<Group description="Links">
  <Variable name="body.link.color" description="Link color" type="color" default="#2196f3"  value="#2095f2"/>
  <Variable name="body.link.visited.color" description="Visited link color" type="color" default="$(body.link.color)"  value="#B33a0d"/>
  <Variable name="body.link.hover.color" description="Link Hover Color" type="color" default="$(body.link.color)"  value="#B33a0d"/>
</Group>


<Group description="Tabs text" selector="div.widget.PageList">
  <Variable name="tabs.font" description="Font" type="font" family="$(Cairo.family)" size="$(Cairo.size)" default="700 normal $(size) $(family)"  value="700 normal $(size) $(family)"/>
  <Variable name="tabs.color" description="Text color" type="color" default="#ccc"  value="#cbcbcb"/>
  <Variable name="tabs.selected.color" description="Selected color" type="color" default="#fff"  value="#ffffff"/>
  <Variable name="tabs.overflow.background.color" description="Popup background color" type="color" default="$(posts.background.color)"  value="#ffffff"/>
  <Variable name="tabs.overflow.color" description="Popup text color" type="color" default="$(posts.text.color)"  value="#757575"/>
  <Variable name="tabs.overflow.selected.color" description="Popup selected color" type="color" default="$(posts.title.color)"  value="#212121"/>
</Group>

<Group description="Posts" selector="div.widget.Blog">
  <Variable name="posts.title.color" description="Post title color" type="color" default="#212121"  value="#1f1f1f"/>
  <Variable name="posts.title.font" description="Post title font" type="font" default="$(Cairo)"  value="900 28px Playfair Display, serif"/>
  <Variable name="posts.stream.title.font" description="Post title stream font" type="font" default="$(Cairo)"  value="900 36px Playfair Display, serif"/>
  <Variable name="posts.text.font" description="Post text font" type="font" default="$(body.text.font)"  value="15px Roboto, sans-serif"/>
  <Variable name="posts.text.color" description="Post text color" type="color" default="$(body.text.color)"  value="#757575"/>
  <Variable name="posts.byline.color" description="Post byline color" type="color" default="rgba(0, 0, 0, 0.54)"  value="rgba(0, 0, 0, 0.54)"/>
  <Variable name="blockquote.font" description="Blockquote font" type="font" default="$(Cairo)"  value="italic 300 15px Roboto, sans-serif"/>
  <Variable name="blockquote.color" description="Blockquote color" type="color" default="#444"  value="#434343"/>
  <Variable name="posts.icons.color" description="Post icons color" type="color" default="#707070"  value="#6f6f6f"/>
</Group>

<Group description="Labels" selector=".widget.Label">
  <Variable name="labels.text.color" description="Label text color" type="color" default="$(body.link.color)"  value="#ffffff"/>
  <Variable name="labels.background.color" description="Label background color" type="color" red="$(labels.text.color.red)" green="$(labels.text.color.green)" blue="$(labels.text.color.blue)" default="rgba($red, $green, $blue, 0.05)"  value="#d45c00"/>
</Group>

معلومات الكاتب

هل تواجه مشكلة ؟ اضغط على زر ابلاغ في حين وجود اى مشكلة تواجهك فى المقال او الموقع بالكامل لكى نتمكن من حلها لكي يستفيد الكل
ابلاغ

7 تعليقات

  1. حبيب اخوك 💜⁦♥️⁩استمر
    1. ابو صلاح ربنا يخليك
    2. 😍🧡🧡💖
  2. شكرا لك سيتم التطبيق ان شاء الله
    1. انا تحت امرك
  3. لماذا لاتعمل معي علي رغم التطبيق الصحيح للخطوات
    1. قم بالتعليق بالخطاء الذى وجهك اخى فى تعليق
==================================
== ادعمنا بتعليقٍ تحفيزىً لكى نستمر ==
==================================
أُووبس!
يبدو أن هناك شيئًا خاطئًا في اتصالك بالإنترنت. يرجى الاتصال بالإنترنت والبدء في التصفح مرة أخرى.
تم اكتشاف مانع الاعلانات
نتعذر عن عدم عرض المحتوي لانه يوجد اضافة منع الاعلانات.فضلا قم بغلق مانع الاعلانات. بسبب اننا نستخدم الاعلانات لدعم الموقع . شكرا لتفهمكم الامر
الموقع محظور
آسف! هذا الموقع غير متوفر في بلدك.