قالب Hot Mag معرب

قالب Hot Mag معرب - صراحةً انا اعشق هذه القوالب من بلوجر لإنه لها الكثير من الميزات الاكثر من رائعة لإنها تسمح لك بالتركيز على المحتوى 

والقالب يصلُح للمدونات التقنية و المدونات الأخبارية و الألعاب و الأفلام و المجلات, و يمتاز القالب بمزيج من الألوان الجذابة
و هو ممتاز للمدونات الإعلانية بحيث يتم التركيز على خفض مُعدلات الإرتداد, مع زيادة التعرض للإعلانات
و هذا موضوع يُبقي زوارك من أجل رؤية المزيد من مُحتوى الموقع و تعظيم العائدات الإعلانية الخاصة بك! فإذا كُنت تبحث
 عن قالب بلوجر خاص بالمدونات الأخبارية أو المجلية فهذا القالب هو الخيار الأفضل بالنسبة لك.
يُمكِنك مُعاينة و تحميل القالب من خلال الأزرار التالية :)

معاينة تحميل

مميزات القالب

1. متوافق مع جميع الشاشات
2. قائمة علوية متجاوب
3. قائمة فرعية مُنسدلة
4. زر عرض المواضيع بشكل عشوائي
5. زر محرك بحث متطور
6. شريط آخر الاخبار مُطور
7. سلايدر في الرئيسية
8. سكربت عرض المواضيع حسب التسمية
9. اماكن للإعلانات جاهزة
10. آداة رُباعية التبويبات للسايد بار
11. ازرار مواقع التواصل الإجتماعي في السايدبار
12. صندوق النشرة البريدية
13. فوتر بثلاثة أعمدة
14. أزرار المشاركة داخل المواضيع
15. اضافة تعريف الكاتب
16. اضافة مواضيع ذات صلة
17. آداة مسار الموضوع
18. صديق لمحركات البحث
19. صفحة خطأ

       و المزيد


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

جعل القوائم قابلة للعمل على الأجهزة الذكية

هل لديك قائمة او تريد تركيب قائمة على قالبك لكنها ليست متجاوبة, هل تريد جعل اى قائمة قابلة للعمل على الاجهزة الذكية ؟

الحل بسيط وبكود سهل التركيب كل ما عليك هو استخدام الكود التالي وستصبح قائمتك قابلة للتشغيل على الهواتف والاجهزة اللوحية وبدون اى مجهود منك

<style type="text/css">
.cnmunav2 {
  color: #444;
  display: none;
  float: right;
  font: 14px tahoma;
  margin: 2px 4px 5px 3px;
  padding: 2px 4px 5px 3px;
  width: 100px;
}
@media screen and (max-width : 700px) {
#maymenu {display: none;}
.cnmunav2 {display:block;}
}
</style>
<script>
//<![CDATA[
/*Responsive Menu*/
window.cnmunav=function(){"use strict";var e=function(e,t){function c(e){var t;if(!e)e=window.event;if(e.target)t=e.target;else if(e.srcElement)t=e.srcElement;if(t.nodeType===3)t=t.parentNode;if(t.value)window.location.href=t.value}function h(e){var t=e.nodeName.toLowerCase();return t==="ul"||t==="ol"}function p(e){for(var t=1;document.getElementById("cnmunav"+t);t++);return e?"cnmunav"+t:"cnmunav"+(t-1)}function d(e){a++;var t=e.children.length,n="",l="",c=a-1;if(!t){return}if(c){while(c--){l+=o}l+=" "}for(var v=0;v<t;v++){var m=e.children[v].children[0];if(typeof m!=="undefined"){var g=m.innerText||m.textContent;var y="";if(r){y=m.className.search(r)!==-1||m.parentNode.className.search(r)!==-1?f:""}if(i&&!y){y=m.href===document.URL?f:""}n+='<option value="'+m.href+'" '+y+">"+l+g+"</option>";if(s){var b=e.children[v].children[1];if(b&&h(b)){n+=d(b)}}}}if(a===1&&u){n='<option value="">'+u+"</option>"+n}if(a===1){n='<select class="cnmunav2" id="'+p(true)+'">'+n+"</select>"}a--;return n}e=document.getElementById(e);if(!e){return}if(!h(e)){return}if(!("insertAdjacentHTML"in window.document.documentElement)){return}document.documentElement.className+=" js";var n=t||{},r=n.activeclass||"active",i=typeof n.autoselect==="boolean"?n.autoselect:true,s=typeof n.nested==="boolean"?n.nested:true,o=n.indent||"←",u=n.label||"- القائمة -",a=0,f=" selected ";e.insertAdjacentHTML("afterend",d(e));var l=document.getElementById(p());if(l.addEventListener){l.addEventListener("change",c)}if(l.attachEvent){l.attachEvent("onchange",c)}return l};return function(t,n){e(t,n)}}();$(document).ready(function(){cnmunav('maymenu');});
//]]>
</script>
هناك كلمتين في الكود السابق متكررة
واحده باللون الأصفر والثانية باللون الاخضر
التي باللون الأصفر تستبدلها بمعرف قائمتك
توضيح القوائم تبدأ بوسم <ul> قد تجد الوسم مكتوب بهذا الشكل مثلا
<ul class="menu">ما يهمنا ان يكون هذا الوسم به معرف id
هكذا <ul id="resmenu">
ان وجدت المعرف وهو الكلمة بعد id تستبدلها بالكلمة الصفراء
ان لم تجد اضف معرف فقط تكتب بعد ul
id="word" واستبدل word باى كلمة تناسبك
هذا كل شئ طيب ماذا يخص الكلمة الخضراء تخص فقط ان لو لديك قائمتين وستكرر الكود ان تستبدل الرقم 2 فيها بالرقم 3

