دروس صوت وصورة

السلام عليكم ورحمة الله تعالي وبركاته ،بمناسبة العيد الكريم ،أحببت أن أكتب هذا الموضوع الذي يشمل بعض الأسئلة الشائعة بخصوص مدونات بلوجر ،لتعم الفائدة لأكبر عدد ممكن ،يمكنكم المشاركة في الموضوع وذلك إما بطرح بعض الأسئلة أو حلول لبعض الأسئلة التي ترون أنها مهمة ،وسوف أقوم بإعادة إدراجها في الموضوع ،مما يجعل من الموضوع مرجعا لكل المدونين لحل بعض الإستفسارات لديهم .يمكنك الضغط علي السؤال الذي تريد وسوف يتم الإنتقال مباشرة للإجابة داخل الموضوع
عيدكم مبارك سعيد.

الأسئلة

1.كيفية حذف ناڤبار بلوجر من أعلي الصفحة ؟

2.كيفية حل مشكلة عدم ظهور ازرار الشبكات الاجتماعية المعتمدة من بلوجر ؟

3.كيفية إضافة زر للمراسلة عبر البريد الإلكتروني ؟

4.كيفية وضع السطور تحت النصوص عند تحرير الرسائل ؟

6.كيفية إخفاء جميع الأدوات من الصفحات الثابتة ؟

7.كيفية حل مشكلة إقرأ المزيد المعتمدة من بلوجر ؟

8.كيفية حذف عدد المواضيع من جانب التسميات ؟

9.كيفية إضافة قائمة البحث داخل المدونة ؟

10.كيفية حل مشكلة عدم ظهور صندوق التعليقات أسفل المواضيع ؟

11.كيفية تمييز تعليق الكاتب عن تعليقات الزوار؟

الإجابات

1.حذف ناڤبار بلوجر من أعلي الصفحة :

لحذف القائمة الأفقية ناڤبار المعتمدة من بلوجر في أعلي الصفحة ما عليك سوى إتباع المراحل التالية :
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرhtml, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي : /* Variable definitions
ثم أضف قبله مباشرة هذا الكود :

#navbar-iframe {
display: none !important;
}

2.حل مشكلة عدم ظهور ازرار الشبكات الاجتماعية المعتمدة من بلوجر:

في بعض الأحيان يتم تفعيل أزرار الشبكات الإجتماعية المعتمدة من بلوجر ،لكن لا يتم ظهورها على المدونة ،ماعليك سوى تتبع المراحل التالية :

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرhtml, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي :

<div class='post-header-line-1'>

<div class='post-header-line-1' />

<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>

3.إضافة زر للمراسلة عبر البريد الإلكتروني:

لإضافة زر الإتصال عبر البريد الإلكتروني ماعليك سوى إضافة هذا الكود تحت هذا السطر <data:post.body/> وسوف يتم إدراج الزر تحت كل تدوينة

<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='Email' title="راسلني عبر البريد الإلكتروني" class='icon-action' height='128' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9r236L-BW8hkBTt-oz5iUQQJbHfj0-C8VfB9G-2N-uux_wbe5V_J7vQVRD36p3-aiY8GIQ9RxuhZOGc_I501KlvoX7NDx5dCKZKFxHA37gqthnVrT3KUsgPqmpte2S-5NyWZiMJTpXf1c/s320/Email2.png' width='128'/>
  </a>

4.وضع السطور تحت النصوص عند تحرير الرسائل:

لوضع سطر تحت أحد الكلمات في نصوص التدوينة ما عليك سوى إضافة الوسمين التاليين بين الكلمة المراد تسطريها <u> و <u/>
مثال :
مدونة أبو إياد كل ما هو جديد في <u>عالم التدوين <u/> ،دروس،وإضافات بلوجر
ليصبح النص على هذا الشكل:
مدونة أبو إياد كل ما هو جديد في عالم التدوين ،دروس،وإضافات بلوجر

5.حذف الجملة "الاشتراك في: الرسائل (Atom)":

لحذف الجملة هذه الجملة من أسفل المدونة ما عليك سوى تتبع المراحل التالية :
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرhtml, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي :

<b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>
    <b:else/> <!--Post feed links -->
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>

<b:includable id='feedLinksBody' var='links'>
      <div class='feed-links'>
      <data:feedLinksMsg/>
      <b:loop values='data:links' var='f'>
    <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
      </b:loop>
      </div>
    </b:includable>

<b:include name='feedLinks'/>

6.إخفاء جميع الأدوات من الصفحات الثابتة :

لإخفاء جميع الأدوات من الصفحات الثابتة وإظهارها على شكل صفحة مستقلة بدون إضافات جانبية ما عليك سوي تتبع المراحل التالية :
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرhtml, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي :

</head>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
#sidebar-wrapper{display:none;}
#main-wrapper{width: 970px;}
</style>
</b:if>

7.حل مشكلة إقرأ المزيد المعتمدة من بلوجر

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

<data:post.body/>

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url'>إقرأ المزيد</a>
</div>
</b:if >

8.حذف عدد المواضيع من جانب التسميات

لحذف الأرقام بجانب التسميات والتي تمثل عدد المواضيع في كل تسمية ما عليك سوى البحث عن هذا الكود وحذف ما تم تلوينه باللون الأحمر :

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
<span dir='ltr'>(<data:label.count/>)</span>
        </li>
      </b:loop>
      </ul>
    <b:else/>

9.إضافة قائمة البحث داخل المدونة:

لإضافة قائمة للبحث داخل المدونة ،قم بإضافة أداة ثم ألصق الكود التالي ،مع تغيير الرابط ذي اللون الأزرق برابط مدونتك ؟ 

البحث داخل المدونة

<form id="searchthis" action="http://abu-iyad.blogspot.com/search" style="display: inline;" method="get">
<div style="text-align: center;">
<span style="font-size: large;"><b style="color: blue;">البحث داخل المدونة</b></span></div>
<div style="text-align: center;">
<input id="b-query" maxlength="250" name="q" size="46" type="text"/></div>
<div style="text-align: center;">
<input id="b-searchbtn" value="بحث" type="submit"/></div>
</form>

10.حل مشكلة عدم ظهور صندوق التعليقات أسفل المواضيع

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

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرhtml, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي :

<b:include data='post' name='comments'/>

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

<b:include data='post' name='comment-form'/>

11.تمييز تعليق الكاتب عن تعليقات الزوار

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرhtml, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي :

</head>

<!--Commentaires_Auteur_du_Blog-->
<style>
.comment-body-author {
background: #F5EDE3; /* لون الخلفية*/
color: #000000; /* لون النص*/
border-top:0.1px solid #F5EDE3;border-bottom:0.1px solid #F5EDE3 ;border-left: 0.1px solid #002F66;border-right:0.1px solid #F5EDE3; /* لون وسمك الإطار */
line-height: 2.4em;
margin:0;
padding:0 0 0 20px;
}
</style>
<!--Commentaires_Auteur_du_Blog-->

