بسم الله الرحمن الرحيم
والصلاة والسلام على اشرف الانبياء المرسلين سيدنا محمد عليه افضل الصلاة واتم التسليم
السلام عليكم ورحمة الله وبركاته
مساء الخير , او صباح الخير , اتمنى ان تكونوا في تمام الصحة والعافيه .
قبل يومين انتهيت ولله الحمد من تصميم قالب خاص لمدونتي , وقد كلفني هذا القالب الكثير من وقتي والكثير من جهدي , وقد نتج لنا بالفعل قالب جميل , وسيتم عرض اهم مميزاته الان .
مميزات القالب :
- القالب سريع في الارشفة نسبة الى خفته وتقليل الـ CSS + JS بصورة كبيره .
- القالب خالي من الاخطاء بأذن الله .
- ذو الوان خفيفه على العين : فضي وابيض .
- القالب متوافق مع جميع المتصفحات , وقمت بتجربته بنفسي .
- هاك ترقيم الصفحات : مدمج مع القالب .
- هاك اقراء المزيد واختصار التدوينه : مدمج مع القالب .
- القالب يتكون في المنتصف من قسمين : على اليمين التدوينات وعلى اليسار السيدبار .
- الفوتر يتكون من ثلاث اعمدة منظمه .
- تم دمج خط : GE SS Two Light مع القالب , لكي يعطي القالب جمالية اكثر .
- تم تقليل الصور في القالب بصورة كبيره جدا .
- قائمة الاقسام في السيد بار مقسومه الى قسمين .
- سحابة الكلمات ملونه .
- تم تغيير شكل التعليقات .
- واخرى اكتشفها بنفسك :)
مصمم القالب : JEtara
من مدونة : حلول بلوجر
مقتطفات من القالب :
صورة كاملة للقالب : اضغط على الصورة لتكبيرها
الان نأتي الى التعديلات المهمه في القالب :
اولآ : القائمة العلويه او الـ " Menu "
انا اضفتها فوق قائمة الرسائل وجعلتها اداة ثابته لاتحذف , ولاكن المشكلة
قد لاتجد بداخلها القائمة , على العموم ان لم تجدها , اضف هذا الكود في
اداة HTML/JavaScript. مع استبدال مايلزم
<div id='cssmenu'>
<ul>
<li><a href='http://7loll.blogspot.com/'><span>الرئيسيه</span></a></li>
<li class='has-sub'><a href='#'><span>أدوات - Tools</span></a>
<ul>
<li><a href='http://7loll.blogspot.com/p/blog-page_6291.html'><span>فوتوشب اون لاين عربي</span></a></li>
<li><a href='http://7loll.blogspot.com/p/blog-page_2516.html'><span>محول الاكواد</span></a></li>
<li><a href='http://7loll.blogspot.com/p/blog-page_9054.html'><span>add to blogger button generator</span></a></li>
<li><a href='http://7loll.blogspot.com/p/blog-page_6574.html'><span>فهرس دورة بلوجر </span></a></li>
<li class='last'><a href='http://7loll.blogspot.com/p/blog-page_22.html'><span>أكواد الالوان</span></a></li>
</ul>
</li>
<li><a href='http://7loll.blogspot.com/p/blog-page_26.html'><span>فهرس المدونة</span></a></li>
<li><a href='http://7loll.blogspot.com/p/blog-page_6574.html'><span>فهرس دورة بلوجر </span></a></li>
<li class='last'><a href='http://7loll.blogspot.com/p/blog-page_5.html'><span>فهرس سلسلة دروس تسريع المدونة</span></a>
</li>
</ul>
</div>
ثانياَ : تعديل " الميتا تاج "
ادخل الى المدونة .
ثم القالب .
حرر القالب .
ستجدا في اول القالب كود شبيه بهذا الكود , عدله الى مايناسبك :
<meta content='هنا ضع نبذه قصيره عن مدونتك ' name='description'/>
<meta content='هنا ضع الكلمات المفتاحيه لمدونتك ' name='keywords'/>
<meta content='global' name='distribution'/>
<meta content='10 days' name='revisit'/>
<meta content='10 days' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='jetara x' name='author'/>
<meta content='ar' name='language'/>
<meta content='Saudi Arabia' name='country'/>
بقلم:
لاشكر على واجب اخى
ردحذف