تنسيقات

ما هو معلم باللون الوردي حجم ونوع الخط
الرقم 100 عرض القائمة
الأرقام الحمراء هي الهوامش الخارجية للقائمة
2 اعلى - 4 يمين - 5 اسفل - 3 يسار
نفس الأمر للأرقام الزرقاء لكنها للهوامش الداخلة للقائمة

الخمسة النمطية القالب الأول

اكيد قد لاحظ متابعينا عدم تعريب قوالب جديدة في الفترة الماضية والسبب الرئيسي عدم وجود قوالب تستحق التعريب !!!

ربما يكون لديك رد فعل الآن ما الذي يقوله كيف لا توجد قوالب تستحق التعريب والإنترنت ممتلئ بالقوالب الجيده 

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

هل استمر في تعريب قوالب وطالما المستخدم لن يفهم الاخطاء لا مشكلة

أم اتوقف نهائياً عن تعريب القوالب إلا إن وجدت بالفعل قالب يستحق 

وبعد كثير من الحوار بيني وبين نفسي اتخذت قرار مختلف 

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

طبعا حدث تردد لان صنع القوالب عبئ وتأخذ وقت يمكن ان يكفي لعشرات المواضيع

إضافة أن هناك معدومي الضمير الذين يستغلون الامر ويحذفون الحقوق

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

وأول قالب هو هدية العيد

وكل عام وانتم بخير

القالب النمطي الأول

لماذا إسم القوالب النمطية؟

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

معاينة تحميل

كما ذكرت ان القوالب ستكون سهلة التلوين

فقط ادخل الى لوحة التحكم ثم قالب ثم تخصيص ثم متقدم

وعدل الألوان لديك لونين لون رئيسي ولون فرعي اختار اللون الرئيسي المناسب لك

واللون الفرعي يفضل ان تستخدم درجة اغمق من نفس اللون الذي ستختاره مثلا لو اخترت الازرق اختار في اللون الفرعي درجة اغمق من اللون الأزرق

بالنسبة للتخطيط كمراعاة لمن سيودون وضع اعلانات وسلايدرات تم عمل حساب هذا الامر وتم وضع آداتين إضافيتين واحده تحت الهيدر وواحده فوق الفوتر يمكنك ان تضيف بهم سلايدرات او مساحات اعلانية بسهولة

بالنسبة لتعديل القوائم
القائمة العلوية ابحث عن الكود التالي وعدل الأسماء واستبدل رمز # بالرابط المناسب

<li><a href='/'>الرئيسية</a></li>
<li><a href='#'>اتصل بنا</a></li>
<li><a href='#'>سياسة الخصوصية</a></li>

تكرار الكود الاحمر يساوي رابط جديد بالقائمة
القائمةالسفلية نفس الأمر

<li><a href='#'>رابط</a></li>
<li id='sub'> <a>قائمة</a>
<ul id='drop'>
<li> <a href='#'>فرعي</a></li>
<li> <a href='#'>فرعي</a></li>
<li> <a href='#'>فرعي</a></li>
<li> <a href='#'>فرعي</a></li>
</ul>
</li>
<li><a href='#'>رابط</a></li>
<li><a href='#'>رابط</a></li>

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

اضافة المشاركات الشائعة بثلاثة اشكال مختلفة

اضافة المشاركات الشائعة بثلاث اشكال مختلفة - الجميع يعرف وظيفة المشاركات الشائعة في كل موقع على الويب أو مدونة على بلوجر

 فهي تقوم بعرض أخر المواضيع و الأكثر مُشاهدة مِن قِبل الزوار على أساس الوقت ويُمكن أن يكون كل اسبوع أو كُل شهر أو كُل الوقت و هي لا غنى

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

ننصحك بقراءة : اضافة المشاركات الشائعة على شكل شبكة
و الإطلاع على : اضافة المشاركات الشائعة الملونة في بلوجر

الان ننتقل إلى طريق تركيب الإضافة

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

ستايلات الإضافة

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

 الشكل الاول

