السبت، 17 يونيو 2017

إضافة عن المدونة بشكل جديد v1

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

  1. أولا نقوم بالذهاب الى تحرير القالب
  2. ثم نبحث باستعمال  Ctrl+F عن الوسم ]]>
  3. ونضع فوقه مباشرة هذه الاكواد

.sosmedarl-info h4{background:transparent;position:relative;padding:0;margin:0;border:0;text-align:center;font-size:120%}.sosmedarl-img{position:relative;max-height:255px;overflow:hidden}.sosmedarl-img img{max-width:100%;width:100%;transition:all .6s}.sosmedarl-img:hover img{transform:scale(1.2) rotate(-10deg)}.sosmedarl-img:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;transition:all .3s}.sosmedarl-img:hover:before{background:rgba(0, 0, 0, 0.6)}.aboutfloat-img{text-align:center}.sosmedarl-float{text-align:center;display:inline-block}.sosmedarl-float a{background:transparent;color:#243750;padding:8px 14px;z-index:2;display:table-cell;font-size:90%;text-transform:uppercase;vertical-align:middle;border:2px solid #243750;border-radius:3px;transition:all .3s}.sosmedarl-float:hover a{background:#e74c3c;color:#fff;border-color:transparent}.sosmedarl-float a i{font-weight:normal;margin:0 5px 0 0}.sosmedarl-wrpicon{display:block;margin:15px auto 0;position:relative}.sosmedarl-wrpicon .extender{width:90%;display:block}.extender{text-align:center;font-size:16px}.extender .sosmedarl-icon{display:inline-block;border:0;margin:0;padding:0;width:32%}.extender .sosmedarl-icon a{background:#ccc;display:inline-block;font-weight:400;color:#fff;padding:0 12px;line-height:32px;border-radius:3px;font-size:12px;width:100%}.extender .sosmedarl-icon i{font-family:fontawesome;margin:0 3px 0 0}.sosmedarl-icon.fbl a{background:#3b5998}.sosmedarl-icon.twitt a{background:#19bfe5}.sosmedarl-icon.crcl a{background:#d64136}.sosmedarl-icon.fbl a:hover,.sosmedarl-icon.twitt a:hover,.sosmedarl-icon.crcl a:hover{background:#243750}.extender .sosmedarl-icon:hover a,.extender .sosmedarl-icon a:hover{color:#fff}.sosmedarl-info{margin:10px 0;font-size:13px;text-align:center}.sosmedarl-info p{margin:5px 0}.sosmedarl-info h4{margin-bottom:10px;font-size:16px;text-transform:uppercase;color:#444;font-weight:700}.sosmedarl-info h4 span{position:relative;display:inline-block;padding:0 10px;margin:0 auto}

  1. الآن بعد هذه الخطوة نحفظ القالب
  2. وننتقل الى التخطيط
  3. ثم نختار آداة Html/Javasscript
  4. ونضع فيه هذه الاكواد

  1. يبقى عليك تغيير الملون بما يناسبك
  2. الأحمر: اسم مدونتك
  3. الأخضر: رابط الصورة
  4. الأزرق: الكلام المناسب لك
  5. البرتقالي: روابط مواقع التواصل الاجتماعي الخاصة بك
  6. البنفسجي: رابط الانضمام الى المدونة
المصدر نكهة التقنية
شارك الموضوع مع أصدقائك لتعم الفائدة
إضافة عن المدونة بشكل جديد v1
4/ 5
Oleh

اشترك بالقائمة البريديه

قم بكتابة بريدك الالكتروني لتصلك أخر الاخبار

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