راهنمای بلاگ blog.ir

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

راهنمای بلاگ blog.ir

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

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

margin:0 از CSSای که در همه‌ی بلاگ‌ها اعمال می‌شد، حذف شد.

جعبه‌های <box:ads> و <box:most_commented_posts> و همینطور تگ‌های tag_selected و post_selected و menu_item_selected و archive_selected و template_based_on و comment_body_text نیز اضافه شده‌اند.

تغییر CSSهای پیش فرض

با بررسی فراوان به این نتیجه رسیدیم که قراردادن margin:0 برای همه‌ی عناصر html کاملا اشتباه است. چون بسیاری از این عناصر (مثلا تیترها که با h1 و ... قرار داده می‌شوند) با marginهای پیش‌فرض بسیار زیباترند. به همین علت این خط از CSS پیشفرض حذف شد.

مهمترین عناصری که margin پیش فرض دارند و با تغییر انجام شده، تاثیر می‌پذیرند، تیترها (h1, h2, ...) و ul هستند.

قالب‌ها برای اینکه مشکلاتشان مرتفع شود، باید در جاهایی که از این عناصر استفاده‌ی خاص می‌شده margin را به صورت دستی تنظیم کنند. مثلا باید CSSای مانند زیر به آن‌ها اضافه شود.

.header h1, .sidebar h3, .sidebar ul {
margin:0;
}

تگ تبلیغات (تبلیغات نمونه) <box:ads>

در آینده قرار است که امکان درج و ویرایش تبلیغات (به صورت اختیاری) در بلاگ فراهم شود. به همین منظور لازم است از هم‌اکنون قالب‌ها امکن درج تبلیغات را داشته باشند.

لازم به ذکر است که برای نمایش تبلیغات نمونه می‌توانید در قسمت «تنظیمات ساده بلاگ»، گزینه «تبلیغات نمونه» را انتخاب نمایید.

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

 

<box:ads> این جعبه در صورتی نشان داده می‌شود که در تنظیمات انتخاب شده باشد
<view:ads> به ازای هر تبلیغ این تگ تکرار می‌شود
(*ad*) <br> <br> این تگ یک تصویر را نشان می‌دهد
</view:ads>
</box:ads>

جعبه نظرات پربحث‌تر (با نظر بیشتر) <box:most_commented_posts>

استفاده از این تگ کاملا شبیه به تگ <box:most_visited_posts> و دیگر تگ‌های مشابه است.

برای نمایش این تگ باید در قسمت «تنظیمات ساده» بلاگ، گزینه‌ی مربوطه را انتخاب کنید.

تگ (*template_based_on*)

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

(*template_based_on name="نام قالب" url="آدرس به صفحه قالب"*)

تگ (*comment_body_text*)

این تگ برای کمک به نمایش متن مختصری از نظر در جعبه‌ی «آخرین نظرات» ساخته شده است. باید توجه داشت که متن نظر که با تگ (*comment_body*) در قالب قرار می‌گیرد می‌تواند شامل تگ‌های html باشد و ضمنا معمولا بلند است. به این ترتیب نشان دادن متن نظر در «جعبه نظرات» باید با دقت صورت گیرد.

تگ (*comment_body_text*) متن نظر را بدون تگ‌های html نشان می‌دهد و ضمنا می‌تواند طول نظر نمایشی را نیز محدود کند، استفاده از ایت تگ به صورت زیر است:

(*comment_body_text max="100"*)

تگ بالا متن ساده شده (بدون html) نظر را حداکثر تا ۱۰۰ کاراکتر نشان می‌دهد.

نکته مهم: پیشنهاد ما برای نمایش متن نظر در جعبه نظرات این است که متن نظر در یک خط با CSSای شبیه به این نشان داده شود. با استفاده از این CSS هم مطمئنا متن نظر تک خطی خواهد بود و متن نظر نیز تا جای امکان نشان داده می‌شود:

white-space: no-wrap;
overflow: hidden;

تگ‌های مربوط به انتخاب شدن یا نشدن منوها

تگ‌های tag_selected و post_selected و menu_item_selected و archive_selected همگی تگ‌هایی هستند که در صورتیکه که یکی از گزینه‌ها، گزینه‌ی جاری باشد، مقدار selected و در غیر این صورت مقدار تهی به خود می‌گیرند.

نحوه استفاده از این تگ‌ها به صورت زیر است:

در صورتی که این لینک آرشیو انتخاب شده باشد کلاس تغییر می‌کند
<view:archive> .... <span class="(*archive_selected*)"> ...
در صورتی که این منو انتخاب شده باشد کلاس تغییر می‌کند
<view:menu> .... <span class="(*menu_item_selected*)"> ...
در صورتی که مطلب جاری در حال نمایش باشد کلاس تغییر می‌کند
<view:most_visited_posts> .... <span class="(*post_selected*)"> ...
در صورتی مطالب مربوط به این کلمه‌ی کلیدی در حال نمایش باشند کلاس تغییر می‌کند
<view:tag_cloud> .... <span class="(*tag_selected*)"> ...

