تطوير ويب » تنسيق القالب » طريقة وضع صورة كاتب التدوينه بجانب عنوان كل تدوينه مثل الوردبريس
السلام عليكم ورحمة الله وبركاتة كثيرا من الاصدقاء وغيرهم قد سالني عن طريقة وضع صورتي بجانب عنوان كل تدوينه اقوم بكتابتها
ولانه قد مر علي تطبيقي تلك الطريقه فتره طويله فقد نسيت فعلا خطوات تطبيقها بالتسلسل ..الي ان هداني الله ان رايت نفس طريقتي الاولى موجوده علي احد المدونات المحترفه والاجنبيه طبعا فقررت ان اشارككم اياها عساها ان تفيد من يبحث عنها ..
ما بالاسفل هي خطوات التطبيق السهله قم بتطبيقها ان اعجبتك الاضافه فكما ترى صورتي بجانب عنوان كل موضوع ان اردت فعل المثل طبق ما بالاسفل..
ولانه قد مر علي تطبيقي تلك الطريقه فتره طويله فقد نسيت فعلا خطوات تطبيقها بالتسلسل ..الي ان هداني الله ان رايت نفس طريقتي الاولى موجوده علي احد المدونات المحترفه والاجنبيه طبعا فقررت ان اشارككم اياها عساها ان تفيد من يبحث عنها ..
ما بالاسفل هي خطوات التطبيق السهله قم بتطبيقها ان اعجبتك الاضافه فكما ترى صورتي بجانب عنوان كل موضوع ان اردت فعل المثل طبق ما بالاسفل..
- سجل دخولك الي لوحة تحكم بلوجر > تصميم> تحرير 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; }
أصدقاء(تطوير ويب)
1تعليقات Blogger
1 عدد التعليقات على موضوع طريقة وضع صورة كاتب التدوينه بجانب عنوان كل تدوينه مثل الوردبريس
برجاء طريقة أخى لآن هذه لم تنجح
حيث تتداخل التعليقات مع التدوينات بصورة غريبة
http://tazawad.blogspot.com
إرسال تعليق
التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .