اضافة التعريف الكاتب على شكل اقتباس

عبدو تكنولوجي - Abdou Technologie
26 أكتوبر 2016

اضافة التعريف الكاتب على شكل اقتباس




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


  • طريقة التركيب كتالي


  1. نبحث عن <b:skin/><[[
  2. ونضع هذا الكود فوقه


/* post author */
.post-authoor p:after{ content:"\f10d";  font-family:fontawesome;  margin-right:4px}
.post-authoor p:before{ content:"\f10e";  font-family:fontawesome;  margin-left:4px}
.post-authoor p{ padding:0 28px;  font-size:15px;  color:#f3f3f3;  margin-top:4px;  line-height:26px}
.post-authoor h3{ font-size:23px;  font-weight:100}
.post-authoor .author-img-fo{ width:100px;  height:100px;  text-align:center;  border:2px solid #3d4a60;  border-radius:8px;  position:absolute;  right:0;  left:0;  top:-50px;  margin:auto}
.post-authoor:before{ content:"\f10e";  font-family:fontawesome;  margin-left:4px;  position:absolute;  right:20px;  font-size:77px;  top:14px;  color:rgba(0,0,0,0.14)}
.post-authoor:after{ content:"\f10d";  font-family:fontawesome;  margin-right:4px;  position:absolute;  left:20px;  font-size:77px;  bottom:10px;  color:rgba(0,0,0,0.14)}
.post-authoor{ border:1px solid #eee;  border-left:0;  text-align:center;  position:relative;  border-right:0;  padding:20px 0;  background:#3d4a60;  padding-top:64px;  color:#fff;  margin:42px auto;  max-width:95%;  border-radius:11px;  margin-bottom:0;margin-top: 77px;}






  1. نبحث عن <div class='post-footer'>
  2. قد تجد الكود متكرر 4 مرات أو أقل الكود الأخير هو المقصود
  3. ان لم تجد الكود ابحث عن هذا <div class='sharepost'>
  4. لتحميل الكود الثاني من هنا
  5. لا تنسى الاشتراك في الموقع  و ان واجهتك مشاكل في التركيب ضع رابط تحميل قالبك في الفيسبوك من هنا
تعليقات
  • جيك برو | Geek Pro 20 مارس 2018 في 1:43 ص

    اخي مش لاقي <[[

  • جيك برو | Geek Pro 20 مارس 2018 في 1:43 ص

    SKIN مش موجوده

  • maher 18 أبريل 2018 في 11:11 ص

    مع الاسف الرابط ايضا لا يعمل لو بالامكان اصلاحه و شكرا

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