حل مشكلة تعطل التنقل بين صفحات المواضيع في مدونات بلوجر

مدون محترف

9/04/2016

حل مشكلة تعطل التنقل بين صفحات المواضيع في مدونات بلوجر -في الآونة الأخيرة ظهرت مُشكلة تعطُل التنقل بين الصفحات في الكثير من مدونات بلوجر والبعض ظن أنّ المشكلة بسببي أو بسبب تعريبي لقوالب بلوجر، وصراحًة أنا ظننت هذا أيضًا ولكنّ قلت من المستحيل أنّ اخطئ في تعريب قالب وهذا ليس غرور ولا أحد معصوم عن الخطأ، ولكنّ عندما أقوم بتعريب قالب أراجع الأكواد بالتفصيل وأنّ وجِد خطأ فهو يكون بسيط جدًا.

لذلك بعد ظهور هذه المشكلة قررت أنّ بحث عن المشكلة وهذا بعد الرسائل والتعليقات الكثيرة التي وصلت إلي عبر البريد والمدونة، وبعد البحث وجدت حل للمُشكلة وكانت بسبب بلوجر أيضًا حيثُ أنّ أكواد Ajax Script أصبحت غير مدعومة من قِبل بلوجر ولست مُتأكد من هذا أيضًا.

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

الخطوة الأولى

1. ادخل إلى لوحة تحكم بلوجر.
2. انقر على قسم قالب.
3. انقر على تحرير HTML.

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

