راه اندازی کسب و کار اینترنتی
کتاب افزایش عملکرد در محل کار

مدیر سبز

آموزش بازاریابی نوین

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

 

راهنمای استفاده:

  • HTML: باید کدهای داخل این فایل را در بخش: [ قالب > ویرایش ساختار قالب فعلی ] کپی کنید.
    • نکته: برای کارکرد صحیح لینک های اشتراک گذاری، باید عبارت (*blog_link*) را در کدهای این فایل جستجو کرده و به جای آن، آدرس کامل وبلاگ خودتان را جایگزین کنید. برای مثال به این صورت: http://modiresabz.blog.ir
  • CSS: باید کدهای داخل این فایل را نیز در بخش: [ قالب > ویرایش CSS قالب فعلی ] کپی کنید.

 

قالب واکنش گرای رنگارنگ

قالب ریسپانسیو رنگارنگقالب وبلاگ واکنش گرا

پیش نمایش   HTML    CSS

 

قالب واکنش گرای امید

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

پیش نمایش   HTML    CSS 

 


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

پیش نمایش    HTML    CSS


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

پیش نمایش    HTML    CSS 


نکته:

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

  • در مرورگر موزیلا:   Ctrl+Shift+M
  • در مرورگر کـروم:    ابتدا Ctrl+Shift+J  ، سپس Ctrl+Shift+M

کد افزودن امکان اشتراک گذاری مطالب

نظرات (۳)

۲۱ بهمن ۹۴ ، ۱۲:۱۵ ارسطو عباسی
سلام نمیشه فقط کد مربوط به رسپانسیو کردن قالب رو بزارید....
یا مثلا با توضیح بگید؟
پاسخ:
اگر فقط یک کد بود حتما اینکار رو میکردم :)
لینکهایی در مورد آموزش اینکار، در کامنتهای این پست گذاشتم. اگر نگاهی بندازین متوجه منظور بنده میشین :)
۱۲ خرداد ۹۵ ، ۱۱:۴۶ امید ابراهیمی
با سلام خدمت دوست عزیزم امید وارم درحال ریسپانسیو کردن قالب باشین ؟!! منتظر میمونم تا درست بشه 
پاسخ:
سلام دوست عزیز، نه متاسفانه فرصتش رو ندارم، شرمنده نمیتونم روش کار کنم.
۰۷ آذر ۹۵ ، ۱۹:۵۹ mohsen faraj(sampadi💪)

واقعا دستتون درد نکنه دوست عزیز همین چند هفته پیش بود دنبال قالب واکنش گرای امیدی که شما بهینه کردید بودم مرحمت فرمودید :)

پاسخ:
خواهش میکنم، خوشحالم که به کارتون اومد و استفاده کردید.

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی
شکستن مرزهای فروش
کتاب افزایش عملکرد درمحل کار
شکستن مرزهای موفقیت
کتاب تبدیل رویا به ثروت
مدیر سبز

مقالات و محصولات آموزش بازاریابی نوین

پیشنهاد ویژه
نرم افزار کنترل و مدیریت خانواده و فرزندان در اینترنت
ابزار وبلاگ
کد و ابزار وبلاگ
دانلود کتاب صوتی
آخرین نظرات
  • ۲۴ خرداد ۹۶، ۲۰:۴۴ - سام نجفی نیا
    ++
  • ۲۲ خرداد ۹۶، ۱۱:۱۷ - ko sar
    عالی
  • ۲۰ خرداد ۹۶، ۱۴:۴۰ - سام نجفی نیا
    عالی
  • ۱۶ ارديبهشت ۹۶، ۲۰:۰۷ - سام نجفی نیا
    ++
  • ۱۶ ارديبهشت ۹۶، ۱۸:۱۹ - سام نجفی نیا
    +++
  • ۱۰ ارديبهشت ۹۶، ۱۵:۴۰ - سام نجفی نیا
    لایک