مطالب اصلی

مطالب وبلاگ

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

قسمت قبلی : مقدمه

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

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

برای شروع کار یک فولدر در دسکتاپ ویندوز خودتون با نام قالب بلاگ من (My Blog Theme) ایجاد کنید.سپس سه فولدر دیگر با نام های css – js– imgs   داخل آن ایجاد کنید. سه تا فایل با نام و فرمت های زیر ایجاد کنید.

Index.html – post.html ، وارد پوشه سی اس اس شوید فایلی با نام و فرمت زیر ایجاد کنید style.css. یک اسکرین شات از طرح قالب را در فولدر imgs  اضافه کنید.اسکرین شات مورد نظر در لیست قالب های شخصی بیان نشان داده خواهد شد.

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

اگر عضو بلاگ بیان  هستید و می خواهید برای خودتان قالب درست کنید یا اینکه می خواهید بعنوان یه کدنویس قالب دانش خودتون رو توسعه بدهید و برای سرویس وبلاگدهی بیان هم قالب بنویسد، جای درستی اومدید این سری مطالب برای شماست.

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

 

  • آشنایی با تگ های اچ تی ام ال ( زبان نشانه گذازی ابر متن یا HTML: Hyper Text Markup Language)
  • آشنایی با سی اس اس (CSS : Cascading Stylesheet )
  • ویرایشگر متن یا محیط کدنویسی
  • مرورگر وب فقط گوگل کروم ، موزیلا فایرفاکس و اپرا
  • توانایی کار با محیط پنل مدیریت بلاگ بیان
  • تگ های مخصوص قالب های بلاگ بیان
  • طرح برای قالب بلاگ خودتون (طراحی قالب با نرم افزارهای گرافیکی مانند فتوشاپ)؛ حتما نباید خودتون طراحی کنید می توانید از طراحان عزیز بخواهید براتون طراحی کنند یا اینکه تو اینترنت جست جو کنید و از طرح های آماده ایده برداری کنید یا از طرح های رایگان که مناسب برای بلاگ تان هست استفاده کنید.

 

همه موارد بالا خودش هر کدوم یه بحث جدا هست و نیاز به چندین جلسه آموزش دارد. من فرض می کنم شما حداقل های هر کدام رو می دانید. همچنین از تگ های که استفاده می کنیم سعی میکنم توضیحات کاملی در مورد اون تگ HTML یا CSS  خدمت تون عرض کنم.

 

 

دانلود قالب سه ستونه رایگان بلاگ بیان

چند وقته که بلاگ دیگه قالب منتشر نمیکنه ! شاید دارن یه کارهایی میکنن! :/  و میخواهند چند تا رو با هم منتشر کنند!

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

دانلود قالب رایگان هیولا برای بلاگ بیان

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

قالب های بلاگ که گرد و خاک روشون نشسته!

از وقتی عضو گروه برنامه نویسی مژده استودیو شده ام سرم بیشتر شلوغ شده و اصلا نمیشه پست گذاشت! صبح ها که می روم مدرسه ( معلم شدم دیگه ) ظهر که می رسم خونه میخوابم تا عصر! آخه شبا هم که نمیشه مثه قبلنا تا ۳ یا ۴ بیدار بمونم!!! بعدشم کدنویسی هام شروع میشه! چک لیست رو که می بینم به ترتیب کارهای مونده از آلما وب ، پروژه های جداگانه خودم ؛(کارهای مژده استودیو الان که پست میذارم رو تحویل دادم) و

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

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

باکس صفحات بلاگ وبلاگ من

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

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

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

طراحی قالب ریسپانسیو مجله فناوری (جامو مگ) برای بلاگ

قالب جامو مگ قالب حرفه ای و کاملا ریسپانسیو مناسب برای وبسایت خبری و وبلاگ های شخصی هست. یکی از ویژگی های برتر قالب جامو مگ شخصی سازی آسان و استفاده از چندین حالت مطالب وبلاگ در صفحات

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

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

ترجمه رایگان قالب جدید بلاگفا به بلاگ - درخواستی کاربر

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

این قالب چهارمین قالب ترجمه شده به صورت رایگان برای بلاگ هست که تقدیم همه بلاگ نویسان ! 

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

مسیر ویرایش قالب --> پنل مدیریت ---> قالب --> ویرایش ساختار قالب فعلی ؛ برای کد ساختار قالب | ویرایش Css قالب فعلی ؛ برای کد استایل قالب

مسیر ایجاد قالب --> پنل مدیریت ---> قالب -->انتخاب قالب جدید --> ایجاد قالب جدید -->  ساختار قالب ؛ برای کد ساختار قالب | ویرایش Css قالب ؛ برای کد استایل قالب

نسخه واکنش گرا ( responsive ) قالب ستون بلاگ


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

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

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

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

سلام خدمت بلاگ نویسان عزیز :)

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

ابزارک ها

بالا