function pageNavi(a){(function(e){var i={postperpage:6,numshowpage:4,previous:"« السابق",next:"التالي »",loadAjax:true,thumbnailSize:"s400",summaryLength:300};

مُلاحظة قد يكون الكود مُختلف من مدونة لأخرى، لذلك يجب التركيز جيدًا وقراءة الكود بشكل كامل.
الذي سوف نبحث عنه والذي يهُمنا من هذا الأمر كُله هو loadAjax:true حيثُ أنّنا سوف نقوم باستبدال كلمة true بكلمة false، ليصبح الكود على الشكل التالي.

function pageNavi(a){(function(e){var i={postperpage:6,numshowpage:4,previous:"« السابق",next:"التالي »",loadAjax:false,thumbnailSize:"s400",summaryLength:300};

الخطوة الثانية

قد يكون الكود على الشكل التالي.

var pageNaviConf = {
perPage: 6,
numPages: 5,
firstText: "الأولى",
lastText: "الأخيرة",
nextText: "التالية",
prevText: "السابقة"
}

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

وهكذا سوف يتم حل مُشكلة تعطل كود الترقيم في بلوجر.
في الدرس القادم سوف نقوم بحل مشكلة عدم ظهول باقي المقالات في صفحات المدونة، وهذه المُشكلة أيضًا بسبب كود الترقيم.

حل مشكلة تلف إضافات مدون محترف بعد توقف خدمة جوجل كود

مدون محترف

5/15/2016

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

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

كيفية حل مشاكل الإضافات الخاصة بمدون محترف

1. ادخل لوحة تحكم بلوجر
2. اضغط على قالب
3. ثم اضغط على تحرير HTML

سوف نبحث عن جميع الأكواد التي تبدأ بالسطر التالي:

https://mudwnp.googlecode.com/svn/trunk

سوف نستبدله بالكود التالي:

https://cdn.rawgit.com/mudwnp/mudwnp/master

مثال آخر:

لنفترض أنّ الكود على الشكل التالي.

https://mudwnp.googlecode.com/svn/trunk/font-ge_dinar.css

سوف نجعله على هذا الشكل.

https://cdn.rawgit.com/mudwnp/mudwnp/master/font-ge_dinar.css

لاحظوا في الاكواد السابقة استبدلنا ما هو مُظلل باللون الأحمر فقط وهذا الأمر يجب تطبيقه على كافة الأكواد في القوالب والإضافات المُستعملة من قِبل مدونتي، وهكذا سوف تعمل الإضافات من جديد.

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

حل مشكلة اختفاء الإضافات من مدونات بلوجر

مدون محترف

4/16/2016

حل مشكلة اختفاء الإضافات من مدونات بلوجر -لاحظت في الآونة الأخيرة ظهور مشاكل في كثير من القوالب مثل اختفاء بعض إضافات بلوجر وصراحًة أنا عانيت من هذه المشكلة. في البداية ظننت أنّ المشكلة من أكواد جافا سكريبت المرفوعة على الاستضافات وقمت بتغيير هذه الملفات ولم تُحل المشكلة، وبعد عصف ذهني خارق :) وجدت حل وتقريبًا سبب المشكلة تحديثات بلوجر الجديدة حيث أصبحت لا تقوم بعرض الإضافات التي تبدأ بالكود <b:section.

الآن نحتاج إلى تركيز كبير من قبل الزوار بحيث أي إضافة اختفت من مدونتك سوف نقوم بعمل التالي، أولًا نذهب إلى كود HTML الخاص بالإضافة من داخل القالب ونقوم بمسح الأكواد المُظلل عليها كما في الصورة، وتغيير <b:section. إلى <div.

    <b:section class='navigation' id='navigation' maxwidgets='1' showaddelement='no'>
      <b:widget id='HTML99' locked='true' title='Navigation-Menus (Do Not Edit Here!)' type='HTML' visible='true'>
        <b:includable id='main'>
          <nav class='main-nav'>
            <!-- Main menu -->
            <ul>
              <li class='home5'><a expr:href='data:blog.homepageUrl'>الرئيسية</a></li>
              <li class='home1'><a href='#'>اعلن لدينا</a></li>
              <li class='home2'><a href='http://vision-p.blogspot.com/p/blog-page.html'>فهرس المدونة</a></li>
              <li class='home3'><a href='#'>عن المدونة</a></li>
              <li class='home4'><a href='http://vision-p.blogspot.com/p/blog-page_11.html'>اتصل بنا</a></li>
            </ul>
            <a href='#' id='pull'>قائمة</a>
          </nav><!-- /main-nav -->
        </b:includable>
      </b:widget>
    </b:section>

سوف نجعله هكذا بحيث قمنا بمسح الأكواد الملونة في الكود السابق، وقُمنا باستبدالها بالأكواد التالية.

    <div class='navigation' id='navigation'>
          <nav class='main-nav'>
            <!-- Main menu -->
            <ul>
              <li class='home5'><a expr:href='data:blog.homepageUrl'>الرئيسية</a></li>
              <li class='home1'><a href='#'>اعلن لدينا</a></li>
              <li class='home2'><a href='http://vision-p.blogspot.com/p/blog-page.html'>فهرس المدونة</a></li>
              <li class='home3'><a href='#'>عن المدونة</a></li>
              <li class='home4'><a href='http://vision-p.blogspot.com/p/blog-page_11.html'>اتصل بنا</a></li>
            </ul>
            <a href='#' id='pull'>قائمة</a>
          </nav><!-- /main-nav -->
        </div>

الآن التغييرات التي حصلت في الأكواد هي:

<b:section class='navigation' id='navigation' maxwidgets='1' showaddelement='no'>
      <b:widget id='HTML99' locked='true' title='Navigation-Menus (Do Not Edit Here!)' type='HTML' visible='true'>
<b:includable id='main'>

قمنا باستبدال b:section بوسم div وقمنا بمسح الأكواد الملونة بالأحمر.
الكود الثاني والثالث قمنا بمسحهما ليصبح الكود على الشكل التالي.

<div class='navigation' id='navigation'>

الآن الجزء الأخير من الكود والذي هو:

       </b:includable>
      </b:widget>
    </b:section>

قمنا باستبدالها بالوسم </div>
أتمنى أنّ يكون الدرس واضح، وقوموا بمقارنة الأكواد وقراءة الموضوع جيدًا.

سكربت عرض المواضيع حسب التسمية الإصدار الثاني

مدون محترف

3/30/2016

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

السكربت عبارة عن صورة رئيسية في البداية و ثمانية مواضيع على شكل شبكة ويُمكن زيادتهم أو انقاصهم على حسب ما يُناسبك، وهو خفيف على المدونة ولن يؤثر على سُرعتها. يُمكنك مُعاينة شكل السكريبت من خلال الزر التالي.

معاينة

كيفية تثبيت سكربت عرض الموضيع حسب التسميات

ادخل إلى لوحة تحكم بلوجر
انقر على قالب
ثم انقر على تحرير HTML

ابحث عن الوسم </head> و اضف الكود التالي فوقه

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>
/* CSS Recent Post by Label */
#HTML90{margin-right: 6px;}
#HTML91{margin-right: 6px;}
.mudwnplabel1 ul,.mudwnplabel2 ul{list-style:none;margin:0;padding:0}
.mudwnplabel1 li,.mudwnplabel2 li{margin:0;padding:0}
.mudwnplabel1 .widget,.mudwnplabel2 .widget{font-family:'Droid Arabic Kufi',sans-serif!important;font-family:13px;margin:0;padding:0}
.mudwnplabel1 .widget-content,.mudwnplabel2 .widget-content{padding:0;margin:0;word-wrap:break-word;overflow:hidden}
.mudwnplabel1 h2,.mudwnplabel2 h2{position:relative;margin:0;padding:15px 0;font-size:12px;font-weight:700;border-bottom:1px solid #ddd}
.mudwnplabel2 h2{margin:20px 0 0}
.data-title:before{content:'\f143';left:10px;bottom:0;font-family:FontAwesome;font-style:normal;font-weight:400;margin:0 0 0 10px;color:#07ACEC}
.data-title{margin-right: 6px;color:#07ACEC;border:1px solid #07ACEC;padding:3px 8px;border-radius:2px;margin-left:10px;font-size:10px;font-weight:700}
.mudwnplabel1 .index,.mudwnplabel2 .index{font-size:10px;font-weight:700}
.mudwnplabel1 .index a,.mudwnplabel2 .index a{color:#07ACEC;padding:3px 8px;border-radius:2px;font-weight:400;border:1px solid #29b6f6;color:#07ACEC;border-color:#07ACEC}
.mudwnplabel1 .index a:hover,.mudwnpabel2 .index a:hover{background:#07ACEC;color:#fff;border-color:transparent}
.mudwnplabel1 .index a:after{content:"\f104";font-family:FontAwesome;font-style:normal;font-weight:700;text-decoration:inherit;padding-right:5px}
.mudwnplabel2 .index a:after{content:"\f104";font-family:FontAwesome;font-style:normal;font-weight:700;text-decoration:inherit;padding-right:6px}
.mudwnplabel2 span.mudwnp_meta_comment a:hover{color:#07ACEC!important}
.mudwnplabel2 ul.mudwnp_thumbs li a:hover,.mudwnplabel2 ul.mudwnp_thumbs2 li a:hover{color:#07ACEC;text-decoration:none}
.mudwnp_right{margin:0;padding:0;border-left:1px solid #fff}
.mudwnp_right .cat_thumb{float:right;margin-left:10px!important}
.mudwnp_left{float:right;margin-top:-35px;padding:0}
ul.mudwnp_thumbs{margin:0;padding:0}
ul.mudwnp_thumbs li,ul.mudwnp_thumbs2{margin:0;padding:0}
ul.mudwnp_thumbs .cat_thumb{position:relative;margin:0 0 15px;padding:0;width:280px;height:200px}
ul.mudwnp_thumbs .cat_thumb img{border-radius: 4px;margin-right: 2px;height: 160px;width:100%;transition:all .2s}
ul.mudwnp_thumbs .cat_thumb img:hover{opacity:.9}
ul.mudwnp_thumbs2 li{margin:0 0 10px;padding:0 0 10px;width:27%;overflow:hidden;min-height:74px;float:right;margin-left:10px!important;border-bottom:1px solid #e9e9e9}
ul.mudwnp_thumbs2 li:last-child{border-bottom:none;margin:0;padding:0}
ul.mudwnp_thumbs2 .cat_thumb2{float:right;margin:0 0 0 10px;height:72px;overflow:hidden}
ul.mudwnp_thumbs2 .cat_thumb2 img{border-radius: 3px;margin-right: 2px;height:60px;transition:all .2s}
ul.mudwnp_thumbs2 .cat_thumb2 img:hover{opacity:.9}
span.mudwnp_title{font-family:'Droid Arabic Kufi',sans-serif;font-size:12px!important;font-weight:700;display:block;margin:0 0 10px;line-height:normal;text-transform:none;max-height:45px;overflow:hidden}
span.mudwnp_title2{font-size:12px!important;font-weight:700!important;line-height:1.4em;margin:0 0 3px;max-height:38px}
span.mudwnp_title a{color:#333}span.mudwnp_title a:hover{color:#07ACEC;text-decoration:none}
span.mudwnp_summary{display:block;line-height:1.6em;font-size:11px;width: 87%;text-overflow:ellipsis;margin:10px 0 0}
span.mudwnp_meta{display:block;font-family:'Droid Arabic Kufi',sans-serif;font-size:11px;font-weight:400;color:#aaa;text-transform:uppercase}
span.mudwnp_meta a{color:#aaa;display:inline-block}
span.mudwnp_meta_date,span.mudwnp_meta_comment,span.mudwnp_meta_more{display:inline-block;margin-left:10px}
span.mudwnp_meta_comment a:before{content:"\f0e6";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;padding-left:5px}
span.mudwnp_meta_comment a:hover{color:#07ACEC!important}
span.mudwnp_meta_date:before{content:"\f133";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;padding-left:5px}
ul.mudwnp_thumbs2 li a:hover,ul.mudwnp_thumbs li a:hover{color:#07ACEC;text-decoration:none}
@media only screen and (max-width:768px){.tanggal i,.tags i{color:#ff8000!important}.mudwnp_left{width:100%;float:right;margin:0;padding:0}span.mudwnp_title2{max-height:33px!important}ul.mudwnp_thumbs2 li{border-bottom:0;width:58%;overflow:hidden;min-height:60px}.mudwnplabel1 .widget-content,.mudwnplabel2 .widget-content{margin-top:10px}span.mudwnp_summary,.mudwnp_right{display:none}span.mudwnp_title a{font-weight:700}span.mudwnp_title{margin:0 0 5px}ul.mudwnp_thumbs li{margin:0 0 10px;padding:0 0 10px;border-bottom:0}span.mudwnp_title2{font-size:18px;line-height:1.2em}}
@media only screen and (max-width:320px){ul.mudwnp_thumbs2 .cat_thumb2 img{width:80px;height:50px}.mudwnp_left{width:100%;float:right;margin:0;padding:0}ul.mudwnp_thumbs li{margin:0 0 10px;padding:0 0 10px}span.mudwnp_title2{font-size:18px;line-height:1.2em}}
@media screen and (max-width:260px){.mudwnp_left{width:100%;float:right;margin:0;padding:0}ul.mudwnp_thumbs li{margin:0 0 10px;padding:0 0 10px}span.mudwnp_title2{font-size:18px;line-height:1.2em}}
</style>
</b:if>
</b:if>

الآن الخطوة الثانية وهي إضافة كود جافا سكربت فوق </head> أيضًا

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
//<![CDATA[
function labelthumbs(t){for(var e=0;e<numposts;e++){var n,r=t.feed.entry[e],m=r.title.$t;if(e==t.feed.entry.length)break;for(var i=0;i<r.link.length;i++){if("replies"==r.link[i].rel&&"text/html"==r.link[i].type)var l=r.link[i].title,o=r.link[i].href;if("alternate"==r.link[i].rel){n=r.link[i].href;break}}var u;try{u=r.media$thumbnail.url,u=u.replace("/s72-c/","/w"+thumb_width+"-h"+thumb_height+"-c/")}catch(h){s=r.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),u=-1!=a&&-1!=b&&-1!=c&&""!=d?d:no_thumb}var p=r.published.$t,w=p.substring(0,4),_=p.substring(5,7),f=p.substring(8,10),g=new Array;g[1]="يناير",g[2]="فبراير",g[3]="مارس",g[4]="ابريل",g[5]="مايو",g[6]="يونيو",g[7]="يوليو",g[8]="أغسطس",g[9]="سبتمبر",g[10]="أكتوبر",g[11]="نوفمبر",g[12]="ديسمبر",document.write('<span class="mudwnp_right">'),document.write('<ul class="mudwnp_thumbs">'),document.write("<li>"),1==showpostthumbnails&&document.write('<a href="'+n+'"><div class="cat_thumb"><span class="rollover"></span><img width="'+thumb_width+'" height="'+thumb_height+'" alt="'+m+'" src="'+u+'"/></div></a>'),document.write('<span class="mudwnp_title"><a href="'+n+'" target ="_top">'+m+"</a></span>");var v="";if(document.write('<span class="mudwnp_meta">'),1==showpostdate&&(v=v+'<span class="mudwnp_meta_date">'+g[parseInt(_)]+" "+f+", "+w+"</span>"),1==showcommentnum&&("1 تعليقات"==l&&(l="1 تعليقات"),"0 تعليقات"==l&&(l="0 تعليقات"),showcomment='<span class="mudwnp_meta_comment"><a href="'+o+'">'+l+"</a></span>",v+=showcomment),1==displaymore&&(v=v+'<span class="mudwnp_meta_more"><a href="'+n+'" class="url" target ="_top">إقرأ المزيد...</a></span>'),document.write(v),document.write("</span>"),document.write('<span class="mudwnp_summary">'),"content"in r)var y=r.content.$t;else if("summary"in r)var y=r.summary.$t;else var y="";var k=/<\S[^>]*>/g;if(y=y.replace(k,""),1==showpostsummary)if(y.length<numchars)document.write(""),document.write(y),document.write("");else{document.write(""),y=y.substring(0,numchars);var $=y.lastIndexOf(" ");y=y.substring(0,$),document.write(y+"..."),document.write("")}document.write("</span>"),document.write("</li>"),document.write("</ul>"),document.write("</span>")}document.write('<span class="mudwnp_left">'),document.write('<ul class="mudwnp_thumbs2">');for(var e=1;e<numposts2;e++){var n,r=t.feed.entry[e],m=r.title.$t;if(e==t.feed.entry.length)break;for(var i=1;i<r.link.length;i++){if("replies"==r.link[i].rel&&"text/html"==r.link[i].type)var l=r.link[i].title,o=r.link[i].href;if("alternate"==r.link[i].rel){n=r.link[i].href;break}}var x;try{x=r.media$thumbnail.url.replace("/s72-c/","/w"+thumb_width2+"-h"+thumb_height2+"-c/")}catch(h){s=r.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),x=-1!=a&&-1!=b&&-1!=c&&""!=d?d:no_thumb2}var p=r.published.$t,w=p.substring(0,4),_=p.substring(5,7),f=p.substring(8,10);1==showpostthumbnails2&&document.write('<a href="'+n+'"><div class="cat_thumb2"><img width="'+thumb_width2+'" height="'+thumb_height2+'" alt="'+m+'" src="'+x+'"/></div></a>'),document.write("<li>"),document.write('<span class="mudwnp_title mudwnp_title2"><a href="'+n+'" target ="_top">'+m+"</a></span>");var v="";document.write('<span class="mudwnp_meta mudwnp_meta2">'),1==showpostdate2&&(v=v+'<span class="mudwnp_meta_date">'+g[parseInt(_)]+" "+f+", "+w+"</span>"),1==showcommentnum2&&("1 تعليق"==l&&(l="1 تعليقات"),"0 تعليق"==l&&(l="0 تعليقات"),showcomment='<span class="mudwnp_meta_comment mudwnp_meta_comment2"><a href="'+o+'">'+l+"</a></span>",v+=showcomment),1==displaymore2&&(v=v+'<span class="mudwnp_meta_more mudwnp_meta_more2"><a href="'+n+'" class="url" target ="_top">إقرأ المزيد...</a></span>'),document.write(v),document.write("</span>"),document.write("</li>")}document.write("</ul>"),document.write("</span>")}
//]]>
</script>
<script type='text/javascript'>
var numposts=1,numposts2=9,showpostthumbnails=!0,showpostthumbnails2=!0,displaymore=!1,displaymore2=!1,showcommentnum=!0,showcommentnum2=!1,showpostdate=!0,showpostdate2=!0,showpostsummary=!0,numchars=150,thumb_width=310,thumb_height=160,thumb_width2=100,thumb_height2=55,no_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjE_Uy50rmDqlKYXNerEFozzjaJwhpW-SpuMOim1Q9dSed72-EStKGFX2YsISare0Jt-mI8jJ_dUGCefc0juIiwirOt3AGG4WO6f0SBQQwwxJ8oAfDpYdnkH68kgDFzR0DpPVY9DRJOQg/s320/mudwnp_thumb.png",no_thumb2="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDO2plt3O_ZAeKean2exI7kGkHfDp3WKU_8G0Kpdx366WqCquW8uCCBP3kHSqYyAp8R7v-UPupQLyMiN4iWKKQ8hSVJWwyik1xJhcqJv4w8ijh-5co6sauk9E4SijllhzpQcAcZuDfKg4/s1600/mudwnpthumb_small.png";
</script>
</b:if>
</b:if>

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

<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <div id='mudwnplabel1-wrapper'>
        <b:section class='mudwnplabel1' id='mudwnplabel1' maxwidgets='1' showaddelement='yes'>
          <b:widget id='HTML90' locked='false' title='Berita' type='HTML'>
            <b:includable id='main'>
<h2><span class='data-title'><data:content/></span><span class='index'>&lt;a href=&#39;/search/label/<data:content/>?&amp;max-results=8&#39;&gt;مشاهدة الكل&lt;/a&gt;</span></h2>
<div class='widget-content'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=labelthumbs\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</div>
</b:includable>
          </b:widget>
        </b:section>
      </div>
<div id='mudwnplabel2-wrapper'>
        <b:section class='mudwnplabel2' id='mudwnplabel2' maxwidgets='1' showaddelement='yes'>
          <b:widget id='HTML91' locked='false' title='Info Menarik' type='HTML'>
            <b:includable id='main'>
<h2><span class='data-title'><data:content/></span><span class='index'>&lt;a href=&#39;/search/label/<data:content/>?&amp;max-results=8&#39;&gt;مشاهدة الكل&lt;/a&gt;</span></h2>
<div class='widget-content'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=labelthumbs\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</div>
</b:includable>
          </b:widget>
        </b:section>
      </div>
</b:if>

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

أتمنى أنّ يكون أعجبكم السكربت وانتظرونا بقوالب بلوجر جديدة إن شاء الله.
وإذا احتجت إلى أي مُساعدة في تركيب السكربت أترك تعليق.

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

مدون محترف

12/02/2015

كيفية تعطيل إضافة أدبلوك في مدونات بلوجر - في الأونة الأخيرة أصبح الكثير من المدونين يُعاني من إضافة أدبلوك، لإنه أصبح الكثير من الأشخاص يستخدمها وأنا لا ألومهم صراحة لإن المحتوى العربي عندما تُصبح المدونة مشهورة، يضعون فيها أكثر من مئة إعلان مما يؤدي إلى إنزعاج الزائر.

ولكن هُناك ايضاً اشخاص لا ذنب لهم وهُم الذين يربحون من إعلانات أدسنس، بحيث يضعون 3 او 4 إعلانات 

والربح يكون قليل جداً وليس ربح كبير، ولكنه كتقدير لتعبهم وجهدهم في ترجمة المواضيع 

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

الدرس عبارة عن إضافة اكواد في قالب بلوجر الخاص بك، وظيفة الاكواد تقوم بتعطيل إضافة أدبلوك 

الخاصة بمتصفح الزوار بحيث لن يستطيعون رؤية محتوى المدونة إلا بعد تعطيل الإضافة

 بحيث سوف تظهر لهم رسالة تطلب منهم تعطيل الإضافة، والاكواد خفيفة جداً ولا داعي للقلق على سرعة المدونة 

فهو لن يؤثر عليها بشيء. لمن يود تجربة الإضافة قُم بتنفيذ الخطوات التالية.

كيفية إضافة رسالة كشف إضافة أدبلوك مع جافا سكريبت

1. ادخل لوحة تحكم بلوجر
2. انقر على تبويب قالب
3. انقر على تحرير HTML

ابحث عن الوسم </body> و اضف الكود التالي فوقه

<script type='text/javascript'>
//<![CDATA[
// Adblock Detected
window.onload=function(){setTimeout(function(){var e=document.querySelector("ins.adsbygoogle");e&&0==e.innerHTML.replace(/\s/g,"").length&&(e.style.cssText="color:rgba(0,0,0,0.5);font-weight:700;font-size:110%;padding:20px;margin:auto;text-align:center;text-decoration:none;display:block!important;background:rgba(0,0,0,0.02);border:1px solid rgba(0,0,0,0.08)",e.innerHTML="يبدو إنك قمت بمنع إعلانات جوجل ادسنس في المتصفح الخاص بك")},2e3)};
//]]>
</script>

الإعدادات

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

بعد أن قُمت بإضافة الكود وعمل التعديلات الخاصة بك، قم بتفعيل إضافة أدبلوك لمعرفة الكود يعمل بشكل صحيح او لا.
اتمنى ان يكون الدرس أعجبكم

إضافة وحدة إعلانية عائمة مع زر الإغلاق في بلوجر

مدون محترف

11/06/2015

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

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

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

معاينة

شرح إضافة إعلانات عائمة مستجيبة مع زر إغلاق

1. الذهاب إلى لوحة تحكم بلوجر
2. انقر على تبويب قالب
3. اضغط على تحرير HTML

ابحث عن الوسم </body> و اضف الكود التالي فوقه

<script type='text/javascript'>
$(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});
</script>
<div id='fixedban' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>
<div><a id='close-fixedban' onclick='document.getElementById(&apos;fixedban&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN0Wq8SspGHzOcB6LkCRfAG7DeCzX2EYIpszGp0cB3R7bABgMcn52RHBhuICUtejXxdZufc3wEgvPLN-VZ9KnrQ5aqODttx4zgouBMoH9GvzfxbfGlKlCuRY-lOYTZoMzd5F-Hca0MclHY/s1600/btn_close.gif' title='إغلاق الموضوع' style='vertical-align:middle;'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
<a href='#' title='عنوان الصورة'><img style='max-width:100%;height:auto;vertical-align:middle;' alt='عنوان الصورة' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilUuHXHqYfvWLdKeX2wvccdeL8fIhpW3iCNG-C2Ehyphenhyphen-1jXKCpOsn-Wpdc6MzsJO_nmQ9v-Da33jEvtSKyGdx1Hmx7MrCvPnrKnX3Pf3bfB4sRonNq2sSjH35DYxA7ltFCoc1nnKAeHg6aI/s1600/arlina-tea.png'/></a>
</div>
</div>

الإعدادت

الرابط الذي باللون الاحمر إستبدله بالبنر الإعلاني الخاص بك
الرابط الذي باللون الازرق وهو زر كلمة close إستبدلها بما تريد
اسبتدل الرمز # برابط الموقع المراد الإعلان عنه
الكلمات التي باللون الاخضر استبدلها بعنوان البنر الإعلاني
الرقم 728pxهو المسؤول عن حجم عرض الإعلان

اتمنى ان يكون الموضوع اعجبكم
اي سؤال او استفسار لا تترد بوضعه في تعليق

إضافة تعليقات فيسبوك في بلوجر بكل سهولة

مدون محترف

10/22/2015

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

ولكن دائماً هناك اشخاص يواجهون مشاكل في تركيب تعليقات فيسبوك في بلوجر 

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

بعيداً عن التعقيدات التي مررنا بها في درسنا السابق اضافة تعليقات فيسبوك 2015 في بلوجر 

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

يمكنك معاينة الإضافة عبر الزر التالي

معاينة

اولاً ابحث عن الوسم <head> و اضف الاكواد التالية تحته

<meta content='اي دي حسابك الشخصي' property='fb:admins'/>
<meta content='اي دي صفحة الفيسبوك' property='fb:app_id'/>

ملاحظة يجب عليك تغيير ما هو باللون الاحمر من اجل ان تعمل التعليقات

ثانياً ابحث عن الوسم </head> و اضف الكود التالي فوقه

<script type="text/javascript">
//<![CDATA[
$(window).bind("load resize", function(){
 var url = location.protocol+'//'+location.host+location.pathname;
  var containercm_width = $('#container-commentfb').width();
    $('#container-commentfb').html('<div class="fb-comments" ' +
    'data-href="'+url+'"' +
    ' width="' + containercm_width + '" data-num-posts="10"></div>');
    FB.XFBML.parse( );
  });
//]]>
</script>

ثالثاً ابحث عن الوسم <data:post.body/> و اضف الكود التالي تحته

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div id='container-commentfb' style='width: 100%;'><fb:comments expr:href='data:post.url' num_posts='10' width='650'/></div>
</b:if>

الإعدادت

1. الرقم 650 هو المسئول عن حجم العرض الخاصة بصندوق تعليقات فيسبوك
2. وسم <data:post.body/> سوف تجده مكرر اكثر من مرة الذي يهمنا هنا هو االخاص بالمواضيع

لإضافة عداد التعليقات الخاصة بصندوق تعليقات فيسبوك اضف الكود التالي

<a expr:href='data:post.url + &quot;#fb-comment&quot;'><span class="fb-comments-count" expr:data-href='data:post.url'></span> facebook comments</a>

اي سؤال او استفسار لا تترد بوضعه في تعليق

إضافة زر تحكم لإظهار و إخفاء التعليقات داخل المواضيع في بلوجر

مدون محترف

10/13/2015

إضافة زر إظهار و إخفاء التعليقات في بلوجر - طبعا اليوم في مدون محترف سوف نناقش احد دروس بلوجر المفيدة جداً بحيث سوف نقوم بإضافة زر يقوم بإظهار و إخفاء التعليقات الخاصة بالزوار عند الضغط عليه و الغرض من إضافة هذا الزر هو تخفيف تحميل المدونة من أجل ان تُصبح أكثر سرعة عند التحميل.

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

معاينة

إضافة زر إظهار و إخفاء التعليقات في بلوجر

1- ادخل إلى لوحة تحكم بلوجر

2- و انقر على قالب

3- و اضغط على تحرير HTML

4- ابحث عن الكود التالي

<div class='comments' id='comments'>

مُلاحظة: سوف تجد الكود في الأعلى مُكرر مرتين نحن سوف نستخدم الكود الثاني منه
الان بعد أن وجدنا الكود الثاني سوف نقوم بمسحه و إستبداله بالكود التالي

<a href="#" id="comments-show" class="showcontent" onclick="showComm('comments');return false;">إظهار التعليقات</a>
<div class='clear'/>
        <div class='comments hide-content' id='comments'>
<a href="#" id="comments-hide" class="hiddencontent" onclick="showComm('comments');return false;">إخفاء التعليقات</a>
<div class='clear'/>

الان ابحث عن الوسم ]]></b:skin> و اضف الكود التالي فوقه

/* Show and Hide Comments */
.hide-content{display:none;margin:0;padding:0;}
a.showcontent,#comments a.hiddencontent{display:block;text-decoration:none;position:relative;color:#fff;font-weight:700;font-size:15px;padding:12.5px 0;background:#5593f0;border:2px solid;border-radius:5px;text-align:center;margin:30px auto;letter-spacing:1px;transition:all .3s}
#comments a.hiddencontent {background:#fff;color:#acb3b8;transition:all .3s}
a.showcontent:hover{background:#fff;color:#5593f0;}
#comments a.hiddencontent:hover{background:#acb3b8;color:#fff;}

إعدادات التنسيق

- كود اللون #fff هو خاص بلون كلمة إظهار و إخفاء
- رقم 15px و هي خاصة بحجم الخط
- كود اللون #5593f0 هو خاص بلون خلفية الزر

الان مرة أخرى ابحث عن الوسم </body> و اضف الكود التالي فوقه

<script type='text/javascript'>
//<![CDATA[
// Show and Hide Comments
function showComm(e){document.getElementById(e)&&("none"!=document.getElementById(e+"-show").style.display?(document.getElementById(e+"-show").style.display="none",document.getElementById(e).style.display="block"):(document.getElementById(e+"-show").style.display="block",document.getElementById(e).style.display="none"))};
//]]>
</script>

الان قُم بحفظ القالب
اي سؤال او استفسار لا تترد بوضعه في تعليق

إعادة التوجيه من Http إلى Https للمدونات ذات النطاق المجاني

مدون محترف

10/11/2015

بعد تعرُفنا على كيفية تفعيل ميزة HTTPS في بلوجر, مازال هُناك مشكلة قد تواجه المدونات ذات النطاق المجاني بحيث هذا الموضوع هُنا لم يعُد له فائدة, لإنه سوف يتم إعادة التوجيه إلى http:// بدلاً من https:// ولكن مع مدون محترف دائما عندنا الحلول لكُل شيء, ودرس اليوم سوف يكون عبارة عن التحويل من Http:// إلى Https:// بشكل تلقائي في المدونات ذات النطاق المجاني مثل مدونتي و يكون هذا عن طريق اكواد جافا سكربت, لذلك علينا اولاً مسح الكود الذي اضفناه في الموضوع القديم و إتباع الخطوات في هذا الموضوع

طريقة التحويل

1. توجه إلى بلوجر
2. إلى قالب
3. الضغط على تحرير HTML
4. امسح الكود الذي اضفناه في موضوعنا هُنا

ابحث عن الوسم </head> و اضف الكود التالي فوقه

 <script type='text/javascript'>
var blog = document.location.hostname;
var slug = document.location.pathname;
var ctld = blog.substr(blog.lastIndexOf("."));
if (ctld != ".com") {
  var ncr = "https://" + blog.substr(0, blog.indexOf("."));
ncr += ".blogspot.com/ncr" + slug;
window.location.replace(ncr);}
</script>

 <script type='text/javascript'>
function check_secure() {
var secssl = /^https/i;
var blog = document.location.hostname;
var slug = document.location.pathname;
var subs = window.location.search;
if (!window.location.origin.match(secssl)) {
window.location = "https://" + blog + slug + subs;
}
}
check_secure();
</script>

اتمنى ان يكون الموضوع أفادكم
اي سؤال او استفسار لا تترد بوضعه في تعليق

الطريقة الصحيحة لتفعيل HTTPS في بلوجر

مدون محترف

10/11/2015

الجميع يعلم إن بلوجر قامت بتوفير شاهدات SSL و أصحبت تدعم HTTPS, ولكن بسبب التحديث الجديد 

و هو عمل نطاقات فرعية لكل دولة بحيث يتم وضع نطاق كل دولة في نهاية رابط المدونة و الذي هو يكون .eg او .us 

و هذا ما عرفناه و حللنا مُشكلته في موضوعنا التالي حل مشكلة تحديث  بلوجر

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

هناك ثلاث فوائد رئيسية لاستخدام HTTPS بدلاً من HTTP للوصول إلى مدونتك:

- يساعد على التأكد من أن يفتح الزائرون الموقع الإلكتروني الصحيح ولا يتم إعادة توجيهم إلى موقع إلكتروني ضار.

- يساعد على كشف محاولات أي مهاجم لتغيير أي بيانات مرسلة من Blogger إلى الزائر.

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

أو سرقة معلوماتهم. عند تمكين HTTPS، يمكن للزائرين الوصول إلى الإصدار المشفر من مدونتك

لتمكين HTTPS:

1. سجل الدخول إلى Blogger.
2. حدد المدونة المراد تحديثها.
3. في القائمة اليمنى، انقر على الإعدادات > أساسي > إعدادات HTTPS.
4. في توفر HTTPS، حدد نعم.

ننصحك بقرائة الموضوع التالي: كيفية إعادة توجيه الروابط من Http إلى Https في مدونات بلوجر ذات النطاق المجاني
و لو تم ملاحظة رابط مدونتنا إنه اصبح في بدايته https://

المصدر: support.google

حل مشكلة تحديث بلوجر و إعادة توجيه الروابط الفرعية إلى الرابط الاصلي

مدون محترف

9/04/2015

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

و هو عبارة عن كود سكريبت يقوم بإعادة توجيه الرابط من http://mudwnp.blogspot.com.eg إلى الرابط الاصلي http://mudwnp.blogspot.com بحيث سوف يعود ترتيب مدونتك كما هو و صراحة هذا الموضوع انتشر في كثير من المدونات ولكن لا ضرر من وضعه هنا حتى تعم الفائدة على الكل

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

الشرح

1. ادخل إلى لوحة تحكم بلوجر
2. انتقل إلى تبويب قالب
3. اضغط على تحرير HTML

ابحث عن الوسم </head> او <head> و اضف الكود التالي فوقه

<script type='text/javascript'>
var str=window.location.href.toString();if("-1"==str.indexOf(".com/")){var str1=str.substring(str.lastIndexOf(".blogspot."));if("-1"==str1.indexOf("/"))var str2=str1;else var str2=str1.substring(0,str1.indexOf("/")+1);window.location.href=window.location.href.toString().replace(str2,".blogspot.com/ncr/")}
</script>

إذا لم ينجح معك الكود السابق قم بإضافة الكود التالي بدلاً منه

<script type="text/javascript">
var blog = document.location.hostname;var slug = document.location.pathname;var ctld = blog.substr(blog.lastIndexOf("."));if (ctld != ".com") {var ncr = "http://" + blog.substr(0, blog.indexOf("."));ncr += ".blogspot.com/ncr" + slug;window.location.replace(ncr);}
</script>

ثم قم بحفظ القالب

الان بعد وضع الكود و حفظ القالب الزوار الذين سوف يتوجهون إلى مدونتك
 لن يتم نقلهم إلى نطاقات فرعية مثل blogspot.co.ps او blogspot.com.eg مرى اخرى

اتمنى ان يستفيد الجميع من الموضوع و ان يكون حل لهم
اي سؤال او استفسار لا تترد بوضعه في تعليق

تقوية سيو و بينة قوالب بلوجر داخلياً

مدون محترف

8/17/2015

تقوية سيو و بينة قوالب بلوجر داخلياً - الجميع اصبح يعرف معنى كلمة سيو - SEO و فائدتها ولكن الاغلب يظن إن السيو ينحصر في الحصول على باك لينك من مواقع اخرى و ينسون اهم عامل و هو تقوية بنية المدونة داخلياً و اليوم في درسنا سوف نتحدث عن تحسين قوالب بلوجر داخلياً لإنه من خلال وضع شعار للمدونة فأنت تقوم بإخفاء وصف و عنوان المدونة من الصفحة الرئيسية و هذا خاطيء تماماً لإنه انت هكذا اخفيت معرف H1 الخاص بعنوان المدونة و هذا سوف يقلل من قيمة سيو المدونة الخاصة بك في نظر محركات البحث, يمكنك الدخول إلى الموقع التالي Chkme.com و وضع رابط مدونتك لفحص السيو الخاصة بها.

الان لو لاحظنا في الصورة التالية إن سيو المدونة الخاصة بها 78% بحيث ينقصها 22%
و هذا بسبب الشعار لذلك في درس اليوم سوف نحاول ان نجعل سيو المدونة الخاصة بك 100%

الان دعونا نبدأ بالشرح:

1. توجه إلى لوحة تحكم بلوجر
2. انقر على تبويب قالب
3. ثم انقر على تحرير HTML

ابحث عن الكود التالي

<div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>

الان قم بإضافة معرف H1 او استبدله بالكود التالي

<div id='header-inner'>
        <h1><a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
          </a></h1>

او يمكنك إضافة معرف H1 قبل <h1><img.../></h1> على الشكل التالي

<div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <h1><img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/></h1>
          </a>

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

ملحق:

بالنسبة للمدونات التي تستخدم لغة HTML5 في تصميم القالب يرجى حذف الجزء الذي باللون الاحمر من الكود التالي:

<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>

اتمنى ان يكون الموضوع افادكم
لا تنسوا دعمنا بالتعليقات و نشر الموضوع مع اصدقائك

تخصيص بار الكوكيز الخاص ببلوجر الذي ظهر في كل المدونات

مدون محترف

8/05/2015

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

فريق بلوجر عرض إشعار على المدونات التي تستخدم نطاقات مدفوعة ايضاً؟

لو لاحظنا إن جميع المدونات التي تستخدم نطاق blogspot.com ظهر لهم البار الخاص ببلوجر, ولكن لم يظهر في الدول العربية لإنه موجه فقط لزوار الإتحاد الأوروبي اما المدونات التي تستخدم نطاقات مدفوعة (مثل .com أو .net أو .org الخ) سوف تظهر تلقائيا لهم عندما يتم زيارة الموقع من احد المستخدمين من اوروبا

و يستخدم هذا الموقع الكوكيز من جوجل لتقديم خدماته, و لتخصيص الإعلانات و تحليل حركة الزوار. و يتم تبادل المعلومات حول إستخدامك لهذا الموقع مع جوجل, و بإستخدام هذا الموقع فإنك توافق على إستخدامها للـ cookies.Learn الذي حصلت عليه


هل سيظهر البار في كل الدول او دول معينة؟

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

جرب كتابة رابط مدون محترف في متصفحك على الشكل التالي http://mudwnp.blogspot.fr/ سوف يظهر لك البار في الإعلى و عند الضغط على الزر الأخضر لن يظهر لك مرة اخرى ولكن إذا قمت بمسح السجل الخاص بالمتصفح سوف يظهر مرة أخرى.

الان كل ما عليك فعله هو وضع الكود التالي اسفل ]]></b:skin> و هو خاص بتخصيص البار ليصبح شكله افضل

<script type="text/javascript">
  cookieOptions = {
    msg: "This site uses cookies to help deliver services. By using this site, you agree to the use of cookies.",
    link: "https://www.blogger.com/go/blogspot-cookies",
    close: "Got it!",
    learn: "Learn More" };
</script>
    <style>.cookie-choices-info {z-index:999999!important;background-color:#333333!important;border-bottom: 1px solid #6FC415; color:#ffffff!important;
        box-shadow: 1px 2px 2px #000;}.cookie-choices-info .cookie-choices-button{  background-color: #6FC415!important;border-radius: 1px!important;box-shadow: 2px 3px 2px #000;}</style>

 إعدادات الكود

يمكنك إستبدال النص الغامق بأي رسالة تريدها
يمكنك إسبتدال الرابط الخاص link بسياسة الخصوصية الخاصة بك او يمكنك تركه مثل ما هو فلا يوجد اي مشكلة
يمكنك إستبدال 333333 و هي خاصة بلون خلفية البار
يمكنك إستبدال 6FC415 و هي خاصة بالخط الذي اسفل البار
لتغيير لون الازرار استبدل 6FC415 باللون الذي تريده
لتغيير لون الخط استبدل ffffff 


يمكنك معاينة البار بتغيير رابط مدونتي إلى http://mudwnp.blogspot.fr

اي سؤال او استفسار لا تترد بوضعه في تعليق
و نشر الموضوع مع اصدقائك لتعم الفائدة على الجميع

اضافة تعليقات فيسبوك 2015 في بلوجر

مدون محترف

6/25/2015

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

الخطوة الأولى

ابحث عن الوسم </body> و اضف الكود التالي تحته, وإذا كان موجود الكود القديم امسحه و اضف هذا

 <div id="fb-root"></div>
<script>
//<![CDATA[
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>

الخطوة الثانية

يجب عليك إضاقة كود CSS من أجل إخفاء تعليقات بلوجر و إظهار تعليقات فيسبوك ابحث عن الوسم ]]></b:skin>

و اضف الكود التالي فوقه

 .fb-comments,.fb_iframe_widget span,.fb_iframe_widget iframe{width:100%!important}
.fb-comments{padding:0 15px!important;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
#comments{display:none!important}

 إعدادات الكود السابق

قم بتغيير رقم 15px و هو الخاص بالبعد بين التعليقات داخل المواضيع

الخطوة الثالثة

قم بنسخ الكود التالي اولا

<b:includable id='fb-comments' var='post'>
<div class="fb-comments" id="fb-comment" expr:data-href='data:post.url' data-numposts="5"></div>
</b:includable>

بعد نسخ الكود السابق ابحث عن الكود التالي

<b:includable id='comments' var='post'>
...........
...........
...........
</b:includable>

ثم قم بلصق الكود الذي قمنا بنسخه في اول الخطوة الثالثة تحته ليصبح الكود على هذا الشكل

            <b:includable id='comments' var='post'>
...........
...........
...........
</b:includable>
            <b:includable id='fb-comments' var='post'>
            <div class="fb-comments" id="fb-comment" expr:data-href='data:post.url' data-numposts="5"></div>
            </b:includable>

الخطوة الرابعة

قم بنسخ الكود التالي <b:include data='post' name='fb-comments'/> ثم ابحث عن الكواد التالي و قم بلصقه كما في الكود التالي

              <b:includable id='main' var='top'>
............
............
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:include data='post' name='fb-comments'/>
          <b:include data='post' name='comments'/>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='fb-comments'/>
          <b:include data='post' name='comments'/>
        </b:if>
............
............
</b:includable>

او على النحو التالي في قوالب بلوجر الافتراضية

         <b:includable id='main' var='top'>
............
............
        <div class='post-outer'>
          <b:include data='post' name='post'/>
          <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='fb-comments'/>
          <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
        </div>
............
............
</b:includable>

لعرض عدد التعليقات استخدم الكود التالي

 <a expr:href='data:post.url + &quot;#fb-comment&quot;'><span class="fb-comments-count" expr:data-href='data:post.url'></span> comments</a>

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

التحكم بعدد المواضيع في صفحات التسميات

مدون محترف

6/14/2015

اليوم في مدون محترف سوف نتقاسم معكم درس مهم جدا وهو التحكم بعدد المواضيع في صفحات التسميات فعند الضغط على قسم معين في القائمة او تسمية معينة في المدونة فينقلنا إلى صفحة التسمية ولكن في الصفحة تظهر جميع المواضيع و ليس جزء منها و هذا قد يشوه من منظر القالب و لا يدل على الاحترافية لذلك اليوم نستطيع التحكم بعدد المواضيع المعروضة في صفحات التسميات عن طريق كود بسيط و هو max-results دعونا نتعرف على كيفية تطبيق هذه الخدعة البسيطة

1. تأكد من إضافتك للتسميات عن طريق التخطيط
2. الذهاب إلى لوحة تحكم بلوجر
3. الضغط على تبويب قالب
4. ثم انقر على تحرير HTML
5. ابحث عن الكود التالي

expr:href='data:label.url'

سوف تجدها مكررة اكثر من مرة استبدلها كلها بالكود التالي

expr:href='data:label.url + &quot;?&amp;amp;max-results=5&quot;'

لتحديد عدد المواضيع ستجد سمة max-results=5 يمكنك إستبدال رقم 5 بعدد المواضيع التي تريد عرضها.

و إذا اردت تحديد عدد المواضيع في التسميات الخاصة بالقائمة فيمكننا فعل ذلك و لنفترض ان التسميات على هذا الشكل

<a href='http://mudwnp.blogspot.com/search/label/قوالب بلوجر'>قوالب بلوجر</a>

يجب علينا إضافة سمة max-results=5 كما في الكود التالي :

<a href='http://mudwnp.blogspot.com/search/label/قوالب بلوجر?&amp;amp;max-results=5'>قوالب بلوجر</a>

الان قم بحفظ القالب و سوف تلاحظ عند الدخول إلى اي تسمية او اي قسم في القائمة إن عدد المواضيع اصبح كما في العدد التي انت حددته في max-results=5 اتمنى ان يكون اعجبكم الدرس بالتوفيق

اضافة نموذج اتصال مدون محترف

مدون محترف

5/24/2015

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

معاينة

طريقة التركيب

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

بعد إضافة الادة نقوم بعمل الخطوات التالية

1. نتوجه إلى لوحة تحكم بلوجر
2. ننقر على قالب
3. ثم ننقر على تحرير HTML

تحديث : إن لم يعمل النموذج لا تقم بمسح الاكواد في هذه الخطوة

نبحث عن الوسم </head> و اضف الكود التالي فوقه

<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>

ايضاابحث عن الوسم ]]></b:skin> و اضف الكود التالي فوقه

/* CSS Contact */
#ContactForm1,#ContactForm1 br{display:none;}
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email{
width:96.5%;height:auto;margin:5px auto;padding:10px;background:#fff;color:#444;border:1px solid #e3e3e3;border-radius:3px;transition:all 0.5s ease-out;}
#ContactForm1_contact-form-email-message{width:100%;height:175px;margin:5px 0;padding:10px;background:#fff;color:#444;font-family:'Open Sans',sans-serif;border:1px solid #e3e3e3;border-radius:3px;transition:all 0.5s ease-out;}
#ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{outline:none;background:#fff;color:#444;border-color:rgba(81,203,238,1);box-shadow:0 0 5px rgba(81,203,238,0.7);}
#ContactForm1_contact-form-submit {width:100%;font-family:'Open Sans';float:right;background:#fff;color:#aaa;margin:10px auto;vertical-align:middle;cursor:pointer;padding:10px 18px!important;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border-radius:3px;background-image: linear-gradient(110deg, #7986cb 0%, #7986cb 50%, transparent 50%, transparent 100%);background-size:200%;background-position:120% 0;background-repeat:no-repeat;border:1px solid #e3e3e3;transition:all .8s ease, background-position .8s ease, color .8s ease;}
#ContactForm1_contact-form-submit:hover {color:#fff;background-position:0 0;border-color:#7986cb;}
#ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{
width:100%;margin-top:35px;}
.contact-form-error-message-with-border {background:#f36c60;border:none;box-shadow:none;color:#fff;padding:5px 0;}
.contact-form-success-message {background:#4fc3f7;border:none;box-shadow:none;color:#fff;}
img.contact-form-cross {line-height:40px;margin-right:5px;}

بعد تنفيذ الخطوات السابقة احفظ القالب ثم قم بإنشاء صفحة ثابتة مع وضع الخيارات مثل الصورة

و اخيرا انتقل إلى وضع HTML و قم بوضع الكود التالي

<form name="contact-form">
<span style="color: #999999; display: inline-block; font-family: Droid Arabic Kufi,Arial; font-weight: 700; margin-bottom: 10px; margin-top: 15px;"><i class="fa fa-user"></i> الإسم </span><br />
<input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />  <br />
<br />
<span style="color: #999999; display: inline-block; font-family: Droid Arabic Kufi,Arial; font-weight: 700; margin-bottom: 10px; margin-top: 15px;"><i class="fa fa-envelope"></i> البريد الإلكتروني <span style="background: #aaa; border-radius: 3px; color: white; font-size: x-small; font-weight: normal; line-height: normal; margin-left: 5px; padding: 0 3px 1px 3px;">إجباري</span></span> <br />
<input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />  <br />
<br />
<span style="color: #999999; display: inline-block; font-family: Droid Arabic Kufi,Arial; font-weight: 700; margin-bottom: 10px; margin-top: 15px;"><i class="fa fa-bars"></i> الرسالة <span style="background: #aaa; border-radius: 3px; color: white; font-size: x-small; font-weight: normal; line-height: normal; margin-left: 5px; padding: 0 3px 1px 3px;">إجباري</span></span><br />
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea> <br />
<input id="ContactForm1_contact-form-submit" type="button" value="إرسال" />  <br />
<div style="max-width: 100%; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<br />
<style type="text/css">
#comments,#sidebar-wrapper,.banner,.banner2 {display:none;}
#post-wrapper {float:none;width:100%;margin:0 auto;}
.post-inner {padding:15px 0;}
.post-body {margin:0 auto;width:70%;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}
form i.fa.fa-user,form i.fa.fa-envelope,form i.fa.fa-bars {padding:3px 5px;border-radius:3px;font-weight:normal;font-size:120%;}
form i.fa.fa-user {background:#7986cb;color:#fff;}
form i.fa.fa-envelope {background:#ffa726;color:#fff;}
form i.fa.fa-bars {background:#00897b;color:#fff;}
</style>

و مبروك عليك نموذج اتصال مدون محترف لا تنسا دعمنا عبر نشر الموضوع من خلال ازرار المشاركة
اي سؤال او استفسار لا تترد بوضعه في تعليق

دورة بلوجر 2015 - تحسين ارشفة المدونة و اضافة ملف Sitemap

مدون محترف

4/28/2015

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

اسمحوا لي أن اتعمق و اشرح لكم ما هي خريطة الموقع و فائدتها. خريطة الموقع هو ملف XML بسيط يحتوي على كافة صفحات موقع الويب او مدونة بلوجر على شبكة الانترنت بالترتيب بواسطة قيمهم. و يمكن لمحركات البحث مثل جوجل - Google و بينغ - Bing استخدام ملفات خريطة الموقع لاكتشاف الصفحات على موقع الويب او المدونة الخاصة بك. وظيفتها, انها تساعد بتحسين ارشفة المدونة و زيادة حركة المرور او الزحف او الزوار بشكل افضل.

ما هي المشكلة في بلوجر بإضافة خريطة الموقع ؟

هناك بعض الاخبار الجيدة. بلوجر بالفعل لديها خرائط افتراضية خاصة بكل مدونة. لأنه و بكل بساطة لا يمكن أن يكون لمنصة لها شعبية كبيرة مثل بلوجر   ( مدعومة من جوجل )  ليس لديها خرائط افتراضية ولكن المشكلة الوحيدة هنا انه يجب كتابة العناوين هكذا و ليس رفع ملف XML كامل
http://yourblogname.blogspot.com/atom.xml?redirect=false

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

كيفية إنشاء خريطة الموقع XML كاملة في بلوجر

طريقة رقم 1 : عناوين الكتابة

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

http://yourblogname.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500

هذا هو كل شيء. عند إضافة الرابط السابق نكون قد انشئنا اول خريطة موقع خاصة بنا. ولكن لا تزال هناك مشكلة. عند إضافة الرابط السابق لأنه سوف يتم فهرسة و ارشفة 500 مشاركة فقط في المدونة الخاصة بك ولكن ماذا لو مدونتنا بها اكثر من 500 مشاركة. ماذا ستفعل؟

لا تقلق دائما هناك حلول. نحن فقط بحاجة لإضافة خرائط مواقع متعددة. لا بأس في استخدام خرائط مواقع متعددة لمدونة واحدة فهذا لن يؤثر على المدونة بشيء و إذا كان لديك 1000 مشاركة, سوف تحتاج لإضافة رابطين و يكونا على هذا الشكل :

http://yourblogname.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500
http://yourblogname.blogspot.com/atom.xml?redirect=false&start-index=501&max-results=500

السطر الاول سوف يقوم بفهرسة 500 مشاركة و السطر الثاني سيقوم بفهرسة 500 مشاركة هذه هي الطريقة التي يستخدمها الجميع و لنفترض لديك 2000 مشاركة على سبيل المثال. يجب ان تكون عناوين المواقع على هذا الشكل :

http://yourblogname.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500
http://yourblogname.blogspot.com/atom.xml?redirect=false&start-index=501&max-results=500
http://yourblogname.blogspot.com/atom.xml?redirect=false&start-index=1001&max-results=500
http://yourblogname.blogspot.com/atom.xml?redirect=false&start-index=1501&max-results=500

اظن ان هذا يكفي لفهم كيفية إضافة خريطة الموقع في بلوجر. يمكنك تغيير قيمة بدء المؤشر وفقا للحاجة الخاصة بك.
فقط تأكد من انك قمت بزيادتها 500 و ترك max-result = 500 مثل ما هي.
الان بعد إضافة روابط خريطة الموقع التي ذكرناها في السابق بالشكل الصحيح قم بإضافة هذه الروابط ايضا لزيادة الارشفة و الفهرسة

sitemap.xml
rss.xml
atom.xml
feeds/posts/default?redirect=false
feeds/posts/default?orderby=updated
feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc
feeds/posts/default?max-results=5&redirect=false
feeds/posts/default
feeds/comments/default?redirect=false
feeds/comments/default?max-results=5
feeds/comments/default
atom.xml?redirect=false
atom.xml?redirect=false&start-index=1&max-results=200

هذا كل شيء تقريبا في الدرس الثاني سوف نتعرف على كيفية التعديل على ملف robots.txt بالطريقة الصحيحة

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

يمكنك مشاهدة هذا الفيديو يوضح كل ما ذكرناه في الاعلى

هل اعجبك الدرس ؟ اتمنى ان تشاركنا رأيك بوضع تعليق او مشاركة الموضوع عبر ازرار المشاركة في الاسفل