مطلب مورد نظر خود را نیافته‌اید؟

نظرات  (۲۵)

سلام من می خوام رنگ پشت زمینه بنر وبلاگم رو تغییر بدم چطوری این کارو انجام بدم
لطفا کامل توضیح بدید
نام قالبم اینه: آرام 3 - سه ستونه
پاسخ:
سلام
در قسمت ویاریش css قالب فعلی عبارت body را پیدا کنید و ذیل آن رنگ پس زمینه را که مقابل عبارت background تعیین می شود؛ تغییر دهید. برای کد هر رنگ می توانید از راهنمایی که در گوشه سمت چپ صفحه وجود دارد استفاده نمایید.
سلام شما گفتید این background:#fff url(http://cdn.bayan.ir/blog/templates/907/header_bg.jpg)repeat-x top; رو پیدا کنم و عبارت fff url# رو به کد دلخواه تغییر بدم
اما هر کدی رو به جای این عبارت می نویسم رنگ پشت زمینه بنر سفید میشه علتش چیه؟

پاسخ:
سلام
خط background را کامل حذف کنید و این عبارت را جایگزین آن نمایید:

background:#fff;


سلام بنده می خوام لوگوی خودم رو در یکی از ستون های کنار وبلاگم و در یک قسمت جدا قرار بدم چطوری باید این کارو بکنم لطفا کامل توضیح بدبد
ممنون
پاسخ:
سلام
لطفا این سوال و سوالات مشابه را در وبلاگ هایی که مربوط به قالب ها هستند نظیر http://templates.blog.ir مطرح نمایید.
  • احمد رضایی نیا
  • چگونه می شود که فونت عنوان و توضیح مختصر بلاگ را عوض کرد؟
    پاسخ:
    سلام
    این عبارت را در ویرایش css قالب بیابید و دستور فونت مورد نظر خود را ذیل آن قرار دهید. برای آپلود فونت خود می توانید از صندوق بیان استفاده نمایید.
    #wrp .box1 .bx_center .post .body .cnt

  • محمد صادق زارعی
  • سلام به بیان.
    یه سوال.
    آیا امکان قرار دادن فایل دلخواه استایل با فراخوانی آن از آدرس دلخواه در قالب های بلاگ وجود دارد و مانعی ندارد؟
    پاسخ:
    سلام
    این امکان وجود دارد.
  • محمدحسین کاوری
  • سلام
    من میخوام بنر بالای سایت که اصطلاحا بهش میگن هدر رو تغییر بدم
    سایز این بنر 1350 در 240 پیکسله
    باید چیکارش کنم؟ کجا آپلودش کنم؟ فرقی نداره کجا باشه؟ آدرسشو کجای قالب پیست کنم؟
    لطفا کامل توضیح بدین.
    پاسخ:
    سلام
    در این زمینه به تغییر هدر در قالب مراجعه نمایید.
  • خادم ره یافتگان
  • سلام دوستان من خدمات جاوا اسکریپ رو خریداری کردم، هر کاری میکنم نمیتونم موسیقی به هنگام ورود به سایت رو فعال کنم!
    ممنون میشم اگه راهنمایی کامل کنید.
    پاسخ:
    سلام
    کدنوشت مورد نظر را از سایت های ارائه دهنده بیابید و پس از خرید امکان جاوا اسکریپت بسته اختیاری، کد مورد نظر را در قسمت ویرایش قالب درج نمایید.
    سلام میخواستم برای وبلاگم بک گراند بزارم
    لطفاً راهنماییم کنید
    پاسخ:
    سلام
    سوال شما مستلزم آموزش زبان های ‫جاوا اسکریپت‬، CSS و HTML می باشد که طبیعتا نیازمند شرکت در دوره های آموزشی یا
    فراگیری از طریق کتاب های آموزشی است. در صورت آشنایی با این زبان ها،  شما خواهید توانست از بخش ویرایش «ساختار قالب فعلی» و «ویرایش CSS قالب فعلی» در منوی «قالب» تغییرات مورد نظر خود را اعمال نمائید. در غیر این صورت می توانید از طریق افرادی که خدمات مربوط به ویرایش قالب را ارائه می دهند اقدام نمایید.
  • مربیان قرآن مشهد مقدس
  • با عرض سلام وخسته نباشید
    میخواهم عنوان بلاگ رو وسطچین کنم چه تغییری در css بدهم؟
    همچنین میخواهم کادر مستطیلی دور عنوان بلاگم که خاکستری رنگ هست رو حذف کنم لطفا مرا راهنمایی کنید.
    بلاگ من اینه http://mmquran.blog.ir/
    پاسخ:
    سلام
    سوال شما مستلزم آموزش زبان های ‫جاوا اسکریپت‬، CSS و HTML می باشد که طبیعتا نیازمند شرکت در دوره های آموزشی یا
    فراگیری از طریق کتاب های آموزشی است. در صورت آشنایی با این زبان ها،  شما خواهید توانست از بخش ویرایش «ساختار قالب فعلی» و «ویرایش CSS قالب فعلی» در منوی «قالب» تغییرات مورد نظر خود را اعمال نمائید. در غیر این صورت می توانید از طریق افرادی که خدمات مربوط به ویرایش قالب را ارائه می دهند اقدام نمایید.
    می تونیم تم ها رو توی سیستم های وبلاگ دهی دیگه استفاده کنیم با حق کپی رایت داره؟
    پاسخ:
    در این زمینه به وبلاگ مرجع قالب های بلاگ مراجعه نمایید. پاسخ سوال شما برای هر قالب متفاوت است که ذیل هر قالب و تحت عنوان "مجوز بهره برداری" بیان شده است.
  • سجاد اسماعیلی
  • سلام. رنگ پیش فرض لینک های صفحه رو از کجای css میشه تغییر داد ؟ با تشکر .
    پاسخ:
    سلام
    با استفاده از امکان inspect element مرورگر فایرفاکس کلاس قسمت مورد نظر را بیبید و در قسمت ویرایش css قالب آن را مطابق دلخواه ویرایش نمایید.
    سلام
    من می خاستم نوع فونت وبلاگم رو تغییر بدم . تقریبن این کار رو کردم اما سیستم اون رو ذخیره نکرد . کمک می کنید یا امکان این کار در سیستم شما وجود نداره ؟؟
    ممنون
    پاسخ:
    سلام
    در بخش ویرایش CSS‌ قالب فعلی ،‌ با استفاده از font-face‌می توانید فونت جدید اضافه کنید .
    و در بخش های دلخواه با استفاده از font-family‌ از فونت جدید استفاده نمایید .
  • ۳ باربگو : الّلهُمَّ صَلِّ عَلی مُحَمَّد وَآلِ مُحَمَّد وَعَجِّل فَرَجَهُم
  • سلام من میخوام یه عکس بذارم پسزمینه وبلاگم که ثابت باشه ؛ پس زمینه پیش فرض قالب وبم یه عکس کوچیکه که تکرار میشه ، من میخوام یه عکس بزرگ بذارم که ثابت باشه لطفا توضیح بدین که چجوری اینکارو بکنم؟
    پاسخ:
    سلام
    پاسخ سوال شما مستلزم آموزش زبان های جاوا اسکریپت , CSS و HTML می باشد که طبیعتا نیازمند شرکت در دوره های آموزشی یا فراگیری از طریق کتاب های آموزشی است . در صورت آشنایی با این زبان ها , شما خواهید توانست از بخش « ویرایش ساختار قالب فعلی» و «ویرایش CSS قالب فعلی» در منوی «قالب» تغییرات مورد نظر خود را اعمال نمایید . در غیر این صورت می توانید از طریق افرادی که خدمات مربوط به ویرایش قالب را ارائه می دهند اقدام نمایید .
    خسته نباشید من فونت تیتر وبلاگ،تیتر عناوین ستون سمت چپ و کلمات کلیدی رو عوض کردم اما قصدم عوض کردن فونت محتوای یک پست هست (اون نوشته های عادی‌ای که درون یک پست وجود داره) برای تغییر فونت نوشتار کدوم قسمت CSS رو باید تغییر بدم؟اون قسمتی که باید توی CSS سرچ کنم و تغییر بدم رو اگر بگین ممنون میشم ...
    پاسخ:
    برای تغییر فونت نوشته های یک مطلب باید از طریق ویرایشگر متن اقدام نمایید.
    سلام و خسته نباشی
    من جاوا اسکریپت رو خریداری کردم ولی دستورات زمانی که قرار میدم هیچ اتفاقی نمیافته
    دستورات رو بعد تگ بادی میزارم
    لطفا راهنمایی کنید
    ممنون
    پاسخ:
    سلام
    بغیر از خرید امکان اختیاری جاوااسکریپت محدودیت دیگری در این زمینه وجود ندارد.
    از صحت کدنوشت مورد استفاده خود اطمینان حاصل نمایید.
    میخوام کلا قالبما عوض کنم
    چی کار کنم؟؟؟!!!
    بلاگ مثل میهن بلاگ و بقیه شون نیست که اونجوری بتونیم قالب را عوض کنیم؟؟؟!!!
    پاسخ:
    در حال حاضر تنها امکان استفاده از قالب های موجود در بلاگ وجود دارد و برای استفاده از دیگر قالب ها باید آن ها را با استاندارد های بلاگ همسان نمایید.
    با این حال از بخش "ویرایش ساختار قالب فعلی" میتوانید قالب خود را ویرایش نمایید.
    سلام.
    من در قسمت تبلیغات وبلاگم میخوام تصاویری رو ( با قابلیت لینک کردن ) قرار بدم اما تصاویرم دوتایی میاد یعنی یک تصویر دو بار در قسمت تبلیغات وبلاگم تشکیل میشه. لینک هم میشه!
    اما با مشکل دوتایی شدن چیکار کنم؟ اگه ممکنه کامل توضیح بدین.
    پاسخ:
    سلام
    از صحت کدنوشت مورد استفاده خود اطمینان بیابید.
  • سید محمد حسینی یزدی
  • سلام.
    برای استفاده از فونت adobe arabic در متن اصلی مطالب چه کار باید کرد؟ می خواهم مطالب با آن فونت نمایش داده شود!
    متشکر
    پاسخ:
    بدین منظور باید کدنوشت مربوط را در قسمت ویرایش css قالب درج نمایید.
    سلام
    قالب زلال2
    میخوام پس زمینه پست ها رو یه کم تیره تر کنم یا سفید بزنم.چطوری این کار رو انجام بدم؟
    پاسخ:
    سلام
    کد مربوط را در قسمت css وبلاگ بیابید و کد رنگ مورد نظر را جایگزین زنگ فعلی نمایید.
    سلام.خدا قوت.من میخواستم رنگ ادامه مطلب وبلاگم جوری باشه که بیشتر به چشم بیاد ،تغییرات را انجام دادم ذخیره را هم زدم اما اعمال نمیشه لطفا راهنمایی کنید.
    پاسخ:
    سلام
    از صحت کدهای ویرایش شده اطمینان حاصل نمایید.
    سلام یه سوال دارم لطفا جوابمو بدید خیلی مهمه
    اندازه قلم اصلی وبلاگ چنده نه1 هستش نه 2 
    1 خیلی ریزه 
    2 خیلی بزرگتره 
    اندازه قلم چنده چطوری باید این ادرس قلم اصلی بلاگ رو بدست بیارم
    پاسخ:
    سلام
    اندازه قلم اصلی 12 پیکسل برای tahoma فونت های دیگر و 13 برای دیگر فونت هاست.
  • نوید کاظمی
  • با سلام چطور تصویر بالای وبلاگم قرار بدم آدرس تصویرم اینه:https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRwEXrxBlGTsm2NTLz77PqwyBTM7KdbDS5HqYOHRwOnfuQc6UAf
    پاسخ:
    سلام
    لطفا از ارسال موارد نامرتبط ذیل مطالب خودداری نمایید.
    برای تغییر هدر وبلاگ میتوانید به سوالات متداول مراجعه نمایید.
    با سلام
    من تا زه به بیان اومدم و  می خواستم پس زمینه پست و کاملا سفید کنم. بگراند قالب نه. پس زمینه جایی که متن نوشته و عکس گذاشته میشه. یکدست سفید باشه.
    اگه کمکم کنید ممنون میشم
    پاسخ:
    سلام
    بدین منظور باید کد مربوط را در قسمت ویرایش css قالب یافته و مطابق دلخواه خود آن را تغییر دهید.
    سلام ببخشید من میخاستم تویه قسمت تبلیغات .تبلیغات مورد نظر خودم رو سبت کنم باید چیکار کنم اگه میشه هم روش تبلیغات متنی و هم عکسی(عکس لینک دار)و اگه زحمتی نداره بگید چطور گیف بزارم تئ تبلیغات
    پاسخ:
    سلام
    با ویرایش کد قالب خود و درج کد مربوط به تبلیغات مورد نظر میتوانید این کار را انجام دهید و محدودیتی در این زمینه وجود ندارد.
  • آقای دیوار نویس
  • سلام و عرض ادب
    میخواستم بدونم که برای تغیر رنگ متن های لینک دار در پست ها باید از چه کدی استفاده کنم؟
    در حال حاضر با رنگ متن عنوان پست؛ رنگ متن های لینک دار هم تغییر میکند! میخواهم که رنگ متن های لینک دار جدای از عنوان پست تغییر کند.

    ارسال نظر

    نظر دادن تنها برای اعضای بیان ممکن است.
    اگر قبلا در بیان ثبت نام کرده اید لطفا ابتدا وارد شوید، در غیر این صورت می توانید ثبت نام کنید.