تبلیغات
آموزش وبلاگ نویسی - آموزش طراحی قالب وبلاگ
آموزش طراحی قالب وبلاگ
نوشته شده توسط محمد فرهمند در ساعت 11:33 ق.ظ

این یک سرویس فوق العاده است که قالب های زیبای آن در بهاربیست ثبط می شود :

سلام

شما كاربر گرامی بعد از مطالعه دقیق این بخش از آموزش خواهید توانست

قالب وبلاگ خود را خودتان طراحی كنید و یك قالب كاملا شخصی برای خود داشته باشید

چنانچه مایل باشید میتوانید قالب های طراحی شده خود را برای سایت بهاربیست بفرستید

و قالبتان با نام وبلاگ خود شما در این سایت قرار گیرد

چنانچه قالب های طراحی شده توسط شما بیش از 10 قالب شود یك بخش اختصاصی

برای قالب های طراحی شده توسط شما در سایت بهاربیست ساخته میشود و

بینندگان سایت بهاربیست میتوانند از قالب های شما استفاده كنند

با نام و یاد خدا آموزش ویرایش تصاویر قالب وبلاگ را شروع میكنیم

نرم افزار معروف فوتوشاپ را حتما بر روی سیستم خود نصب كرده و داشته باشید

برای طراحی عكس میتوانید از هر كس و یا هر نرم افزار دیگری كه دوست دارید كمك بگیرید

در این بخش میخواهیم قالبی كه در تصویر زیر مشاهده میكنید را ویرایش كرده و شخصی كنیم

قالب وبلاگ جدید ساده شیك كلاسیك آبی بهاربیست www.bahar-20.com

ابتدا فایل زیر را دانلود كرده و بر روی كامپیوتر خود داشته باشید

برای دانلود بر روی دانلود فایل راست كلیك كرده و گزینه Save Target as را فشار دهید

سپس آدرسی كه میخواهید فایل در آنجا قرار گیرد را انتخاب و Save كنید

دانلود فایل

 

فایلی كه بر روی كامپیوتر شما قرار گرفته به اسم themes.htm میباشد

بر روی این فایل راست كلیك كنید و موس خود را بر روی گزینه Open with ببرید

بعد از باز شدن منوی كشویی گزینه Choose program را فشار دهید

در صفحه باز شده گزینه Notepad را پیدا كرده و انتخاب كنید

سپس روی دكمه OK كلیك كنید

صفحه ای كه پیش رو دارید همان قالب فوق است كه در نمای كدهای HTML قرار گرفته است

تعجب نكنید ، شما در ویرایش قالب وبلاگ خود دقیقا همین كدها را قرار میدهید

و قالب وبلاگتان به شكلی دیگر در خواهد آمد

برای جست و جو در این صفحه در قسمت بالا از منوی Edit گزینه Find را انتخاب كنید

عبارت زیر را در بخش باز شده وارد كنید

http://Bahar-20.com/ftp/themes/webmasters/70/70-1.jpg

سپس دكمه Find Next را فشار دهید

عبارتی كه جست و جو كردید همان تصویری است كه شما باید طراحی كرده و تغییر دهید

برای تغییر این تصویر و شخصی سازی قالب ابتدا باید تصویری كه باید تغییر بدید را در قالب پیدا كنید

( كه این كار را از طریق جست و جو كه در بالا گفته شد انجام دادیم )

سپس تصویر یافته شده را بر روی كامپیوتر خود Save كنید

( برای این كار تصویر را در یك صفحه اینترنت اكسپلور باز كرده و

بر روی آن راست كلیك كنید و گزینه Save Picture را فشار دهید )

سپس نرم افزار فوتوشاپ را باز كنید و تصویر ذخیره شده را در نرم افزار فوتوشاپ باز كنید

بعد از باز كردن تصویر میتوانید بر روی آن تغییرات دلخواه را انجام دهید

چنانچه با نرم افزار فوتوشاپ آشنایی ندارید بخش آموزش فوتوشاپ را مطالعه كنید

تصویر خود را هر طور كه دوست دارید تغییر دهید مثلا من اینگونه تغییر دادم

 

 

شما میتوانید حتی این تصویر را حذف كرده و تصویری هم اندازه تصویر قالب وبلاگ بسازید

فقط دقت كنید حتما اندازه تصویری كه میسازید به اندازه تصویر قالب اصلی باشد

در غیر این صورت قالب شما كاملا بهم میریزد

