اضافة أقرا المزيد على شكل زر .
الجمعة، 14 مايو 2010
اضافات بلوقر
3 تعليق
هناك عدة طرق لاضافة اقرا المزيد و معضمها تتم يدويا و البعض يستخدم الاضافة الموجودة اصلا مع محرر بلوقر الحديث او المحرر القديم باستخدام read more بسبب بعض المشاكل التي تحدث في بعض القوالب كانحراف العمود الى الاسفل و لكن هذا الامر كان سابقا فقد عالجت بلوقر هذا الخلل و هي الان تعمل بدون هذه المشكلة و لاضافة اقرا المزيد اتبع الخطوات التالية :
من لوح تحكم مدونتك انتقل إلى صفحة التخطيط ثم " تحرير HTML "
قبل إجراء أي تعديل احفظ نسخة احتياطية من القالب لاستعادتها عند الضرورة.
اشر علامة توسيع قوالب عناصر واجهة المستخدم .
ثم ابحث عن هذا الكود :
لنسخ الكود ظلله ثم اضغط ctrl+c .
صورة توضيحية :
في بعض القوالب تجد الكود اعلاه موجود اي انه مضاف مسبقا ففي حال وجوده لا يحتاج الى اضافته مرة اخرى و لكن اتبع الخطوة التالية :
ابحث عن الكود التالي :
من لوح تحكم مدونتك انتقل إلى صفحة التخطيط ثم " تحرير HTML "
قبل إجراء أي تعديل احفظ نسخة احتياطية من القالب لاستعادتها عند الضرورة.
اشر علامة توسيع قوالب عناصر واجهة المستخدم .
ثم ابحث عن هذا الكود :
لنسخ الكود ظلله ثم اضغط ctrl+c .
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
اضف بعده مباشرة الكود التالي:
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>
صورة توضيحية :
في بعض القوالب تجد الكود اعلاه موجود اي انه مضاف مسبقا ففي حال وجوده لا يحتاج الى اضافته مرة اخرى و لكن اتبع الخطوة التالية :
ابحث عن الكود التالي :
]]></b:skin>
اضف فوقه مباشرة الكود التالي :
.jump-link a {
float: right;
display: block;
background-color: #000000;
padding: 3px 3px 3px 3px;
width: 130px;
-moz-border-radius: 10px;
border-radius: 5px;
}
.jump-link a:hover {
text-decoration: none;
color: #FFFFFF;
background-color: #BF2323;
}
بامكانك تغيير الالوان الى ما يناسب قالب مدونتك .و اذا اردت تغير الاتجاه الى اليسار بامكانك تغير float: right; الى float: left;
و لتغير اقرا المزيد الى اي عبارة اخرى مثلا اكمل القراءة .. اتبع التالي:
ادخل الى لوحة التحكم ثم الى تخطيط ثم اتبع الشرح في الصورة التالية :
قالب مدونة الرافدين الجديد
الجمعة، 7 مايو 2010
قوالب بلوقر
14 تعليق
بعد عناء طويل تم بعونه تعالى تصميم قالب مدونتي بلونه الازرق و كان سابقا ذو لون بني ثم انتقلت الى اللون الاحمر و اخيرا استقر اختياري على اللون الازرق , حيث تم تصميمه انطلاقا من احد قوالب بلوقر التقليدية التي تكون موجودة اصلا مع سكربت بلوقر و بالاستعانة ببعض ستايلات لقوالب الووردبريس حصلت في النهاية على هذا القالب
اما بالنسبة للقالب الذي تم التعديل عليه ليصبح بهذا الشكل موضح في الصورة التالية ذو اللون الاخضر :
مميزات القالب :
- سريع جدا في التصفح حبث تم اختصار الستايل css .
- يعمل بكفائة على جميع المتصفحات و بضمنها اكسبلورر السادس
- مناسب لعرض الفيديو
- مناسب لعرض الاعلانات بعرض 125 px
- ثلاثة اعمدة في الفوتر
- الهيدر متحرك اي يمكن اضافة صورة الهيدر من خلال اضافة اداة و يمكن اضافة كود لهيدر فلاشي .
الاشتراك في:
الرسائل (Atom)