اضافة تعريف الكاتب بشكل احترافي لمدونات بلوجر
اليوم حبيت اقدم لكم طريقة اضافة تعريف الكاتب بشكل احترافي لمدونات بلوجر طبعاً الاضافة تضيف لمسة من الجمال على المدونة وهي مهمة لتعريف الزائر عليك من خلال وضع المعلومات الخاصة بك نتطرق الى طريقة التركيب طريقة تركيب اضافة تعريف الكاتب اسفل الموضوع في مدونتك
- من لوحة التحكم >> قالب >> تحرير HTML
- خذ نسخة احتياطية لقالب المدونة قبل اجراء اي تغير
- قم بالبحث عن الكود التالي بالاستعانة بلوحة التحكم (CTRL+F)
- قم بالبحث عن الكود ]]></b:skin> واضف فوقه مباشراً الكود التالي
/*CSS post_author*/ .post_author {background:#fff;overflow: hidden;padding: 15px;margin-top: 0;border-top: 2px solid #eee;border-bottom: 2px solid #eee;} .post_author {overflow: hidden;padding: 15px;margin-top: 0;border-top: 2px solid #eee;border-bottom: 2px solid #eee;} .author_avatar{float:right; margin:0 0 0 15px} .author_wrapper{text-align:right} .author_wrapper h4{ color: #3299BB;font-weight: 100;font:normal 18px Electrolize,GESSTwoLight; background:#EEE; margin:0 0 10px; padding:3px 12px; display:inline-block} .author_wrapper h4 a{text-decoration:none; color:#3299BB;font: 24px Great Vibes;} .author_wrapper p {color: #34495e;margin: 0;font-weight: 100;font-size: 14px;padding: 0;line-height: 1.8em;} .author_avatar img {border-radius: 50px;background-size: cover;}
- ابحث عن : <div class='post-footer'>
- او <div class='post-footer-line post-footer-line-1'>
- ضع الكود التالي اسفله مباشرة , اوفي اي مكان يناسبك...
<div class='post_author'> <div class='author_avatar'><div class='small_thumb'><img height='auto' src='https://lh3.googleusercontent.com/-Q9U1TtoxqVg/VaNJjWfLuwI/AAAAAAAACkc/RQlhol9Wrww/s480-no/IMG_0065.JPG' width='100'/></div></div></div> <div class='author_wrapper'> <h4><i class='fa fa-user'></i><a href='#'> Jazairi Web </a></h4> <p>حسام تفاحي من الجزائر ولاية سكيكدة 21 سنة وانا مهووس بالويب لإنشاء مجتمع ويب للتقنية وانا مصمم ومطور و مدون بلوجر مدونة جزئري ويب هي افضل مدونة جزائرية</p> </div></div>
لتحميل الخط المزخرف ضع ايميلك و سيتم الارسال
