به سايت خوش آمديد !


براي مشاهده مطلب اينجا را کليک کنيد

آموزش تغییر هدر تمامی وبلاگ ها + دانلود هدر (header)
یکشنبه 10 تیر 1403
آموزش تغییر هدر/هیدر (header) وبلاگ سلام دوستانبا توجه به نیاز وبلاگنویسان به تغییر هیدر تصمیم گرفتم که آموزش تغییر هیدر رو براتون بذارم : شما میتونید در دو مرحله بسیار ساده هیدر قالبتون رو عوض کنید
جای تبلیغات شما
خرید شارژ
برترین کاربر ماه
  • هنوز مشخص نشده است
  • هنوز مشخص نشده است
  • هنوز مشخص نشده است
  • هنوز مشخص نشده است
  • هنوز مشخص نشده است
  • هنوز مشخص نشده است
تبلیغات
جای تبلیغات شما
پنل کاربری
تعبیر خواب
تازه های سرگرمی
پزشکی و سلامت
شیرینی پزی
اموزش پزشکی
خدمات وب و اسکریبت
خدمات بانکی
علمی و اموزشی
dream interpretation
مطالب مستند
مطالب خواندی
سریال
قصه ما مثل شد
ترفند
اموزش اندروید
آمار سایت
  • آمار مطالب
  • کل مطالب : 1302
  • کل نظرات : 5
  • آمار کاربران
  • کل کاربران : 1
  • افراد آنلاین : 164
  • آمار بازدید
  • بازدید امروز : 623
  • گوگل امروز : 6
  • آی پی امروز : 304
  • بازدید دیروز : 70
  • گوگل دیروز : 4
  • آی پی دیروز : 51
  • بازدید هفتگی : 2,124
  • بازدید ماهانه : 11,392
  • بازدید سالانه : 51,552
  • بازدید کل : 1,185,347
  • اطلاعات
  • امروز : یکشنبه 10 تیر 1403
  • آی پی شما : 18.116.12.43
  • مرورگر شما : Safari 5.1
اتاق آرزو
عضویت
نام کاربری :
رمز عبور :
تکرار رمز :
موبایل :
ایمیل :
نام اصلی :
کد امنیتی :
 
کد امنیتی
 
بارگزاری مجدد
خبرنامه
خبرنامه
با عضویت در خبرنـــــــــامه می توانید آخرین مطالب سایت را در ایمیل خود دریافت کنید .
آرشیو ماهانه
هایپرتمپ دات آی آر
تبلیغات متنی
تبلیغات متنی
تبلیغات متنی
تبلیغات متنی
آموزش تغییر هدر تمامی وبلاگ ها + دانلود هدر (header)
  • تعداد بازدید : 211
  • آموزش تغییر هدر/هیدر (header) وبلاگ

    سلام دوستان
    با توجه به نیاز وبلاگنویسان به تغییر هیدر تصمیم گرفتم که آموزش تغییر هیدر رو براتون بذارم :

    شما میتونید در دو مرحله بسیار ساده هیدر قالبتون رو عوض کنید

    نکته اینجاست اما قالب با قالب فرق میکنه....

     

    آموزش تغییر هدر/هیدر (header) وبلاگ

    سلام دوستان
    با توجه به نیاز وبلاگنویسان به تغییر هیدر تصمیم گرفتم که آموزش تغییر هیدر رو براتون بذارم :

    شما میتونید در دو مرحله بسیار ساده هیدر قالبتون رو عوض کنید

    نکته اینجاست اما قالب با قالب فرق میکنه:
    بعضی از قالبها ستون بندی طراحیش روی خود برنامه نویسیش هست که با سرچ jpg میتونید عکسش رو پیدا کنید
    اما بعضی از قالبها دارای فایل css هستن که ستون بندی هدر یا کلی قالب توی اون قرار داره
    توجه کرده باشید بعضی از قالبها وقتی فایل css دچار مشکل میشه قالب به طور کامل لود نمیشه
    شما باید اول قالبتون رو چک کنید که دارای فایل css هست یا نه

     

    بطور کلی در بلاگفا و بعضی دیگر از وبلاگ به این صورت عمل میکنیم

    برای تغییر هدر خیلی از قالب ها شما باید تو قسمت ویرایش قالب ( کد قالب ) لینک عکس ها رو پیدا کنید . برای این کار می تونید Ctrl + F رو بزنید و عبارت jpg و سایر فرمت های عکس رو سرچ کنید تا بتونید لینک عکس ها رو پیدا کنید . حالا می تونید عکس مورد نظر رو یه جا آپلود کرده و لینکش رو جایگزین اون لینک کنید . البته برای اینکه مطمئن بشید لینکی که پیدا کردید برای هدر وبلاگ هست نه جای دیگه ، اون آدرس عکس رو که از توی قالب وبلاگتون وجود داره رو کپی و  یه تب جدید از مرورگرتون باز کنید یعنی پیس و اینتر رو بزنید و عکسش رو مشاهده کنید اگه برای سرتیتر و عکس بالای وبلاگتون باشه مشخص میشه بعد از مشخص شدن میتونین توی اینترنت هر عکسی رو که دیدین روی آن کلیک راست کرده و آدرس اون عکس رو کپی و دقیقاً جای این آدرس در قسمت ویرایش قالبتون قرار بدید و تغییرات را ذخیره کنید

    اما اگه فرم قالب بصورت بالا نبود باید ...


    آموزش تغییر هدر/هیدر (header) وبلاگ

    سلام دوستان
    با توجه به نیاز وبلاگنویسان به تغییر هیدر تصمیم گرفتم که آموزش تغییر هیدر رو براتون بذارم : 
    شما میتونید در دو مرحله بسیار ساده هیدر قالبتون رو عوض کنید : 
    1- هیدر قالبتون رو پیدا کنید !
    بله ! اول باید هیدر قالبتون رو پیدا کنید !
    معمولا در قالب های رز بلاگ header بصورت class یا id به یک div اختصاص داده میشه مثلا 
    کد:
    <div class="header"></div>
    ویا
    <div id="header"></div>

    با توجه به اینکه css بیشتر قالب های رزبلاگ بصورت خارجی است ، به این راحتی نمیشه بکگراند header را عوض کرد . پس ناچاریم که از استایل های inline استفاده کنیم 
    2- بعد از پیدا کردن header این استایل رو براش بنویسید : 
    کد:
    <div class="header" style="background:url('ADDRESS')"></div>
    ویا
    <div id="header" style="background:url('ADDRESS')"></div>


    تمام !

    ناگفته نمونه که بجای ADDRESS ، آدرس عکسی که میخواید بعنوان عکس هیدرتون باشه رو بنویسید 

    موفق باشید

    اگه هدر رو پیدا کردم و قبلشو هم نگاه کردم که کلاسیکه یا نه بعد باید 

     

    کد:

    <div class="header"></div>


    تنها کافیه بعد از "header" و قبل از <
    اینو بذاری:

    یادتون نره بعد از کلمه هدر ممکنه خط تیره و چند حرف باشه اما نکته اینجاست که باید قبل از علامت <باشه


    یعنی میشه اینجوری:

    کد:

    <div class="header" style="background:url('ADDRESS')"></div>


    ADDRESS هم آدرس هدر وبلاگه که آپلودش کردید


    نظرات
  • در قمست نظرات مشکلات و پیشنهادات و انتقادات خود را با ما در جریان بگزارید.

  • کد امنیتی رفرش
    تبادل لینک
    سامانه تبادل لینک هوشمند لینیک تبلیغات رایگان - درچ رایگان آگهی و تبلیغات پارتیشن و مبلمان اداری - فرآذین تولید کننده پارتیشن و مبلمان اداری تبادل لینک - تبادل لینک سه طرفه و تبادل لینک رایگان

    آمارگیر وبلاگ