تقسيم التسميات في عمودين في مدونات بلوجر

تقسيم التسميات في عمودين في مدونات بلوجر  , أقسام بلوجر بشكل جميل , تنصيف أقسام بلوجر , التسميات بشكل جميل , تقسيم الاقسام الي عمودين , شكل جديد لأقسام بلوجر , تقسيم التسميات

تقسيم التسميات إلى عمودين مفيد إذا كانت أقسام المدونة كثيرة بحيث أنها تأخذ حيزا كبيرا في صفحة المدونة

مثال مدونه

MaGda bloG

http://mag-92.blogspot.com

 

أحببت أن أدرج الطريقة التي أتبعت في رابط الموضوع هنا :-
1-  إذهب إلى الرابط قالب ثم تحرير html ثم إضغط متابعة
2- ضع علامة صح أمام توسيع قوالب عناصر واجهة المستخدم
3- يجب أن تعرف هل التسميات في قالب مدونتك تحمل الاسم Label1 أو Label2 وذلك باتباع الخطوات اللاحقة
4- إضغط CTRL+F 

وأبحث عن id='Label
5- ستعرف الرقم المستخدم أمام الكلمة السابقة
6- إبحث عن    ]]></b:skin>
7 – قبل الكود السابق اتبع ما يلي
8- إذا كانت التسمية تحمل الرقم 1 فألصق الكود التالي 

#Label1 ul li{
float :right;
width: 45%;
}

9- إذا كانت التسمية تحمل الرقم 2 فألصق الكود التالي

#Label2 ul li{

float:right;

width: 45%;

}

قم بمعاينة القالب ثم حفظ

...تابع القراءة

هاك اقرأ المزيد و عرض المصغرات لمدونات بلوجر

إقرأ المزيد , هاك اقرأ المزيد و عرض المصغرات لمدونات بلوجر , هاك إقرأ المزيد , شرح تركيب إقرأ المزيد لبلوجر , إضافة إقرأ المزيد

العديد من المدونين يتساءلون عن طريقة تلقائية لعرض مقتطفات تدويناتهم بشكل تلقائي على الصفحة الرئيسية و تحتها مباشرة رابط "تابع القراءة" أو "اقرأ المزيد" لمتابعة التدوينة كاملة. و لهم نقدم هذه الإضافة المفيدة التي تحسن مظهر المدونة و تجعلها صديقة لمحركات البحث . و تجدر الإشارة أن النسخة المقدمة هنا (و هي نفسها المقدمة في بعض المواقع ك vietwebguide.com ) تمكنك من الحصول على محاذات ميامنة للمصغرات كما هو موضح في الصورة الموالية.

--» قبل تحرير القالب يجب حفظ نسخة احتياطية منه لاستعادتها عند الضرورة.
الخطوة الأولى: من باب " التخطيط" نختار "تحرير Html" و نوسع القالب عبر وضع علامة في المربع الصغير أعلا صندوق التحرير و نبحث عن

</head>
و مباشرة قبلها أي فوقها نضع هذا الكود :

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 500;
summary_img = 450;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://sites.google.com/site/simoxisite/Home/read-moreotomatis.js' type='text/javascript'/>

» شرح الألوان:
- الأحمر لتعديل طول مقتطف التدوينة التي لا تضم صورا.
- الأزرق لطول مقتطف التدوينات التي بها صور.
- الأخضر لتعديل أبعاد المصغرات ( الصور الصغيرة التي تبدو في الرئيسية ).
- البرتقالي هو رابط ملف الجافاسكريبت يمكن إعادة رفعه و تحرير رابطه.

الخطوة الثانية: نبحث ( Ctrl+F ) على

<data:post.body/>

نحدده و نعوضه بهذا الكود

<p><b:if cond='data:blog.pageType != &quot;item&quot;'> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> ...تابع القراءة</a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if></p>

لجعل الصورة إلى جهة اليسار استبدل right ب left في الكود أعلاه .
و أخيرا احفظ القالب و مبروك عليك!

...تابع القراءة

إقرأ المزيد في بلوجر

إقرأ المزيد , إقرأ المزيد في بلوجر , read more , خاصية إقرأ المزيد , إقرأ المزيد متاحه في بلوجر

كما يعلم الجميع قامت بلوجر Blogger بإجراء بعض التحديثات المفيدة ، و كانت آخرها إضافة خاصية المقتطفات التي تمكن من عرض مقتطف من التدوينة في الصفحة الرئيسية عوض عرضها بالكامل . حيث أن مستعملي محرر الرسائل الجديد سيجدون زراً إضافيا يمكن من و ضع فاصل بين مقدمة التدوينة و بقيتها . بالنسبة للقوالب الأصلية لبلوجر فهي معدة سلفا لدعم الخاصية أما القوالب المستوردة فيجب إضافة كود لإظهار رابط " اقرا المزيد " تحت المقتطف تجدونه في هذا الموضوع .
أولا لتفعيل محرر الرسائل الجديد يجب التوجه إلى إعدادات المدونة ثم في أسفل الصفحة نفعل الخيار كما يظهر في الصوره 

ثم عند بدأ تدوينة جديدة سنستفيد من الخاصية عبر ضغط زر الفصل كما هو مبين فيما يلي

أما إن كنت تستعمل html لتنسيق التدوينة فيمكنك استعمال هذا الكود لتعيين مكان الفصل

<!--more-->

و فيما يلي الكود الذي لا بد من إضافته لإظهار رابط " اقرأ المزيد " في القوالب المستوردة و طبعا كالعادة نحفظ نسخة احتياطية من القالب :
نضع علامة على المربع الصغير لتوسيع القوالب و نبحث عما يلي

<data:post.body/>

ثم بعده نضيف هذا الكود و نحفظ القالب

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >

...تابع القراءة