تبلیغات
قالب و کد وبلاگ رایگان
 
قالب و کد وبلاگ رایگان سایت طراحی قالب و کد های جاوا اسکریپت
درباره وبلاگ


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

مدیر وبلاگ : ایرانی
نویسندگان
برچسبها

درج تبلیغات ، آگهی و نیازمندی های رایگان در اینترنت

آموزش تصویری عوض کردن قالب وبلاگ کاربران بلاگفا

به نام  خدای که در همین نزدیکیست .

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

چرا باید قالب وبلاگ را تغییر دهیم ؟ خوب سوال خوبی است (  آفرین به خودم ) ، لزومی برای این کار وجود ندارد ولی خوب چون انسان موجودی تنوع طلب است و دوست دارد هر از چند گاهی تغییراتی در پیرامون خود ، در نحوه لباس پوشیدن خود و حتی قالب وبلاگ خود  ایجاد کند و از حالت قبلی خارج شود . اینجاست که واجب می  شود شما نحوه تغییر قالب وبلاگ خودتون رو یاد بگیرید  (  دیدید چگونه ربطش دادم   )

قبل از شروع آموزش باید عرض کنم ، این توضیحات و آموزش شاید برای بسیاری آسان و پیش و پا افتاده باشد ولی سالها تجربه حضور در اینترنت ( حدود 8 سال ) و ایجاد و مدیریت وبلاگ های مختلف  برای من ثابت کرده است که خیلی ها  هم هستند که همین چیز های ساده را بلد نیستند (  همه که مثل شما کلاس کامپیوتر نرفتند ! )  و باید کامل و بدون هیچ گونه پیچیدگی آموزش ببینند .

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

منوی امکانات مدیریتی بلاگفا

حال عبارت  " ویرایش قالب " را مانند شکل بالا انتخاب کنید تا صفحه مربوط به آن مانند شکل زیر باز شود :

بخش تغییر قالب بلاگفا

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

حال کد قالبی را که در اختیار دارید و از سایت های اینترنتی تهیه کرده اید  ( مثلا از همین کد قالب های وبلاگ خودمان وبلاگ اسکین  ) کپی کنید و در جعبه مربوطه paste ( بعد از کلیک راست موس گزینه paste را فشار دهید ) ...

توضیح کامل تر اینکه : ابتدا کل متن کد قالب را با فشار کلید های ctrl + A به حالت انتخاب در آورید ( کد ها مانند این حالت می شوند ) و سپس کلیک راست موس را فشار دهید و گزینه copy را انتخاب کنید و سپس در کادر تغییر قالب وبلاگ مانند شکل بالا همان کار را دوباره انجام دهید ( انتخاب کل متن کد با Ctrl + A ) و با زدن کلید delete متن قبلی ( قالب قبلی ) را حذف و  متنی که کپی کرده اید ( قالب جدید ) را با زدن کلیک راست موس و انتخاب گزینه paste آن را جایگزین کنید و در انتها دکمه " ثبت و بازسازی وبلاگ " را فشار دهید .

آموزش تموم شد نظر یادتون نره

 





نوع مطلب : آموزش تغییر قالب وبلاگ، 
برچسب ها : آموزش تغییر قالب بلاگفا، آموزش کامل و تصویری تغییر قالب بلاگفا، آموزش تصویر عوض کردن غالب blogfa،

آموزش کامل قرار دادن آیکون و تصویر کوچک

 favicon.ico

در کنار آدرس و عنوان سایت و وبلاگ

آموزش قرار دادن آیکون کوچک در آدرس وبلاگ favicon

حتما تا به حال تصاویر کوچک یا همان آیکون را در کنار محل نمایش عنوان سایت یا نوار آدرس سایت ها ( که در اصطلاح به این نوار آدرس URL نیز می گویند ) در برنامه مرورگر خود مشاهده کرده اید . این تصویر کوچک در اصطلاح کامپیوتری favicon نام دارد. در این جا قصد دارم تا نحوه قرار دادن این تصویر کوچک ( فو آیکن favicon.ico ) را به دوستان عزیر آموزش دهم  .

برای انجام این کار 3 مرحله باید صورت گیرد :  آماده سازی  و ایجاد آیکون مورد نظر - آپلود تصویر آیکون  -  قرار دادن کد نمایش دهنده آیکون در کد قالب وبلاگ یا سایت شما

مرحله اول : ایجاد فایل Favicon.ico

