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

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

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

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

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

الرجاء ترك تعليق تحفيزى ملحوظة 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>

الذهاب للرابط