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

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

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

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 رو با آدرس قبلی جایگزین کنید.

تمام