شما باید ابتدا یک تصویر ۱۶ در ۱۶ پیکسل آماده کنید. این کار را می توان با استفاده از برنامه های گرافیکی و یا سایت های مخصوص ارائه favicon انجام داد ، فرمت یا پسوند فایل تصویری شما حتما باید ico باشد (  سایز آن هم  بهتر است  16*16 باشد )
چنانچه با نرم افزارهای گرافیکی آشنایی ندارید یا امکان طراحی برای شما نیست ، 
سایت  http://favicon.cc  ‌این امکان را برای شما به راحتی میسر کرده است. کافی است به سایت مراجعه کرده و آیکون دلخواه خود را بسازید. در این سایت علاوه بر امکان رسم و طراحی دستی آیکون شما می توانید تصویر مورد نظر خود را از سیستم خود انتخاب کنید .

در این سایت شما در محل مشخص شده تصویر خود را رسم  و طراحی می کنید و به صورت همزمان در پایین صفحه شکل خروجی آیکون شما نمایش داده می شود ، از قسمت import image هم می توانید فایل تصویری موجود در کامپیوتر خود را به سایت معرفی کنید تا از آن تصویر برای شما فایل favicon.ico ایجاد کند و در نهایت فایل ایجاد شده توسط این سایت ( همانطور که گفتیم به نام favicon.ico خواهد بود  ) را با زدن دکمه Download favicon  که در انتهای صفحه موجود است در سیستم خود ذخیره می کنید .

با توجه به اینکه در favicon محدودیت نمایش تعداد رنگ وجود دارد ممکن است طرح شما چندان چشمگیر در نیاید، پس نمی توان از گرافیک بالا یا جزییات زیادی بهره برد.


مرحله دوم  : آپلود فایل favicon.ico در فضای اینترنت

در این مرحله لازم است که شما فایل تان را در یک فضای اینترنتی رایگان یا اختصاصی آپلود کنید و لینک آن را دریافت کنید ، برای این کار سایت های بیشماری وجود دارند که این خدمات را به صورت رایگان در اختیار شما قرار می دهند من در اینجا آدرس چند تا از آنها را ذکر می کنم ، پس از آپلود فایل آدرسی مانند زیر را خواهید داشت :

http://weblog-skin.persiangig.com/favicon.ico

آدرس سایت های آپلود رایگان  عکس و تصویر  :

مرحله سوم : افزودن کد مربوطه به وبلاگ و وبسایت

در این مرحله بعد از اینکه آدرس favicon خود را که در مرحله قبل بدست آوردید در قسمت قرمز رنگ کد زیر  قرار دادید می توانید آن را به کد وبلاگ و وبسایت خود اضافه کنید .

<link href="http://weblog-skin.persiangig.com/favicon.ico" rel="shortcut icon">

این کد را باید حتما بین عبارت های <head> و </head> قرار دهید (در سطر های اول کد قالب عبارت <head> را پیدا کنید و کد آیکون را در سطر بعدی این عبارت قرار دهید)


آموزش قرار دادن آیکون کوچک در آدرس وبلاگ favicon

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

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

 





نوع مطلب : آموزش وبلاگ نویسی و ترفند ها، 
برچسب ها : آموزش قرار دادن عکس و تصویر کوچک در کنار عنوان سایت، آموزش ایجاد فو آیکن favicon.ico، اموزش درج عکس کوچولو در کنار آدرس وبلاگ، عکس کنار عنوان و آدرس وبسایت و وبلاگ چیست ؟، بشرهزخد.هزخ،

قالب وبلاگ دخترانه ، کودکانه ، ساده

رنگ قهوه ای سوخته

قالب وبلاگ کودکانه و دختر بچه با عروسک - ساده وزیبا

نوع قالب : کودکانه - هنری - ساده
وضوح نمایش : 1024*768
حجم كلی قالب : متوسط
رنگ غالب در این قالب : قهوه ای سوخته
مرورگرهای سازگار : +IE 6+ | FireFox 2
 
کد قالب مخصوص میهن بلاگ  :

کد قالب مخصوص بلاگفا :





نوع مطلب : قالب های میهن بلاگ mihanblog، قالب های بلاگفا blogfa، قالب هنری، قالب کلاسیک و ساده، 
برچسب ها : قالب کودکانه قهوه ای سوخته، قالب بچه با عروسک در بغل، قالب وبلاگ بچه گانه و کودکانه خوشگل و زیبا، galeb weblog،

کد جاوا اسکریپت نمایشگر وضعیت یاهو مسنجر

توضیح کد : با قرار دادن این کد در وبلاگ خود می توانید وضعیت آنلاین و آفلاین بودن خود را در "یاهو مسنجر" و چت روم به بازدیدکنندگان سایت و وبلاگ خود نشان دهید . به عبارتی اگر شما با yahoo messenger خود آنلاین شوید و حالت visable ( نمایان برای همه ) داشته باشید این کد در وبلاگ و وبسایت شما به حالت روشن در خواهد آمد و بازدیدکنندگان می توانند با شما مکاتبه آنلاین داشته باشند ( برای پشتیبانی یا اعلام نظرات و پیشنهادات و انتقادات بازدیدکنند گان درباره وبلاگتان می تواند مفید باشد  ).

