تطوير ويب » خفايا واسرار » اسئله واجوبه تدور في ذهن المدونين المبتدئين على منصة بلوجر
لحذف القائمة الأفقية ناڤبار المعتمدة من بلوجر في أعلي الصفحة ما عليك سوى إتباع المراحل التالية :
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرhtml, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي : /* Variable definitions
ثم أضف قبله مباشرة هذا الكود :
ثم إحفظ القالب#navbar-iframe {
display: none !important;
}
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحرير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>
لإضافة زر الإتصال عبر البريد الإلكتروني ماعليك سوى إضافة هذا الكود تحت هذا السطر <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/AVvXsEj3zIw-EqtPhItSdsusJJYzb-ze4vlwAhXXaps1JUkrcTFkmSQe6qn0X6e_QhoFdJfD9-WxXAY3IHEfXUmUoHnoizOZVnDx0b4idxeVjVJ4SvSQOyN2PYhg_8InBvE9pScTJSFzwCeeySfc/s320/Email2.png' width='128'/>
</a>
لوضع سطر تحت أحد الكلمات في نصوص التدوينة ما عليك سوى إضافة الوسمين التاليين بين الكلمة المراد تسطريها <u> و <u/>
مثال :
مدونة أبو إياد كل ما هو جديد في <u>عالم التدوين <u/> ،دروس،وإضافات بلوجر
ليصبح النص على هذا الشكل:
مدونة أبو إياد كل ما هو جديد في عالم التدوين ،دروس،وإضافات بلوجر
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرhtml, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي :
قم بحذف الكود بكامله ثم إبحث عن هذا الكود :<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- 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'/>
لإخفاء جميع الأدوات من الصفحات الثابتة وإظهارها على شكل صفحة مستقلة بدون إضافات جانبية ما عليك سوي تتبع المراحل التالية :
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحرير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
ثم قم بإضافة الكود التالي بعده مباشرة :<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/>
لإضافة قائمة للبحث داخل المدونة ،قم بإضافة أداة ثم ألصق الكود التالي ،مع تغيير الرابط ذي اللون الأزرق برابط مدونتك ؟
11.تمييز تعليق الكاتب عن تعليقات الزوار
ثم ضع قبله هذا الكود :</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>
12.فتح فيديو تلقائيا عند فتح صفحة الموضوع على بلوجر
عند رفع فيديو من موقع يوتوب مثلا على مدونات بلوجر ،من الضروري الضغط على الفيديو ليبدأ،الآن سوف أقوم بشرح كيفية فتح الفيديو تلقائيا عند فتح التدوينة .
عند نسخ كود الفيديو من يوتوب مثلا يكون على هذا الشكل:
ما عليك سوى إضافة الكلمة : &autoplay=1 في الكود ليصبح على هذا الشكل<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>
<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="http://www.tqarob.blogspot.com/feeds/comments/default?orderby=published&alt=json-in-script&callback=rp"></script><div style="text-align: center;"><p><a href="http://www.tqarob.blogspot.com" target="_blank"><span style="font-size: x-small;"> </span></a></p></div>
أتمنى أن تكونو قد إستفدتم من هذا الموضوع لأن هذه أغلب الأسئلة التي تم طرحها على, فقررت إضافتها كموضوع لتعميم الفائدة ،يمكنكم ترك أسئلتكم على التعليقات وإن شاء الله سوف أقوم بطرح إجابتها في الموضوع ،عيدكم مبارك سعيد وكل عام وأنتم بألف خير.
المصدر : مدونة ابو اياد بتصرف بسيط
أصدقاء(تطوير ويب)
4تعليقات Blogger
4 عدد التعليقات على موضوع اسئله واجوبه تدور في ذهن المدونين المبتدئين على منصة بلوجر
السلام عليكم استاذ احمد "تقارب" ممكن الكود الى فى مدونتك .. الموجود فى اخر التدوينة " نبذة مختصرة عن المدونة واهدافها : شارك اصدقائك تلك التدوينة "
@احمد السندباد
طبعا اخى ساقوم بعمل تدوينه اليوم اشرح فيها طريقة وضع هذا الكود
تقبل مودتى
شكرا ليك اخى احمد وانا انتظر التدوية بفارغ الصبر .. وجزاك الله خيرا.
انا عندي مدونه جميله جدا بس مش عارف اجيبلها ناس ممكن تساعدني
إرسال تعليق
التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .