close
تبلیغات در اینترنت
آموزش تصویری و گام به گام ویرایش قالب وبلاگ ها
loading...

ناب اسکریپت

آموزش تصویری و گام به گام ویرایش قالب وبلاگ ها دوستان عزیز صاحب وبلاگ، احتمالا برای شما هم خیلی پیش اومده که دوست داشته باشید تغییراتی در قالب وبلاگ خودتون ایجاد کنید. مثلا عکس هدر بالای وبلاگ خودتون رو تغییر بدید یا یه سری تغییراتی در قالب وبلاگ خودتون ایجاد کنید، بعضی نوشته…

آموزش تصویری و گام به گام ویرایش قالب وبلاگ ها

admin بازدید : 315 شنبه 20 مهر 1392 نظرات ()

آموزش تصویری و گام به گام ویرایش قالب وبلاگ ها

دوستان عزیز صاحب وبلاگ، احتمالا برای شما هم خیلی پیش اومده که دوست داشته باشید تغییراتی در قالب وبلاگ خودتون ایجاد کنید. مثلا عکس هدر بالای وبلاگ خودتون رو تغییر بدید یا یه سری تغییراتی در قالب وبلاگ خودتون ایجاد کنید، بعضی نوشته هاش رو عوض کنید، یا مثلا کد حدیث یا کلام روز، سخن بزرگان و چیزایی از این قبیل در وبلاگ بذارید.

  1. ویرایش و تغییر عکس های وبلاگ

اگر دنبال تغییر عکس هدر وبلاگ هستید با ما همراه باشید:

برای تغییر عکس، اول باید آدرس عکس رو توی قالب خودتون پیدا کنید.

خوب برای این کار، با مرورگر فایرفاکس روی یک فضای خالی از وبلاگ کلیک راست کنید و گزینه View Page Info را مطابق شکل انتخاب کنید.

ویرایش قالب وبلاگ

حالا در پنجره باز شده روی تب دوم یعنی Media کلیک کنید و از لیست، عکس خودتون رو پیدا کنید. می بینید که در قسمت Lacation آدرس عکس رو نشون میده.

 

کاری که باید بکنیم اینه که این آدرس رو توی قالب پیدا کنیم و با آدرس عکس دلخواه خودمون عوض کنیم. اما چطوری؟

  1. دنبال  یه همچین چیزی بگردید:

<link href=”http://www.dl.greenskin.ir/theme/theme_norooz1/style.css” type=”text/css” rel=”stylesheet”>

حالا باید فایل style.css رو دانلود کنید. (حجم خیلی کمی داره معمولا کمتر از 10 کیلوبایت)

برای این کار آدرس فایل رو توی آدرس بار مرورگر کپی پیست کنید و اینتر بزنید.

(مثلا برای من http://www.dl.greenskin.ir/theme/theme_norooz1/style.css است)

با صفحه ای مثل عکس زیر مواجه می شوید.

 

از منوی File گزینه Save Page As رو انتخاب کنید و فایل رو ذخیره کنید.

خوب فایل دانلود شد.

حالا به مسیری که فایل رو ذخیره کردید برید و فایل رو با نوتپد باز کنید.

(روی فایل راست کلیک کنید و از گزینه Open Whit نرم افزار Notepad رو انتخاب کنید.)

حالا دنبال اسم عکس بگردید: (مال من header.png بود)

الان باید آدرس عکس جدید خودتون رو جایگزین عکس قبلی کنید.

پس اول باید عکس خودتون رو توی یه سایت، آپلود کنید. سایت های زیادی برای آپلود رایگان تصویر وجود داره که می تونید از اونها استفاده کنید. (مثلا پرشین گیگ یا پیکوفایل.)

بعد از آپلود عکس، آدرسش رو با اسم عکسی که پیدا کردید جایگزین کنید و فایل رو ذخیره کنید.

حالا باید فایل style.css رو روی یک هاست آپلود کنید. البته باید هاست طوری باشه که مستقیم قابل خواندن باشه. (یعنی مثلا مثل پرشین گیگ، پیکوفایل یا امثال اون نباشه که صفحه سایت باز می شه بعد باید کلیک کنی تا دانلود بشه، بلکه لینک باید مستقیم باشه. )

واما مرحله آخر که باید توی کد فعلی قالب وبلاگتون، آدرس فایل style.css رو با آدرس قبلی جایگزین کنید.

تمام

مطالب مرتبط
ارسال نظر برای این مطلب

نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتیرفرش کد امنیتی
تبلیغات
Rozblog.com رز بلاگ - متفاوت ترين سرويس سایت ساز
اطلاعات کاربری
نام کاربری :
رمز عبور :
  • فراموشی رمز عبور؟
  • نویسندگان
    آرشیو
    آمار سایت
  • کل مطالب : 142
  • کل نظرات : 3
  • افراد آنلاین : 3
  • تعداد اعضا : 4
  • آی پی امروز : 18
  • آی پی دیروز : 41
  • بازدید امروز : 66
  • باردید دیروز : 156
  • گوگل امروز : 1
  • گوگل دیروز : 2
  • بازدید هفته : 222
  • بازدید ماه : 4,418
  • بازدید سال : 11,026
  • بازدید کلی : 161,033