نحوه اضافه کردن کد CSS به قالب بلاگر
CSS چیست؟
-
پایه های CSS به معنای برگه های سبک آبشاری است
-
CSS توضیح می دهد که عناصر HTML باید روی صفحه نمایش یا در رسانه های دیگر نمایش داده شوند
-
CSS مقدار زیادی از کار را ذخیره می کند. این می تواند طرح بندی چندین محتوای وب را به طور مستقیم کنترل کند
-
شیوه نامه های خارجی در فایل های CSS ذخیره می شوند
نحوه اضافه کردن کد CSS در قالب بلاگر
بر روی زبان XML کار می کند که از فضاهای نام و برخی از عملکردهای از پیش تعریف شده استفاده می کند که کدنویسی آن را برای افزودن کد CSS در قالب بلاگر پیچیده تر می کند.
به طور کلی، به دلیل پیچیدگی بالا، استفاده از آن فقط به وبلاگ نویسان کوچک محدود می شود، در حالی که سایر وبلاگ نویسان ترجیح می دهند از وردپرس به عنوان یک پلت فرم وبلاگ نویسی استفاده کنند.
بسیاری از ترفندها و ویجت ها به صورت آنلاین برای پلتفرم بلاگر که توسط توسعه دهندگان وب ایجاد شده است در دسترس هستند.
برای نصب هر ویجتی که به طور غیررسمی منتشر شده است، باید تکه های مختلف کد را در مکان های مورد نظر اضافه کنید، به همین دلیل است که اکثر افراد تازه کار در افزودن کد مشکل پیدا می کنند.
در اینجا ما آموزشی را به اشتراک می گذاریم که به شما کمک می کند تا به راحتی کد CSS را در قالب Blogger اضافه کنید.
دو گزینه برای افزودن کد CSS در قالب بلاگر وجود دارد، می توانید روش دستی را انتخاب کنید یا از گزینه Template Designer استفاده کنید. بیایید یکی یکی یاد بگیریم.
نحوه اضافه کردن کد CSS به صورت دستی
اگر مانند زبان های HTML آشنا نیستید، باید از روش دیگری استفاده کنید. عادت قوی به پشتیبان گیری از قالب خود داشته باشید تا از هرگونه تغییر غیر ضروری در آن جلوگیری کنید.
اول از همه کد CSS خود را کپی کنید، که به نظر می رسد
#menubar { list-style-type:none; حاشیه: 0; بالشتک: 0; overflow:hidden; } #menubar li { float:left; } #menubar li a, #menubar li a:link, #menubar li a:visited { display:block; عرض: 120 پیکسل font-weight:bold; رنگ:#FFFFFF; background-color:#98bf21; padding: 4px; text-align:center; text-decoration:none; } #menubar li a:hover, #menubar li a:active { background-color:#7A991A; }
کد زیر را در قالب بلاگر جستجو کنید.
]]>
کد CSS را در بلاگر بالای آن اضافه کنید و الگوی خود را ذخیره کنید.
نحوه اضافه کردن کد CSS با طراح قالب
روی دکمه Customize کلیک کنید، پنجره جدیدی باز می شود و سپس گزینه Advanced/Add CSS را انتخاب کنید و کد CSS را در بلاگر در این کادر متنی قرار دهید.
روی دکمه اعمال کلیک کنید تا این کد CSS در وبلاگ اعمال شود.
این راهنمایی برای اضافه کردن کد CSS در قالب بلاگر است