نحوه تنظیم و قرار دادن کد اسکریپت مورد نظر در وبلاگ و وبسایت شما :

مرحله اول : یکی از شکل ها و حالت های نشانگر آنلاین و آفلاین بودن یاهو مسنجر زیر را انتخاب کنید ( منظور شماره زیر عکس آنلاین مورد نظر شما می باشد مثلا عدد 9 )

برای دانلود کلیک کنید       برای دانلود کلیک کنید      پشتیبانی آنلاین وضعیت یاهو - خانم    نمایشگر کلاسیک وضعیت آنلاین آفلاین یاهو    برای دانلود کلیک کنید

    1          2                       3                              4                    5

پشتیبانی از طریق یاهو - پشتیبانی آنلاین   برای دانلود کلیک کنید    پشتیبانی آنلاین مرد   کد جاوا نشانگر وضعیت یاهو - انلاین

               6                    7                     8                          9

نمایشگر آنلاین وضعیت یاهو   ;n klhda'v ,qudj dhi,    وضعیت یاهو - مشکی زبان دراز   برای دانلود کلیک کنید  برای دانلود کلیک کنید   نمایشگر آنلاین وضعیت یاهو - پادشاه

       10        11          12         13         14                  15

وضعیت یاهو آنلاین آتشین    chat with me om yahoo! messenger   کد آنلاین بودن وضعیت یاهو      وضعیت یاهو - حالت خندان و با نمک

                 16                     17                18                19

اسب شاخ دار - وضعیت یاهو انگلیسی  اسب شاخ دار - نشانگر وضعیت یاهو

                                20                            21

talk to me   پشتیبانی زنده - آنلاین

                                  22                    23

 

مرحله دوم : شما یک آدرس ایمیل یا همان ID یاهو مسنجر باید داشته باشید مانند این ID  روبرو : YourId@yahoo.com که درکد زیر فقط بخش YourId خود را وارد خواهید کرد ( مثلا اگر آی دی شما hamid.final@yahoo.com باشد باید فقط hamid.final  را در کد زیر قرار دهید   )

مرحله سوم : در این قسمت ما یک کد اسکریپت داریم که شما دوستان باید بعد از اینکه 2 کار  الف و ب را انجام دادید این کد را در وبلاگ و  وبسایت خود قرار خواهید داد ( خود این کد را عینا در وبلاگ قرار ندهید ! )

الف : به جای دو عبارت YourId در کد بالا می باشد آدرس ID خود را قرار دهید مثلا hamid.final  که در بالا مثال زدیم .

ب : به جای عدد 1 در کد بالا که در ystat1.php  قرار دارند عدد عکس مورد نظر خود را که در مرحله اول انتخاب کردید را قرار دهید ( مثلا 9 که ما انتخاب کردیم ).

به عنوان مثال من عدد 9 را انتخاب کردم و id من hamid.final@yahoo.com  است ،  خوب کدی که می تونم در وبلاگ برای نشان دادن وضعیت یاهو خود قرار دهم به این شکل خواهد شد ( باز هم می گم عین این رو کپی نکنید هااااا !  قسمت های آبی را عوض کنید )

<!-- Begin weblogskin.mihanblog.com ‍Yahoo Status -->
<a href="ymsgr:sendim?hamid.final" target="_self"><img src="http://www.awp.ir/yahoo/YState/ystat9.php?id=hamid.final&mod=1" border="0" alt=" چت با مدیریت" ></a></a>
<br /><a href="http://weblogskin.mihanblog.com/post/4" target="_blank"><font size=1>کد وضعیت یاهو در وبلاگ</font></a>
<!-- End weblogskin.mihanblog.com ‍Yahoo Status -->

حالا وقتی من در یاهو مسنجر آنلاین و آفلاین بشم شکل های زیر در وبلاگ من به نمایش در خواهند آمد :

 

پس از اعمال این دو تغییر در کدی که در جعبه بالا قرار دارد ، می تواند کد تغییر یافته را در سایت و وبلاگ خود قرار دهید .

 





نوع مطلب : کد وضعیت یاهو در وبلاگ، کد های جاوا اسکریپت، 
برچسب ها : کد نمایشگر وضعیت یاهو مسنجر، کد نشانگر حالت آنلاین و آفلاین بودن آی دی، کد جاوا اسکریپت وضعیت یاهو،
شنبه 3 اردیبهشت 1390 :: نویسنده : ایرانی

قالب هنری و شخصی و ساده

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

نوع قالب : هنری - شخصی - ساده
وضوح نمایش : 1024x768
حجم كلی قالب : متوسط
رنگ غالب : توسی
مرورگرهای سازگار : +IE 6+ | FireFox 2
 




نوع مطلب : قالب های میهن بلاگ mihanblog، 
برچسب ها : قالب ساده توسی رنگ، قالب دخترانه،

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

mihanblog.com change template with photo

آموزش قرار دادن قالب در میهن بلاگ

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

همانطور که می دانید ، قالب یا پوسته وبلاگ ، ضاهر وبلاگ شما را تشکیل می دهد ، حتما تا به حال به سایت ها و وبلاگ های زیادی سر زده اید و نما و شکل ضاهری آنها را دیده اید ، باطن وبلاگ شما که با تغییر پوسته و قالب وبلاگ شما هیچ تغییری نمی کند ، همان پست ها ( مطالب ) ، لینک ها ، موضوعات وبلاگ و ...  شما می باشد ، که معمولا دوست ندارید تغییر یا حذف شوند !

ولی در مورد ضاهر وبلاگ این گونه نیست ، آدمی تنوع طلب است و دوست دارد هر از چند گاهی لباس های خود ( و حتی ضاهر وبلاگ خود  ) را عوض کند .

آموزش تغییر قالب وبلاگ کاربران میهن بلاگ :

پس از وارد شده  به قسمت مدیریتی وبلاگ خود ( این قسمت رو که حتما بلدید !!! ) لیستی از امکاناتی که میهن بلاگ برای مدیریت وبلاگ شما ایجاد کرده را در سمت راست مشاهده خواهید کرد :

منوی میهن بلاگ

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

آموزش میهن بلاگ

در این حالت در سمت چپ صفحه قسمتی مانند تصویر زیر مشاهده خواهید کرد :

حال کدی را که از سایت های دیگر یا همین وبلاگ ما " http://weblogskin.mihanblog.com/ " کپی کرده اید را در کادر ضاهر شده بالا در قسمت متن قالب قرار می دهیم .

نکته ای که می توانم اینجا به آن اشاره کنم  این است که در هنگام copy  متن کد و نیز در هنگام paste  کردن آن از کلید ترکیبی ( Ctrl+A ) ( کلید ترکیبی یعنی هر دو کلید ذکر شده را با هم ( نه لزومآ هم زمان! ) فشار دهیم  ) استفاده کنید تا همه عبارت موجود در کادر با هم به حالت انتخاب در آید ( متن ها سفید با زمینه آبی رنگ در آیند ، مانند این حالت یا حالت های مشابه این ...  

نکته دیگر اینکه حتما باید ابتدا روی قسمت از ناحیه ذکر شده ( جعبه یا کادر زیر عبارت "متن قالب " در شکل بالا ) کلیک راست کنید و سپس کلید ترکیبی ( Ctrl+A ) را فشار دهید تا ناحیه ذکر شده انتخاب شود نه کل صفحه !

و در نهایت دکمه دکمه ثبت میهن بلاگ  را که در انتهای صفحه موجود است را  فشار دهید تا قالب شما به ثبت برسد و تغییرات در قالب اعمال شود .

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





نوع مطلب : آموزش تغییر قالب وبلاگ، 
برچسب ها : آموزش تغییر قالب میهن بلاگ، آموزش نحوه عوض کردن قالب و پوسته میهن بلاگ، amozesh tagyir va avaz kardan galeb mihan blog، آموزش تعویض پوسته و ضاهر وبلاگ،
شنبه 3 اردیبهشت 1390 :: نویسنده : ایرانی

قالب مشکی و کلاسیک میهن بلاگ

قالب مشکی و عاشقانه

نوع قالب : كلاسیك - غم انگیز -
وضوح نمایش : 1024x768
حجم كلی قالب : بالا
مرورگرهای سازگار : +IE 6
رنگ غالب در این قالب  : مشکی

توضیح : این قالب مخصوص میهن بلاگ می باشد ، برای قرار دادن این قالب در وبلاگ خود کافی است آن را کپی کرده و در قسمت قالب -> ویرایش قالب فعلی -> متن قالب  وبلاگ خود paste نمایید . اگر با نحوه قرار دادن قالب آشنایی ندارید می توانید از طریق لینک زی آموزش ببینید : آموزش نحوه قرار دادن قالب در میهن بلاگ

مشاهده تمام قالب های میهن بلاگ





نوع مطلب : قالب کلاسیک و ساده، قالب های میهن بلاگ mihanblog، 
برچسب ها : قالب جدید و عاشقانه میهن بلاگ، قالب زیبا و سیاه میهن بلاگ، قالب مشکی و غم انگیز mihanblog، hgf la;d ldik fgh'،


( کل صفحات : 3 )    1   2   3   
آمار وبلاگ
  • کل بازدید :
  • بازدید امروز :
  • بازدید دیروز :
  • بازدید این ماه :
  • بازدید ماه قبل :
  • تعداد نویسندگان :
  • تعداد کل پست ها :
  • آخرین بازدید :
  • آخرین بروز رسانی :