fantalop

حلول بعض الأسئلة الشائعة تهم تطوير مدونات بلوجر

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

الأسئلة

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

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

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

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

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

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

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

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

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

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

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

12.كيفية فتح فيديو تلقائيا عند فتح صفحة الموضوع على بلوجر؟

13.كيفية إضافة أداة آخر التعليقات على مدونات بلوجر ؟ ؟

الإجابات

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/AVvXsEjKHq-A2HejuYdqTttS3hpVjjW8mBDQXcqsjwckHAmEZfQQgeFOFyJnsIkX1fwTWIioykGDITK1PbefF0JGe4shHDRZqs5Eoj4eSJ_TtEYwpq2pnULLMmC04ZQe2XQItiOYpjhKStVjmNR8/s320/Email2.png' width='128'/>
</a>

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

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

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

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

<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

    <b:else/> 
    <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 == "static_page"'>
<style type='text/css'>
#sidebar-wrapper{display:none;}
#main-wrapper{width: 970px;}
</style>
</b:if>

حيث تمثل القيمة ذات اللون الأحمر عرض الصفحة ،حيث يجب تعديلها على حسب عرض مدونتك،ولمعرفة هذه القيمة إبحث عن الكود
#outer-wrapper ثم سوف تجد القيمة بعبارة width:....px

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.حل مشكلة عدم ظهور صندوق التعليقات أسفل المواضيع

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

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

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

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

حفظ القالب

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

</head>

ثم ضع قبله هذا الكود :

<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>

أما الآن سوف نقوم بالبحث عن الكود التالي ،وسوف نضيف ما تم تلوينه باللون الأحمر .

<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>

حفظ القالب.

12.فتح فيديو تلقائيا عند فتح صفحة الموضوع على بلوجر

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

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

ما عليك سوى إضافة الكلمة : &autoplay=1 في الكود ليصبح على هذا الشكل

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

13.إضافة أداة آخر التعليقات على مدونات بلوجر ؟

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر 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="://hppt........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>

زر تابعني على التويتر الجديد على مدونات بلوجر

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

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

قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F )

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

ثم قم بلصق هذا الكود أسفله :

<b:if cond='data:blog.pageType == "item"'>
<a Width='600px' class='twitter-follow-button' data-align='right' data-button='grey' data-lang='en' data-link-color='#EB4C07' data-show-count='true' data-text-color='#000000' href='http://twitter.com/Abuiyad007'>تابعني على التويتر</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</b:if>

وأخيرا قم بحفظ القالب

وللمعاينة قم بالضغط على الزر أسفله :

يمكنك كذلك وضع الزر في أسفل كل تدوينة وذلك بلصق الكود السابق أسفل هذا الكود :

<data:post.body/>

إضافة زر تويتر إلى مدونات بلوجر

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

قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F ).تذكير:لا تنسى أخي المدون أن تأخد نسخة إحتياطية لمدونتك تجنبا لأي أخطاء

<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>

قم بوضع الكود التالي بعده ل لحصول على هذا الرمز :

<div style='float:left; margin-right:10px;'>
<script type='text/javascript'>
tweetmeme_url = '<data:post.url/>';
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'>
</script>
</div>

ولإختيار الرمز الصغير قم بوضع هذا الكود التالي بدلا من الكود السابق:

<div style='float:left; margin-right:10px;'>
<script type="text/javascript">
tweetmeme_style = "compact";
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>

يمكنك وضع الرمز في جانب التدوينات كما هو موضح في الصورة و ذلك بوضع أحد الكودين السابقين (حسب الرغبة) قبل الكود التالي :

<data:post.body/>

إضافة زر الطباعة لمدونات بلوجر

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

إذا وجدت 2 من هذا الكود فالثاني هو المقصود

<data:post.body/>

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

<span class='noprint'><data:post.body/></span>
<b:if cond='data:blog.pageType == "item"'>
<a href='javascript:window.print()'><img src='http://jnnh.net/images/print.jpg'/></a>
</b:if>

<span class='noprint'><data:post.body/></span>
<b:if cond='data:blog.pageType == "item"'>
<a href='javascript:window.print()'><img src='http://hantoor.com/images/print.png'/></a>
</b:if>

<span class='noprint'><data:post.body/></span>

<b:if cond='data:blog.pageType == "item"'>
<a href='javascript:window.print()'><img src='http://www.alphastat.org/images/shared/printer.gif'/></a>
</b:if>

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

إضافة زر الرد على التعليقات لمدونات بلوجر

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

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

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

<data:commentPostedByMsg/>

ثم ضع مباشرة تحته هذا الكود :

<span><a expr:href='"https://www.blogger.com/comment.g?blogID=11111111&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0 ,scrollbars=yes,width=450,height=450"); return false;'>
<img src='http://hitskin.com/themes/14/77/83/i_reply.jpg'/></a></span><font size="0"><a href=" http://www.pergola-aluminium.org/ "></a></font>

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