/* Popular Post Style 1 */
#PopularPosts1 ul{padding:10px 0;margin-top:-15px;}
.PopularPosts .item-thumbnail{margin:0}
.PopularPosts .widget-content ul{padding:0;margin-top:-7px}
.PopularPosts .item-title a{text-decoration:none;font-weight:400;font-size:14px;color:#000;line-height:1.4em;transition:all ease-in-out .1s;}
.PopularPosts .item-title{padding-bottom:.4em}
.PopularPosts .widget-content ul li:hover a,.PopularPosts .widget-content ul li a:hover{color:#48d;}
.PopularPosts li:first-child .item-snippet{position:absolute;top:0;opacity:0;visibility:hidden;width:85%;right:11px;color:#fff;background-color:rgba(172,22,172,.83);padding:10px;font-size:90%;line-height:normal;transition:.3s}
.PopularPosts li:hover:first-child .item-snippet{top:20%;opacity:1;visibility:visible}
.PopularPosts img{width:100%;height:100%}
.PopularPosts .widget-content ul li{list-style:none;margin:10px 0 0!important;padding:0 0 10px!important;line-height:1.3em!important;position:relative;border-bottom:1px solid #f1f1f1}
.PopularPosts li .item-snippet{display:none}
.PopularPosts li .item-thumbnail{width:85px;height:72px;margin:0 0 0 10px;overflow:hidden;float:right}
.PopularPosts li:first-child .item-thumbnail{width:100%;height:100%;max-height:190px;overflow:hidden;margin-bottom:10px}
.PopularPosts li:first-child .item-content{position:relative}
.PopularPosts li:first-child .item-thumbnail,.PopularPosts li:first-child .item-snippet{display:block}
.PopularPosts li:first-child .item-title a{font-family: droid arabic kufi;font-size:12px;line-height:1.3em;font-weight:700}
/* Popular Post Style 1 */
#PopularPosts1 ul{padding:10px 0;margin-top:-15px;}
.PopularPosts .item-thumbnail{margin:0}
.PopularPosts .widget-content ul{padding:0;margin-top:-7px}
.PopularPosts .item-title a{font-family: droid arabic kufi;text-decoration:none;font-weight:400;font-size:12px;color:#000;line-height:1.4em;transition:all ease-in-out .1s;}
.PopularPosts .item-title{padding-bottom:.4em}
.PopularPosts .widget-content ul li:hover a,.PopularPosts .widget-content ul li a:hover{color:#48d;}
.PopularPosts li:first-child .item-snippet{font-family: droid arabic kufi;position:absolute;top:0;opacity:0;visibility:hidden;width:85%;right:11px;color:#fff;background-color:rgba(21, 6, 21, 0.35);padding:10px;font-size:90%;line-height:normal;transition:.3s}
.PopularPosts li:hover:first-child .item-snippet{top:20%;opacity:1;visibility:visible}
.PopularPosts img{width:100%;height:100%}
.PopularPosts .widget-content ul li{list-style:none;margin:10px 0 0!important;padding:0 0 10px!important;line-height:1.3em!important;position:relative;border-bottom:1px solid #f1f1f1}
.PopularPosts li .item-snippet{display:none}
.PopularPosts li .item-thumbnail{width:85px;height:72px;margin:0 0 0 10px;overflow:hidden;float:right}
.PopularPosts li:first-child .item-thumbnail{width:100%;height:100%;max-height:190px;overflow:hidden;margin-bottom:10px}
.PopularPosts li:first-child .item-content{position:relative}
.PopularPosts li:first-child .item-thumbnail,.PopularPosts li:first-child .item-snippet{display:block}
.PopularPosts li:first-child .item-title a{font-size:12px;line-height:1.3em;font-weight:700}

الشكل الثاني

/* Popular Post Style 2 */
.PopularPosts .widget-content ul{padding:0;margin-top:-10px}
.PopularPosts .item-thumbnail{margin:0}
.PopularPosts .item-title {padding:0;}
.PopularPosts .item-title a{margin: 3px;font-family:droid arabic kufi;text-decoration:none;color:#000;}
.PopularPosts .item-title a:hover{color:#ff2d2d}
.PopularPosts .item-snippet{font-family:droid arabic kufi;font-size:12px;line-height:1.6em;color:#777;padding-top:10px}
.PopularPosts li{border-bottom:1px dashed #e3e3e3}
.PopularPosts li .item-thumbnail,.PopularPosts li .item-snippet{display:none}
.PopularPosts li:first-child .item-thumbnail,.PopularPosts li:first-child .item-snippet{float:right;display:block;overflow:hidden;max-height:180px;margin-bottom:10px;}
.PopularPosts img{padding:0}
.PopularPosts .widget-content ul li{padding:10px 0;margin:0}

الشكل الثالث

/* Popular Post Style 3 */
#PopularPosts1 ul{padding:10px 0;margin-top:-15px;}
.PopularPosts .item-thumbnail{margin:0}
.PopularPosts .widget-content ul{padding:0;margin-top:-7px}
.PopularPosts .item-title a{font-family: droid arabic kufi;text-decoration:none;font-weight:700;font-size:12px;color:#000;line-height:1.4em;transition:all ease-in-out .1s;}
.PopularPosts .item-title{padding-bottom:.4em}
.PopularPosts .widget-content ul li:hover a,.PopularPosts .widget-content ul li a:hover{color:#48d;}
.PopularPosts img{width:100%;height:100%}
.PopularPosts .widget-content ul li{list-style:none;margin:10px 0 0!important;padding:0 0 10px!important;line-height:1.3em!important;position:relative;border-bottom:1px solid #f1f1f1}
.PopularPosts li .item-snippet{position:absolute;top:0;opacity:0;visibility:hidden;width:85%;right:11px;color:#fff;background-color:rgba (23, 11, 23, 0.38);padding:10px;font-family: droid arabic kufi;font-size:90%;line-height:normal;transition:.3s}
.PopularPosts li:hover .item-snippet{top:20%;opacity:1;visibility:visible}
.PopularPosts li .item-thumbnail{margin:10px 0;overflow:hidden;float:right}
.PopularPosts li:first-child .item-thumbnail{width:100%;height:100%;max-height:190px;overflow:hidden;margin-bottom:10px}
.PopularPosts li:first-child .item-content{position:relative}
.PopularPosts li:first-child .item-thumbnail,.PopularPosts li:first-child .item-snippet{display:block}

أكواد الجافا سكريبت

الان بعد إضافة أحد اكواد الـ CSS من أجل أن تعمل الإضافات يجب علينا إضافة أحد أكواد الجافا سكريبت فوق الوسم </body>

الكود الخاص بالشكل الأول

<script type="text/javascript">
//<![CDATA[
function resizeThumbarlina(e,t){for(var s=document.getElementById(e),r=s.getElementsByTagName("img"),c=0;c<r.length;c++)r[c].src=r[c].src.replace(/\/s72\-c/,"/s"+t),r[c].width=t,r[c].height=t}resizeThumbarlina("PopularPosts1",400);
//]]>
</script>

الكود الخاص بالشكل الثاني

<script type="text/javascript">
//<![CDATA[
// Popular Post
var newidth=295;var neweight=180;$(".popular-posts .item-thumbnail img").each(function(){var t=$(this).attr("width");$(this).attr("width",newidth),$(this).attr("height",neweight),$(this).attr("src",$(this).attr("src").replace("/s72-c/","/w"+newidth+"-h"+neweight+"-c/"))}),$(".PopularPosts .item-snippet").text(function(t,i){return i.substr(0,70)});
//]]>
</script>

الكود الخاص بالشكل الثالث

<script type="text/javascript">
//<![CDATA[
function resizeThumbarlina(e,t){for(var s=document.getElementById(e),r=s.getElementsByTagName("img"),c=0;c<r.length;c++)r[c].src=r[c].src.replace(/\/s72\-c/,"/s"+t),r[c].width=t,r[c].height=t}resizeThumbarlina("PopularPosts1",400);
//]]>
</script>

إعدادات الإضافة

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

يُمكن معاينة أحد الأشكال من خلال زر المعاينة التالي:

معاينة

لا تنسى الضغط على ازرار المشاركة من أجل دعمنا
اي سؤال أو استفسار لا تترد بوضعه في تعليق دُمتم بوِد

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

اليوم سوف اُشارككُم بعض النصائح القليلة التي من شأنها أن تُساعدك في كتابة تدوينة, تحترم بها شروط سيو ومحُركات البحث مثل جوجل و بينج

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

وسوف يكون موضوعنا هذا عبارة عن مثال:

1. تحسين الصور

الصورة هي أحد العوامل الهامة في كتابة المواضيع, فالصور بألف كلمة و أفضل من 100 عنوان فهي التي تلفِت إنتباه الزائر عند دخوله للمدونة او الموقع الخاصة بك, ولكنها ايضاً تلعب دوراً هاماً من حيث السيو ولكن كيف ذلك؟ كُلما كان في الموضوع صور أكثر كُلما زادت مُدة بقاء الزائر بشكل غير مُباشَر أكثَر و هذا مِن شأنه أنْ يُحسِن من تَرتيبُنا في اليكسا.


ايضاً حاول ان تجعل جميع صور تدويناتك حجم واحد بحيث لا تكون الصور المُستَخدمة حجُها كبير ولا صغير جداً مثلاً في مدونتي جميع الصور حجمها 622 عرض و 222 طول و مساحتها لا تزيد عن 30KB لذلك دائماً حاول ان تضغط مساحة الصور فإذا كانت مساحتها كبيرة سوف تُصبح مدونتك بطيئة لذلك استخدم احد مواقع ضغط مساحة الصور.

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

هُناك من يستخدم الكثر من الصور في مواضيعه و قد لا يرغب في كُل مرة أن يفعل هذا
لذلك انصحك بقراءة الموضوع التالي: كيفية تحسين صور المدونة لمحركات البحث و سيو 

ثم انقر فوق علامة التبويب HTML, وقم بإزالة imageanchor="1" و استبدِل border="0" لتصبح هكذا style="border:none;"
و الاكواد التالية توضح معنى كلامي:

<div class="separator" style="clear: both; text-align: center;">
<a href="URL-GAMBAR" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="281" src="URL-GAMBAR" width="640" /></a></div>

الان سوف نقوم بإزالة كل من imageanchor="1" و استبدِل border="0" ليُصبح الكود على الشكل التالي

<div class="separator" style="clear: both; text-align: center;">
<a href="URL-GAMBAR" style="margin-left: 1em; margin-right: 1em;"><img style="border:none;" height="281" src="URL-GAMBAR" width="640" /></a></div>

2. إضافة تسمية

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

3. إستخدام خاصية الرابط الثابت و التلقائي

الكثير من المدونين يتجاهلون هذه الخاصية و التي تُعتبر من اهم ميزات بلوجر و هي تغيير عنوان الرابط التلقائي إلى رابط مُخصص ما هي فائدة هذه الميزة؟؟ لاحظت مؤخراً في الكثير من المدونات إنهم لا يقومون بوضع عنوان لروابطهم بحيث يظهر رابط التدوينة الخاصة بهم على الشكل التالي http://xx.blogspot.com/2015/09/blog-post_22.html بدلاً من http://xx.blogspot.com/2015/09/some-optimization-In-blog-posts.html
فعند ظهور موقعك دون عنوان مُناسب هذا سوف يُؤثر على ارشفة مدونتك و على تصُدر نتائج البحث في جوجل و سوف يكون لغيرك الأفضلية

4. إستخدام وصف البحث

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

5. عنوان او مُعرفات التدوينات

يجب ان يكون العنوان بالصفحة الرئيسية له معرف H2 و العنوان داخل المواضيع لها المعرف H1 و عنوان الصفحات الثابتة لها المعرف H1, الان بعد تعرفنا على المُعرفات هُناك من يستخدم داخل المواضيع مُعرفات H2 و H1 و هذا خاطيء تماماً بحيث يمُكنك إستخدام H3 ,H4 أو علامة من شأنها أن تكون مُفيدة لتحديد تسلسل هرمي واضح داخل المحتوى.

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

التجاوب ومبادئ التعامل معه

سبق وقد تكلمنا عن نموذج الجوال الآن سنتحدث عن التجاوب أولأ نبدأ بـ

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

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

كيف يتم انشاء التجاوب ؟

أولا كود الميتا تاج التالي يجب ان يضاف في بداية القالب بعد الوسم <head>

<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>

ثم بعد ذلك يرجع العمل على الكود التالي
@media screen and (max-width : 400px) {
اكواد الـ CSS
}
الكود ببساطة يعني أنه عندما تكون الشاشة بحجم 400 بيكسل يتم تفعيل هذا الستايل
يعني كل ما ستضعه من اكواد الـ CSS في وسط الكود السابق سيتم تنشيطها عند وصول الشاشة لهذا الحجم
يمكنك تكرار الكود مع تغيير الحجم ان اردت عمل اكثر من ستايل وكلما اصبحت الشاشة في حجم محدد تتغير للستايل الذي بها
أغلب ما يتم التعامل معه هو الأحجام , لنقل مثلا ان الهيدر في نموذج الحاسب حجمها 900 بيكسل ان اعطيتها حجم 300 مثلا في كود التجاوب فعندما تصبح أبعاد الشاشة 400 بيكسل ستصبح الهيدر بمقاس 300 بيكسل فتظهر بشكل مناسب
أشهر الأحجام المستخدمة في التجاوب هي 980 , 790 , 400
فعندما تبني ستايل يتناسب مع ابعاد الشاشة من 980 الى 790 انت ضمنت عرضه بشكل جيد على أغلب الاجهزة اللوحية
وعندما تضبطه من 790 الى الـ 400 ستضمن أغلب الهواتف ذات الكبيرة والمتوسطة
اما من 400 فأقل فستضمن باقي الهواتف ذات الشاشات الصغيرة
طبعا من المهم أن يكون القالب بنيته جيده لان لو بنيته سيئة أو معتمد على الصورة
سيكون لكي تجعله متجاوب ستضطر لإستخدام كثير من اكواد الـ CSS اما لو بنيته جيده ستستخدم غالباً اكواد العرض Width
هناك كود أخير ستحتاج استخدامه وهو التالي

<b:if cond='data:blog.isMobileRequest == "false"'>
هنا الاكواد
</b:if>

هذا الكود يخص أكواد الـ HTML , JavaScript
معناه ان اى اكواد ستضيفها بين هذا الكود لن تعرض على الهاتف
أو ان غيرت false الى true
معناه انها ستعرض على الهاتف فقط
المبدتئين أو من ليس لديهم خبرة في الت CSS ماذا يفعلون
ببساطة سيفيدك أن تعرف عندما ترى اى من تلك الاكواد في قالبك ان كان متجاوب الا تعبث بها فهي معناها انها خاصة بالهاتف فتتجنب التلاعب بها
هناك فائدة أخرى وهي إن اضفت آداة ولا تريدها ان تعمل على الهاتف ان تستخدم معها الكود الأخير حتى لا يفسد مظهر القالب على الهاتف لان أغلب الادوات المشروحة في المواقع لا يراعى فيها التجاوب

كيف يتم تفعيل التجاوب في القالب

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

آداة ثلاثية التبويبات للسايد بار

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

معاينة

/*Cnmu Tabbed Widget*/
.cnmusidebartabs {margin-bottom: 20px;}
.cnmusidebartabs .widget {
  border: 0 none !important;
  box-shadow: 0 0 0 1px #ddd inset;
}
.cnmusidebartabs .widget h2 {display: none;}
.tabs-widget {
  height: 35px;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

.tabs-widget li {
  float:right;
  list-style: outside none none;
  padding: 0;
  text-align: center;
  width: 33.3%;
}
#cnmustab2 {float:left;}
#cnmustab2 a {border-left: 0 none;}
.tabs-widget li:first-child {margin: 0}

.tabs-widget li a {
  background-color: #000;
  border-left: 1px solid #444;
  color: #fff;
  display: block;
font-size:12px;
height:35px;
line-height:35px;
  text-transform: uppercase;
}

.tabs-widget li a:hover, .tabs-widget li a.tabs-widget-current {
  background-color: #FB6400;
  color:#fff;
  text-decoration: none;
}

تنسيق

هذا #000 هو لون خلفية التبويبات
وهذا #fff لون الكتابة
وهذا  #FB6400 لون الإطار النشط او عند تمرير الماوس
الرقم 12 هو حجم خط التبويبات
من اراد ان يستخدم أيقونة لكل تبويب يضيف بعد الكود السابق الكود التالي
#cnmustab1 a {
  background-image: url("*");
  background-position: 98% center;
  background-repeat: no-repeat;
}مع تغيير * برابط الأيقونة
هذا خاص بالتبويب الأول
لعمل أيقونة للتبويب الثاني كرر الكود مع تبديل الرقم 1 بـ 3
والتبويب الثالث بتغيير الرقم 1 بـ 2

 التفعيل داخل القالب

هذا هو الجزء الاهم في الأمر
عليك ان تبحث في قالبك عن اسم اول آداة لديك في السايد بار
فوق اسم الآداة ستجد سطر أوله كلمة <b:section
 فوق السطر ستضيف الكود التالي
 مثال لاحظ اسم الآداة بالأصفر واسم السطر بالاحمر نريد ان نضيف الكود فوق السطر الأحمر

<div class='cnmusidebartabs'>
<script type='text/javascript'>
jQuery(document).ready(function($){
$(&quot;.tabs-widget-content-widget-themater_tabs-1432447472-id&quot;).hide();
$(&quot;ul.tabs-widget-widget-themater_tabs-1432447472-id li:first a&quot;).addClass(&quot;tabs-widget-current&quot;).show();
$(&quot;.tabs-widget-content-widget-themater_tabs-1432447472-id:first&quot;).show();
$(&quot;ul.tabs-widget-widget-themater_tabs-1432447472-id li a&quot;).click(function() {
$(&quot;ul.tabs-widget-widget-themater_tabs-1432447472-id li a&quot;).removeClass(&quot;tabs-widget-current a&quot;);
$(this).addClass(&quot;tabs-widget-current&quot;);
$(&quot;.tabs-widget-content-widget-themater_tabs-1432447472-id&quot;).hide();
var activeTab = $(this).attr(&quot;href&quot;);
$(activeTab).fadeIn();
return false;
});
});
</script>
<ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
<li id='cnmustab1'><a href='#widget-themater_tabs-1432447472-id1'>شائعة</a></li>
<li id='cnmustab2'><a href='#widget-themater_tabs-1432447472-id2'>تعليقات</a></li>
<li id='cnmustab3'><a href='#widget-themater_tabs-1432447472-id3'>تسميات</a></li>
</ul>

<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id1'>
<b:section class='sidebar' id='sidebartab1' maxwidgets='1' preferred='yes'/>
</div>                          
                              
<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id2'>
<b:section class='sidebar' id='sidebartab2' maxwidgets='1' preferred='yes'/>
</div>                          
                              
<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id3'>
<b:section class='sidebar' id='sidebartab3' maxwidgets='1' preferred='yes'/>
</div>
<div style='clear: both;'/>
</div>

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

آخر التعليقات بإعدادات مختلفة

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

<style type="text/css">
.latest_recent_comments {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.latest_recent_comments li {
  border-bottom: 1px dashed #ddd;
  display: block;
  float: right;
  padding: 8px 0;
  width: 100%;
}
.avatarImage {
  display: block;
  float: right;
  margin-left: 5px;
}
.avatarImage img {
  background-color: #fff;
  box-shadow: 0 0 1px #444;
  padding: 3px;
}
.avatarRound img{border-radius:100%;}
.latest_recent_comments a {
  background-color: #444;
  color: #fff;
  display: inline-block;
  float: right;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  padding: 0 8px;
  text-align: center;
  text-decoration: none;
}
.latest_recent_comments span {
  color: #444;
  display: block;
  float: right;
  font: 12px/1.4em tahoma;
  padding: 5px 2px 0 0;
  text-align: right;
}
.latest_recent_comments span a {
  background-color: transparent;
  color: #000;
  display: inline-block;
  float: left;
  font: 12px tahoma;
  height: auto;
}
</style>
<script type="text/javascript">
//<![CDATA[
var numComments  = 10,
showAvatar  = true,
avatarSize  = 50,
roundAvatar = false,
characters  = 30,
showMorelink = true,
moreLinktext = "المزيد »",
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;

//contenue
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('6 E=E||5,7=7||1D,w=w||1z,k=k||"m://1x.P.g/1s/?d=1d",C=C||" 1c &1b;",u=(q u===\'r\')?h:u,y=(q y===\'r\')?U:y,j=(q j===\'r\')?h:j,I=(q I===\'r\')?U:j;1a 11(H){6 8;8=\'<N A="11">\';G(6 i=0;i<E;i++){6 o,z,2,n;3(i==H.10.b.p)18;8+="<M>";6 b=H.10.b[i];G(6 l=0;l<b.B.p;l++){3(b.B[l].17==\'16\'){o=b.B[l].F}}G(6 a=0;a<b.D.p;a++){z=b.D[a].15.$t;2=b.D[a].1n$14.X}3(2.f("/Z/")!=-1){2=2.v("/Z/","/s"+7+"-c/")}e 3(2.f("/T/")!=-1){2=2.v("/T/","/s"+7+"-c/")}e 3(2.f("/Q-c/")!=-1&&2.f("m:")!=0){2="m:"+2.v("/Q-c/","/s"+7+"-c/")}e 3(2.f("K.g/x/19-Y.J")!=-1){2="m://1.12.V.g/-1e/1f/1g/1h-1i/s"+7+"/1j.S"}e 3(2.f("K.g/x/1k-Y.J")!=-1){2="m://4.12.V.g/-1l/1m/13/1o/s"+7+"/1p.S"}e 3(2.f("K.g/x/1q.J")!=-1){3(k.f("P.g")!=-1){2=k+"&s="+7}e{2=k}}e{2=2}3(u==h){3(j==h){n="1r"}e{n=""}8+="<R A=\\"1t "+n+"\\"><x A=\\""+n+"\\" X=\\""+2+"\\" 1u=\\""+z+"\\" 1v=\\""+7+"\\" 1w=\\""+7+"\\"/></R>"}8+="<a F=\\""+o+"\\">"+z+"</a>";6 O=b.1y.$t;6 9=O.v(/(<([^>]+)>)/1A,"");3(9!=""&&9.p>w){9=9.1B(0,w);9+="&1C;";3(y==h){9+="<a F=\\""+o+"\\">"+C+"</a>"}}e{9=9}8+="<W>"+9+"</W>";8+="</M>"}8+=\'</N>\';6 L="";3(I==h){L="1E:1F;"}8+="";1G.1H(8)}',62,106,'||authorAvatar|if|||var|avatarSize|commentsHtml|commBody||entry|||else|indexOf|com|true||roundAvatar|defaultAvatar||http|avatarClass|commentlink|length|typeof|undefined|||showAvatar|replace|characters|img|showMorelink|authorName|class|link|moreLinktext|author|numComments|href|for|md|hideCredits|gif|blogblog|hideCSS|li|ul|commHTML|gravatar|s512|div|png|s220|false|blogspot|span|src|rounded|s1600|feed|latest_recent_comments|bp|AAAAAAAACsg|image|name|alternate|rel|break|b16|function|raquo|More|mm|NAMZejK41So|T0evV0_SSUI|AAAAAAAACso|ol6|PKkZipA|md_blogger_logo|openid16|k0U7v1WpNRs|T0euKMHQi_I|gd|DNqzinhvxt4|md_openid_logo|blank|avatarRound|avatar|avatarImage|alt|width|height|www|content|40|ig|substring|hellip|60|display|none|document|write'.split('|'),0,{}))
//]]>
</script>
<script type="text/javascript" src="http://cnmu.blogspot.com/feeds/comments/default?alt=json&callback=latest_recent_comments&max-results=24"></script>

إعدادات

استبدل http://cnmu.blogspot.com  رابط مدونتك
استبدل الرقم 10 بعدد التعليقات التي ستظهر
استبدل الرقم 50 بحجم الصورة المناسب
استبدل الرقم 30 بعدد الحروف التي ستظهر من التعليق
استبدل true  بـ false أن لم ترد ظهور صورة المعلق
استبدل false بـ true ان اردت الصور تكون مستديرة
استبدل true بـ false ان اردت ان تخفي كلمة المزيد او استبدل الكلمة نفسها بتعديلها
استبدل هذا اللون #444 باى لتغيير لون خلفية اسم المعلق

وفي النهاية أود معرفة رايكم في المظهر الجديد

وهل هو أفضل أم القديم

مجموعة كاملة من أدوات سيو للمدونين

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

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

ما هو SmallSeoTools

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



1. Plagiarism checker

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


2. Keyword Rank Checker

هذه الأداة سوف تُساعدك في معرفة ترتيب مواضيع مدونتك في جوجل من خلال الكلمات الرئيسية, بحيث يمكنك معرفة و تحليل مواضيعك بشكل جيد في محرك البحث الامثل جوجل. كل ما عليك فعله كتابة رابط المدونة الخاص بك, و إدخال الكلمات التي تستهدفها ( فقط كتابة 5 كلمات رئيسية في كل مرة) بعدها سوف يظهر لك الترتيب الخاص بك في جوجل. ايضاً يمكنك إضافة التصنيفات الخاصة بكل بلد مثل www.google.com.eg


3. Alexa Rank Checker

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


4. Domain Authority Checker

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

ننصحك بالإطلاع على: ما هو البيج اثورتي و لماذا هو افضل من البيج رانك


5. Keyword Suggestions Tool

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


6. Grammar Checker Tool

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


7. Broken Link Checker

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


الأدوات الأخرى من SmallSeoTools التي تستحق التجربة و هي:

1. What is my IP
2. Class c IP Checker
3. Domain Age checker

لمزيد من الأدوات قم بزيارة الصفحة الرئيسية الخاصة بالموقع.

تجربتي مع الموقع

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

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

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

الجميع واجه مشكلة تغير رابط مدونته على حسب بلد الزائر بحيث اصحب يُضاف 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 مرى اخرى

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

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

تحديث بلوجر الجديد الذي دمر مستقبل جميع المدونين - صراحةً لا اعرف من اين ابدأ و ماذا اقول و صورة الموضوع تُعبر عن حالتي الان او عن ماذا اتكلم ولكني صُدِمت صَدمة العمر و هو بسبب التحديث الجديد الذي يقوم بتغيير نطاق مدونتك على حسب بلد الزائر مثال عن الروابط

- رابط المدونة الاصلي http://mudwnp.blogspot.com/
- عندما يتم الزيارة من مصر سوف يصبح هكذا http://mudwnp.blogspot.com.eg
- عندما يتم الزيارة من فلسطين سوف يصبح هكذا http://mudwnp.blogspot.com.ps

الان ترتيب مدونتي 99 ألف على العالم و 1700 على مصر و بيج اثورتي 42

الان إذا تم زيارة المدونة من الدول العربية سوف يتغير نهاية النطاق على حسب البلد و هذا معناه اصبح ترتيب المدونة لا شيء

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

هناك مدونات تغير النطاق الخاص بها و هناك مدونات لا و لكنه قريباً سوف يتم تغيير جميع النطاقات الخاصة بالمدونات التي على دومين مجاني

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

قالب Invert Grid معرب

قالب Invert Grid معرب - كالعادة في مدون محترف نبحث عن افضل قوالب بلوجر و نقوم بتعريبها 

و دائماً نحاول التنوع بالقوالب حتى تُناسب أذواق الكل و قالب اليوم مُصمم بتصميم شبكي 

و ألوان هادئة و مُريحة للعين و المميز في القالب إنه مُدعم بأكواد سيو و صديق لمحركات البحث 

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

معاينة تحميل

مميزات القالب

1. مُتجاوب مع جميع الشاشات
2. صديق لمُحركات البحث
3. صفحة خطأ
4. صفحة اتصل بنا
5. صفحة الفهرس
6. مشاركات بمظهر شبكي
7. سلايدر في الرئيسية
8. أماكن للإعلانات متجاوبة
9. أداة مواضيع عشوائية
10. أداة اخر المعلقين
11. مواضيع ذات صلة
12. صندوق النشرة البريدية
13. تعريف الكاتب
14. محرك بحث في الهيدر
15. فوتر بثلاث اعمدة
16. اضافة ازرار المعاينة و التحميل
17. اضافة جدول داخل المواضيع
18. ازرار المشاركة داخل المواضيع
19. قائمة رئيسية علوية متجاوبة
20. قائمة فرعية متجاوبة

       و المزيد .......


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