اضافة تعريف الكاتب بالشكل الجديد 2017 لبلوجر - فلات كود
مرحبا بكم, نشكركم على زيارة مدونتنا, نتمنى أن تكون قد حصلت على ما كنت تبحث عنها هنا, ولا تنسى الإنضمام الى متابعي المدونة الأوفياء لتكون أول من يعرف بجديد مواضيعنا, دمتم في آمان الله .. مدير المدونة
404
نعتذر , لا نستطيع ايجاد الصفحة المطلوبة الصفحة الرئيسية

اضافة تعريف الكاتب بالشكل الجديد 2017 لبلوجر

اهلا وسهلا بكم المتابعين مدونة فلات كود اليوم نقدم لكم اضافه تعريف الكاتب فأتيت لكم بها
بالشكل الجديد أحبائى وهو وهوا مميز جدا ويحتوى على المواقع الاجتماعية وإسم الكاتب وتعريفه
طريقة التركيب
1. داخل القالب ابحث بإستعمال Ctrl+F عن <b:skin/><[[
2. ضع الكود التالي قبله
.author-widget {background-color: #222;background-image: url(http://2.bp.blogspot.com/-DO1fHRSWWvM/VdUVodyG21I/AAAAAAAAE14/8oAuB9dwXkY/s1600/ZLSw0SXxThSrkXRIiCdT_DSC_0345-735x400.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;border-radius: 5px;overflow: hidden;margin-bottom: 20px;}.author-widget .author-img {display: table-cell;vertical-align: middle;width: 120px;height: 120px}.author-widget .author-img .img {background-repeat: no-repeat !important;background-position: 50% 50% !important;background-size: cover !important;display: block;width: 100%;height: 100%;}.author-widget .author-info {display: table-cell;vertical-align: middle;color: #EEE;background-color: rgba(0, 0, 0, 0.58);padding: 15px 25px}.author-widget .author-info h4 {margin-bottom: 10px;font-size: 20px;color: #FFF;font-weight: 100;}.author-widget .author-soc {margin-top: 10px}.author-widget .author-soc a {font-size: 18px;color: #ffffff;margin-left: 3px;background: rgba(255, 255, 255, 0.14);width: 30px;height: 30px;display: inline-block;text-align: center;border-radius: 4px;line-height: 33px;}.author-widget .author-bio {font-size: 13px !important;line-height: 22px !important;}.author-info a {color: white;}
3. وبعدها ضع هذا الكود في أي مكان تريده 
*ملاحظة قد تجد الكود متكرر مرتين أو أكثر الأخير هو المقصود
اذهب للكود 

<div class='author-widget' style='http://1.bp.blogspot.com/-XTfbpsdAddE/U0lqCHXEJqI/AAAAAAAAD9k/F2w3e1_Izgk/s1600/artworks-000045993824-6c1mr9-t500x500.jpg'><div class='author-img'><div class='img' style='background:url(//lh3.googleusercontent.com/-Qkkke-pIMik/AAAAAAAAAAI/AAAAAAAABAo/goEiCYZJOfI/s512-c/photo.jpg) '/></div><div class='author-info'><h4>عن <a href='#' rel='author' title='author profile'>نقطة الابداع</a></h4><div class='author-bio'>هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة&#1548; لقد تم توليد هذا النص من مولد النص العربى&#1548; حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق</div><div class='author-soc'><a href='#' target='_blank'><i class='fa fa-envelope'/></a><a href='#' target='_blank'><i class='fa fa-facebook'/></a><a href='#' target='_blank'><i class='fa fa-behance'/></a><a href='#' target='_blank'><i class='fa fa-twitter'/></a><a href='#' target='_blank'><i class='fa fa-instagram'/></a></div></div></div>
قم بالتغير الصورة وإسم الكاتب وموضوع النص 
وقم بتغير روابط المواقع الاجتماعيه فيسبوك ، تويتر ، جوجل بلص ، يوتيوب
ومبروك عليك الاضافه
والسلام عليكم ورحمه الله وبركاتة

ليست هناك تعليقات:

إرسال تعليق