<data:commentPostedByMsg/>
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
</b:if>

عند رفع فيديو من موقع يوتوب مثلا على مدونات بلوجر ،من الضروري الضغط على الفيديو ليبدأ،الآن سوف أقوم بشرح كيفية فتح الفيديو تلقائيا عند فتح التدوينة .
عند نسخ كود الفيديو من يوتوب مثلا يكون على هذا الشكل:

<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/zr9f5j0ueBQ?fs=1&amp;hl=fr_FR "></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/zr9f5j0ueBQ?fs=1&amp;hl=fr_FR" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object>

<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/zr9f5j0ueBQ?fs=1&amp;hl=fr_FR &autoplay=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/zr9f5j0ueBQ?fs=1&amp;hl=fr_FR&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object>

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر HTML/Javascriptولآن الصق الكود التالي :
ثم ضع عنوانا للأداة بإسم : آخر التعليقات أو أي إسم آخر تريد
ثم لا تنسى تبديل الرابط دا اللون الأحمر في آخر الكود برابط مدونتك

<script>
function rp(json) {
document.write('<ul>');
for (var i = 0; i < numposts; i++) {
document.write('<li>');
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
posttitle = posttitle.link(posturl);
var readmorelink = "(lire la suite)";
readmorelink = readmorelink.link(posturl);
var postdate = entry.published.$t;
var cdyear = postdate.substring(0,5);
var cdmonth = postdate.substring(6,10);
var cdday = postdate.substring(11,14);
var monthnames = new Array();
monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";
if ("content" in entry) {
var postcontent = entry.content.$t;
} else if ("summary" in entry) {
var postcontent = entry.summary.$t;
} else
var postcontent = "";
var re = /<\S[^>]*>/g;
postcontent = postcontent.replace(re, "");
document.write(posttitle);
if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);
if (showpostsummary == true) {
if (postcontent.length < numchars) {
document.write(postcontent);
} else {
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write(postcontent + '...' + readmorelink);}}
document.write('</li>');}document.write('</ul>');}</script>
<script>
var numposts = 5;
var showpostdate = false;
var showpostsummary = false;
var numchars = 300;
</script>
<script src="http://www.abu-iyad.com/feeds/comments/default?orderby=published&alt=json-in-script&callback=rp"></script><div style="text-align: center;"><p><a href="http://www.abu-iyad.com" target="_blank"><span style="font-size: x-small;"> </span></a></p></div>