طريقة وضع صورة كاتب التدوينه بجانب عنوان كل تدوينه مثل الوردبريس

السلام عليكم ورحمة الله وبركاتة كثيرا من الاصدقاء وغيرهم قد سالني عن طريقة وضع صورتي بجانب عنوان كل تدوينه اقوم بكتابتها
ولانه قد مر علي تطبيقي تلك الطريقه فتره طويله فقد نسيت فعلا خطوات تطبيقها بالتسلسل ..الي ان هداني الله ان رايت نفس طريقتي الاولى موجوده علي احد المدونات المحترفه والاجنبيه طبعا فقررت ان اشارككم اياها عساها ان تفيد من يبحث عنها ..
ما بالاسفل هي خطوات التطبيق السهله قم بتطبيقها ان اعجبتك الاضافه فكما ترى صورتي بجانب عنوان كل موضوع ان اردت فعل المثل طبق ما بالاسفل..
  1. سجل دخولك الي لوحة تحكم بلوجر > تصميم> تحرير HTML
  2. قم باخذ نسخه احتياطيه من قالب مدونتك
  3. قم بالبحث عن هذاpost h3 او ابحث عن هذا .post h2
  4. ستجد الكود الذي بالاسفل,
.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;
}
قم بعد ذلك بحفظ القالب ومبروك عليك الاضافه..اي استفسار وصعوبه في التطبيق يرجا وضع تعليق بالاسفل فهناك طريقه اخرى تفي بالغرض ساقوم بوضعها عند الحاجه!!
أصدقاء(تطوير ويب)
تعليقات Facebook
2تعليقات Blogger

2 عدد التعليقات على موضوع طريقة وضع صورة كاتب التدوينه بجانب عنوان كل تدوينه مثل الوردبريس

abo.albaraa يقول...

برجاء طريقة أخى لآن هذه لم تنجح

حيث تتداخل التعليقات مع التدوينات بصورة غريبة

http://tazawad.blogspot.com

إرسال تعليق

التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .