قالب های ریسپانسیو زیر بر پایه قالبهای "امید" و "ترسیم" بیان بوده و توسط وبلاگ مدیرسبز بهینه سازی شده اند. این قالب ها در دستگاه های مختلف مانند موبایل و تبلت تصویر بهتر و زیباتری از وبلاگ شما را نمایش می دهند که در جذب و حفظ مخاطب، و نیز سئوی وبلاگ موثر است.
راهنمای استفاده:
-
HTML: باید کدهای داخل این فایل را در بخش: [ قالب > ویرایش ساختار قالب فعلی ] کپی کنید.
- نکته: برای کارکرد صحیح لینک های اشتراک گذاری، باید عبارت (*blog_link*) را در کدهای این فایل جستجو کرده و به جای آن، آدرس کامل وبلاگ خودتان را جایگزین کنید. برای مثال به این صورت: http://modiresabz.blog.ir
- CSS: باید کدهای داخل این فایل را نیز در بخش: [ قالب > ویرایش CSS قالب فعلی ] کپی کنید.
قالب واکنش گرای رنگارنگ
پیش نمایش 
HTML 
CSS
CSS
قالب واکنش گرای امید
پیش نمایش HTML CSS
قالب واکنش گرای ترسیم
پیش نمایش HTML CSS
قالب واکنش گرای ساده
پیش نمایش HTML CSS
نکته:
کلیدهای میانبر ترکیبی جهت مشاهده نسخه موبایلی قالبها در زیر آمده است. با امتحان این کلیدها در قالب معمولی خود، خواهید دید که نمایش وبلاگ شما در موبایل ها و تبلت ها چقدر ممکن است نامناسب یا به هم ریخته باشد:
- در مرورگر موزیلا: Ctrl+Shift+M
- در مرورگر کـروم: ابتدا Ctrl+Shift+J ، سپس Ctrl+Shift+M
ارسطو عباسی
