معهد خبراء بلوجر - [المشكلة التاسعة] ضبط شكل الرسالة!

معهد خبراء بلوجر (https://www.bloggerexp.com/index.php)

- طلبات الدعم الفني (https://www.bloggerexp.com/forumdisplay.php?f=12)

- - [المشكلة التاسعة] ضبط شكل الرسالة! (https://www.bloggerexp.com/showthread.php?t=4249)

[المشكلة التاسعة] ضبط شكل الرسالة!

السلام عليكم وحمة الله وبركاته
أخواني
جاء وقت الجد
نعم كنت في الفترة السابقة بحاول اتعلم عن المدونات اكثر
لاقف على افضل شكل
وهذا ما جعلنى اسال كثيرا عن عالم المدونات
الذى
كنت لا اعرف عنه شى منذ 15 عشر يوما
والان
ولله الحمد وقفت على قالب أعجبنى واريد التعديل عليه اشياء بسيطة
وهي
1 _ اريد كلمة الكاتب وعد التعليقات الموضحة في الصورة فوق الموضوع تحت الموضوع وليس اعلاه
2 _ اريد تقليص حجم الصورة والتحكم فيها لتون اسفل الكلام وليس اعلاه
3 _ اريد تحديد عدد السطور فى الكلام واضافة كلمة مشاهدة المزيد
وشكراً

رد: [المشكلة التاسعة] ضبط شكل الرسالة!

السلام عليكم
بالنسبة للمشكل الاول كل ما عليك هو
الدخول الى لوحة التحكم تم تخطيط تم رسائل المدونة الالكترونية بعدها اضغط على تحرير
كما في الصورة و عدم مكان تواجد اسم الكاتب و التعليقات و...
http://img31.imageshack.us/img31/865...2230151001.png

رد: [المشكلة التاسعة] ضبط شكل الرسالة!

اما بالنسبة للمشكل التاني
فعدما تدخل صورة في محرر المواضيع يمكنك التحكم فيها بالضغط عليها و التحكم فيها

و التالت و هو تحديد سطور الكلام في الصفحة الرشيسية
كل ما عليبك هو عند كتابة موضوع جديد
http://3.bp.blogspot.com/_fQliT1HyqQ...0/readmore.png

بالنسبة لخاصية اقرا المزيد

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F).

</head>

قم بلصق الكود التالي قبله مباشرة :ملاحظة : عند تطبيقك لهذا الكود سوف يتم عرض صورة الملخص على اليسار ,ولعرض صورة الملخص على اليمين ،تجاهل هذا الكود وقم بلصق الكود الذي يليه.

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 300; /* طول الملخص للمواضيع بدون صورة */
summary_img = 250; /*طول الملخص للمواضيع ذات صورة*/
img_thumb_height = 128; /* عرض الصورة في الملخص*/
img_thumb_width = 128; /*طول الصورة في الملخص */
</script>
<script src='http://abuiyad.googlecode.com/svn/trunk/read-more-left.js' type='text/javascript'/><font size="0"><a href=" http://www.siege--auto.org ">siege auto</a></font>

الصورة في يمين النص

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 300; /* طول الملخص للمواضيع بدون صورة */
summary_img = 250; /*طول الملخص للمواضيع ذات صورة*/
img_thumb_height = 128; /* عرض الصورة في الملخص*/
img_thumb_width = 128; /*طول الصورة في الملخص */
</script>
<script src='http://abuiyad.googlecode.com/svn/read-more-right.js' type='text/javascript'/><font size="0"><a href=" http://www.siege--auto.org ">siege auto</a></font>

وإذا رغبت في ظهور الصورة في الوسطقم بلصق الكود التالي :

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 300; /* طول الملخص للمواضيع بدون صورة */
summary_img = 250; /*طول الملخص للمواضيع ذات صورة*/
img_thumb_height = 128; /* عرض الصورة في الملخص*/
img_thumb_width = 128; /*طول الصورة في الملخص */
</script>
<script src='http://abuiyad.googlecode.com/svn/trunk/LireLaSuiteCentre0.js' type='text/javascript'/><font size="0"><a href=" http://www.siege--auto.org ">siege auto</a></font>

والآن قم بالبحث عن الكود التالي :

<data:post.body/>

ثم قم بإستبدالة بهذا الكود :

<b:if cond='data:blog.pageType == "static_page"'><br/><data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'>
<data:post.body/></div><script type='text/javascript'>createSummaryAndThumb("summary<da ta:post.id/>");</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'>إقرأ المزيد...</a></span>
<a href='http://abu-iyad.blogspot.com/2010/07/read-more-for-blogger.html' style='display:none;'>Résumé</a><a href='http://abu-iyad.blogspot.com' style='display:none;'>abuiyad</a> </b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
</b:if><font size="0"><a href=" http://www.siege--auto.org ">siege auto</a></font>

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

وذلك بإستبدال عبارة إقرأ المزيد.. بالكود التالي :

<img src="https://sites.google.com/site/lightbox007/photo/readmore.jpg" title="إقرأ المزيد" alt="إقرأ المزيد"/>

و إذا رغبت في تبديل الصورة ،عليك فقط تبديل ما لون باللون الأحمربرابط الصورة المراد تبديلها

رد: [المشكلة التاسعة] ضبط شكل الرسالة!

السلام عليكم ورحمة الله وبراته
والله ما قصرت أخي الكريم وجزاك الله خيرا على همتك فى المساعدة
ثم
قمتُ أنا بتنفيذ ما قمت أنت به من شرح وافى ومتع والنتيجة كالتالي
_____________________
1 _ بالنسبة لتغيير الراسل والتاريخ فقمت بالفعل بالدخول كما امرتني وقمت بوضعهم تحت الرسالة ولكن بعد الحفظ لم تتغير اماكنهم
ولعل الصورة تبين ما فعلته
http://www.gmrup.com/d6/up13519160471.jpg

2 _ بالنسبة لامر الصورة نعم ما ذكرته هو ما كنت بفعله فى بعض القوالب قبل تثبيت هذا القالب
وكانت الصورة تتغير بالفعل
ولكن هذا القالب جربت أن اضع الصورة تحت الكلام
ولكن دون فائدة
فجميع الصور تظهر فوق الكلام وان وضعت الصور من اسفل اثناء كتابة الرسالة.
ولهذا كنت اتوقع ان هناك امر خاص بتغيير الكود وضبطه ليعطينى النتيجة التى اريدها

3 _ الكود الذى اعطيتنى اياه بخصوص قراءة المزيد ليس صحيحاً ، فعند وضع الكود بعطى هذه النتيجة كما موضح في الصورة
http://www.gmrup.com/d6/up13519160472.jpg
______________________
واليك أخى رابط القالب لتعرف المزيد من خصائصه ان امكن وتنفيد ما اريده أن امكن
http://www.gmrup.com/do.php?id=1961568
بارك الله فيك والسلام عليكم ورحمة الله وبركاته

رد: [المشكلة التاسعة] ضبط شكل الرسالة!

رابط تحميل القالب ؟

رد: [المشكلة التاسعة] ضبط شكل الرسالة!

اقتباس:

المشاركة الأصلية كتبت بواسطة عثمان بن الطالب (المشاركة 13120)

رابط تحميل القالب ؟

http://www.gmrup.com/do.php?id=1961568

رد: [المشكلة التاسعة] ضبط شكل الرسالة!

أولا قم بتوسيع قوالب عناصر واجهة المستخدم

1- جعل الصورة أسفل الكلام (لا أراه مناسب أبدا) :
ابحث عن :

كود:

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) +'</div>';

واستبدله ب :

كود:

var summary = '<div>' + removeHtmlTag(div.innerHTML,summ) +'</div>'+ imgtag ;

-------------------------

2- التحكم في حجم الصور وعدد الحروف :
ابحث عن :

كود بلغة HTML:

summary_noimg = 800;

summary_img = 500;

img_thumb_height = 250;

img_thumb_width = 610;

summary_noimg : عدد الحروف عندما لا يحتوي الموضوع على صورة
summary_img : عدد الحروف عندما يحتوي الموضوع على صورة
img_thumb_height : ارتفاع الصورة
img_thumb_width : عرض الصورة

-------------------------

3- نقل معلومات الموضوع إلى الأسفل :

ابحث عن :

كود بلغة HTML:

<div class='postmeta'>

<span class='author'> الكاتب <data:post.author/></span> 

<span class='clock'> On <data:post.timestamp/></span>

<span class='comm'><b:if cond='data:post.allowComments'>

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>

<b:if cond='data:post.numComments == 0'>لا يوجد تعليقات</b:if><b:if cond='data:post.numComments == 1'> 1 تعليق</b:if><b:if cond='data:post.numComments &gt;= 2'><data:post.numComments/> تعليقات </b:if></a></b:if></span>    

</div>

قم بقصه وليس نسخه والصقه مباشرة بعد :

كود بلغة HTML:

<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if></p>

-------------------------

4- إضافة كلمة تابع القراءة :
ابحث عن :

كود بلغة HTML:

<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>

أضف بعدها :

كود بلغة HTML:

<div style='float:left;padding-top:0px;'><a expr:href='data:post.url'>إقرأ المزيد...</a></div>

رد: [المشكلة التاسعة] ضبط شكل الرسالة!

اللسان يعجز عن الكلام أخي عثمان
رااااااااااااااااااااااااااااااااااااااااااااااااا اائع
كل الاجابات تستاهل ال 5 من 5
نجومي لك
_________________
ثم لىي طلب بخصوص هذا القالب
حيث تحتوى الاعمدة على كلمة تدعمه بلوجر
وهى عبارة عن رابط اذا تم الضغط عليه ينقلني الى الصفحة الرئيسية لبلوجر
كيف يمكننى حذفه
اريد حذفه..........
ولعل الصورة توضح ما اريد
http://www.gmrup.com/d6/up13519708141.jpg

رد: [المشكلة التاسعة] ضبط شكل الرسالة!

اضغط على زر التعديل بجانب الكلمة ثم ستفتح نافذة اضغط فيها على حذف