26‏/10‏/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. لا تنسى الاشتراك في الموقع  و ان واجهتك مشاكل في التركيب ضع رابط تحميل قالبك في الفيسبوك من هنا
مشاركة

3 تعليق

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

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

الرموز الانفعاليةالرموز الانفعالية