السلام عليكم ورحمة الله وبركاتة كثيرا من الاصدقاء وغيرهم قد سالني عن طريقة وضع صورتي بجانب عنوان كل تدوينه اقوم بكتابتها
ولانه قد مر علي تطبيقي تلك الطريقه فتره طويله فقد نسيت فعلا خطوات تطبيقها بالتسلسل ..الي ان هداني الله ان رايت نفس طريقتي الاولى موجوده علي احد المدونات المحترفه والاجنبيه طبعا فقررت ان اشارككم اياها عساها ان تفيد من يبحث عنها ..
ما بالاسفل هي خطوات التطبيق السهله قم بتطبيقها ان اعجبتك الاضافه فكما ترى صورتي بجانب عنوان كل موضوع ان اردت فعل المثل طبق ما بالاسفل..
ولانه قد مر علي تطبيقي تلك الطريقه فتره طويله فقد نسيت فعلا خطوات تطبيقها بالتسلسل ..الي ان هداني الله ان رايت نفس طريقتي الاولى موجوده علي احد المدونات المحترفه والاجنبيه طبعا فقررت ان اشارككم اياها عساها ان تفيد من يبحث عنها ..
ما بالاسفل هي خطوات التطبيق السهله قم بتطبيقها ان اعجبتك الاضافه فكما ترى صورتي بجانب عنوان كل موضوع ان اردت فعل المثل طبق ما بالاسفل..
- سجل دخولك الي لوحة تحكم بلوجر > تصميم> تحرير HTML
- قم باخذ نسخه احتياطيه من قالب مدونتك
- قم بالبحث عن هذاpost h3 او ابحث عن هذا .post h2
- ستجد الكود الذي بالاسفل,
.post h3 {
color: #7CA2C4;
font-size: 20px;
font-family: Arial, sans-serif;;
font-weight: normal;
margin: 0px;
padding: 0px 10px 0 47px;
}
قم بتظليله لاخر وسمك فيه واستبدله بالكود الموجود بالاسفل ولا تنسى تغيير الرابط الاصفر في الكود برابط صورتك,
قم بعد ذلك بحفظ القالب ومبروك عليك الاضافه..اي استفسار وصعوبه في التطبيق يرجا وضع تعليق بالاسفل فهناك طريقه اخرى تفي بالغرض ساقوم بوضعها عند الحاجه!!.post h3 {
background:url(IMAGE LINK OF YOUR PROFILE PIC) no-repeat top left;
color: #289728;
font-size: 20px;
font-family: Arial, sans-serif;;
font-weight: normal; height:45px;
margin: 0px;
padding: 0px 10px 0 47px;
line-height:1.1em;
}
يسمح لكم بنقل الموضوع بشرط ذكر المصدر : طريقة وضع صورة كاتب التدوينه بجانب عنوان كل تدوينه مثل الوردبريس | TATWEERWEB
ساهم في نشر الموضوع ولك جزيل الشكر !
أضف تعليقك عن طريق الفيسبوك :