برای اینكه قالب های دیگر را نیز تغییر دهید به روش زیر عمل كنید

 فایل زیر را دانلود كرده و بر روی كامپیوتر خود داشته باشید

برای دانلود بر روی دانلود فایل راست كلیك كرده و گزینه Save Target as را فشار دهید

سپس آدرسی كه میخواهید فایل در آنجا قرار گیرد را انتخاب و Save كنید

دانلود فایل

 

فایلی كه بر روی كامپیوتر شما قرار گرفته به اسم themes.htm میباشد

بر روی این فایل راست كلیك كنید و موس خود را بر روی گزینه Open with ببرید

بعد از باز شدن منوی كشویی گزینه Choose program را فشار دهید

در صفحه باز شده گزینه Notepad را پیدا كرده و انتخاب كنید

سپس روی دكمه OK كلیك كنید

حالا همینطور این صفحه كدهای html را رها كرده و كد قالب وبلاگی كه میخواهید تغییر دهید را

جایگزین كدهای این فایل كنید یعنی كدی كه در ویرایش قالب وبلاگ شما است را بجای كدهای

این صفحه قرار داده و سیو كنید

حالا تصویری كه میخواهید تغییر دهید را پیدا كرده ، سیو كرده ، با نرم افزار فوتوشاپ تغییر داده و ...

خوب ، حالا تصویر شما آماده است تا در قالب وبلاگتان قرار گیرد

برای این كار باید تصویر خود را در یك فضای اینترنتی آپلود كنید

برای آپلود تصویر به سایت http://www.tinypic.com  رفته و روی گزینه Browse  كلیك كنید

تصویر خود را انتخاب و روی گزینه سبز رنگ UPLOAD NOW كلیك كنید

چند لحظه صبر كنید تا تصویر شما آپلود شود

سپس در صفحه جدید كدی كه در قسمت چهارم یعنی Direct Link for Layouts را انتخاب كنید مثل كد

http://i40.tinypic.com/ws8xsn.jpg

 

حالا كد تصویر خود را كه شبیه به كد بالاست بجای كد تصویر قبل در صفحه كدهای قالب كه پیدا كرده بودید قرار دهید

در این لحظه دقت كنید كه كد تصویر قبلی به طور كامل حذف شود و بقیه كدها تغییری نكند

همیشه كد تصویر در بین دو علامت ' قرار دارد

دقت كنید این علامت از طرفین كد حذف نشود ، همچنین وقتی كد جدید را وارد كردید

دقت كنید بین كد و علامت ' هیچ گونه فاصله ای نباشد كه اگر باشد تصویر در قالب وبلاگتان باز نخواهد شد

بعد از اینكه كد تصویر جدید را به درستی جایگزین كد تصویر قبل كردید از منوی File گزینه Save را فشار دهید

كه قالب جدید شما در رایانه شخصی خودتون Save شود

حالا همه كدها را انتخاب كنید

( برای این كار در وسط كدها راست كلیك كرده و گزینه Select all را فشار دهید )

بعد از انخاب همه كدها بر روی كدها راست كلیك كرده و گزینه Copy را فشار دهید

سپس به بخش ویرایش قالب خود رفته و همه كدها را پاك كنید

حالا در وسط صفحه سفید راست كلیك كرده و گزینه Paste را فشار دهید

اكنون قالب جدید را ثبت و باز سازی كنید

وبلاگ خود را باز كنید و قالب جدید و شخصی خودتان را ببینید

چنانچه از ایرادی در قالب دیدید باید تصویر قالب خود را ویرایش كرده و مجدد از قسمت آپلود به بعد را تكرار كنید

----------------

اگر میخواهید قالب ساز سایت بهاربیست باشید باید

1 - فقط تصاویر قالب های سایت بهاربیست را ویرایش  كنید

2 - از تصاویر غیر اخلاقی استفاده نكنید

3 - از قالب هایی كه برای بلاگفا قرار داده ام استفاده كنید و تصاویرش را ویرایش كنید

4 - بعد از اتمام كار قالب ، آن را بر روی فایل themes.htm سیو كنید

سپس اینجا كلیك كرده و فایل را همراه اسم خود و آدرس وبلاگتان آپلود كنید

 

* فقط قالب هایی كه از نظر زیبایی تصویر تایید شوند در سایت قرار میگیرد

* تصاویری كه استفاده میكنید نباید آدرس سایت شخصی بر روی آن قرار گرفته باشد

با تشكر


»