ادوات هامه للفوتوشوب يجب تحميلها للمساعده فى الفوتوشوب

فى البداية احببت ان ابدأ بموقع freepik و هو عن صدق من اكبر المواقع التى يمكنك ان تجد عليها الكثير من الاشياء و خاصةالفيكتور ارت التى يمكنك التعديل عليها و ملفات PSD و الخطوط و الايقونات و يعتبر موقع freepikk بختصار هو لتحميل الاعمال الجاهزة للتعديل عليها او دمجها مع تصميمك و يمكنك ايضاً الحصول على الكثير من رسومات الفيكتور لتصميمك و غيره و ايضاً يوجد عددة اقسام فى الموقع يمكنك اختيار ما تريده

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

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

موقع behance الشهير لعرض جميع مشاريع و اعمال المصممين حول العالم الخاص بشركة ادوب يمكنك تحميل منها الكثير من الادوات الرائعة مثل الخطوط و الموك اب و فيكتور و اشياء كثيرة و لكن بطريقة غير مباشرة ولا يعرفها معظمنا كـعرب للأسف يتم رفعها من قبل مصممين هما قامو بتصمميها و طرحها بالمجان و لكن كيف الاستفادة من هذا و تحميل ما تريد

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

افضل المواقع لتحميل خطوط الفوتوشوب عربية وانجليزية

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

موقع  dafont

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

موقع 1001fonts

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

موقع brushez

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

موقع arfonts

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

بدون اى مقدمات هذه بعض المواقع العربية الاخرى التى يمكنك تحميل منها خطوط الفوتوشوب :

arafonts

hawanaajd

cooltext

هذه تعتبر افضل المواقع لتحميل خطوط الفوتوشوب المجانية .

موقع عربى لتحليل المواقع و السيو لموقعك

موقع عربى لتحليل المواقع و السيو لموقعك

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

موقع arseo تحليل سيو الموقع ؟

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

اولاً : قم بالدخول الى موقع arseo.co و سوف يكون الموقع امامك بسيط للغاية لا يحتاج الى شرح فقط قم بأدخال رابط المدونة او الموقع الخاص بك و انتظر حتى يقوم بالتحليل و الفحص

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

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

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

انشاء مدونة ووردبريس على استضافة مجانيةانشاء مدونة ووردبريس على استضافة مجانية

انشاء مدونة ووردبريس على استضافة مجانية

بسم الله الرحمن الرحيم 

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

ما هو الووردبريس

الووردبريس هى منصة مدونة مثل بلوجر تماماً يمكنك انشاء مدونة و تقوم برفع عليها كل ما تريد من مواقع اخبارية و مواقع تعليمية او معرض صور او خلافه من المواقع الكثيرة الذى تريد ان تنشاء .

كيف يمكننى انشاء مدونة ووردبريس 

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

هل يمكننى بالفعل انشاء مدونة 

ان الامر سهل للغاية اذا اتبعت الفيديو كما هو موضح لديك ان الشرح تقريباً 45 دقيقة كاملة اوضح لك كيف انشاء مدونة ووردبريس من البداية للنهاية بدون اى فواصل او اى شىء .

هل يمكننى انشاء اكثر من مدونة ووردبريس على نفس الاستضافة

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

انشاء ووردبريس على استضافة مجانية 

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

الروابط و البرامج الذى سوف تحتاج لها 

• تحميل ووردبريس عربى اخر اصدار
• الاستضافة المجانية
• تحميل برنامج فايل زيلا FileZilla
• تحميل برنامج Notepad++ لتحرير الملفات
• اضافة الووردبريس للسيو seo

اضافة فهرس جميل ورائع للمدونة و الموقع

اضافة فهرس جميل ورائع للمدونة والموقع 

اضافة فهرس جميل ورائع للمدونة و الموقع

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

الصفحات - صفحة جديدة - بدل الخيار الى HTML

 وضع الكود التالي مع تغيير الرابط

 <div dir="rtl" style="text-align: right;" trbidi="on">
<style scoped="" type="text/css">
#toc-outer {
  color:black;
  font:normal 11px/15px Arial,Sans-Serif;
  height:auto;
  margin:0 auto;
  overflow:hidden;
  padding:0;
  text-align:right;
}
#loadingscript {
  padding:0px 0px;
  height:37px;
  text-indent:-9999px;
  color:transparent;
  background:white url('data:image/gif;base64,R0lGODlhEAALALMMAOXp8a2503CHtOrt9L3G2+Dl7vL0+J6sy4yew1Jvp/T2+e/y9v///wAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCwAMACwAAAAAEAALAAAEK5DJSau91KxlpObepinKIi2kyaAlq7pnCq9p3NZ0aW/47H4dBjAEwhiPlAgAIfkECQsADAAsAAAAAAQACwAABA9QpCQRmhbflPnu4HdJVAQAIfkECQsADAAsAAAAABAACwAABDKQySlSEnOGc4JMCJJk0kEQxxeOpImqIsm4KQPG7VnfbEbDvcnPtpINebJNByiTVS6yCAAh+QQJCwAMACwAAAAAEAALAAAEPpDJSaVISVQWzglSgiAJUBSAdBDEEY5JMQyFyrqMSMq03b67WY2x+uVgvGERp4sJfUyYCQUFJjadj3WzuWQiACH5BAkLAAwALAAAAAAQAAsAAAQ9kMlJq73hnGDWMhJQFIB0EMSxKMoiFcNQmKjKugws0+navrEZ49S7AXfDmg+nExIPnU9oVEqmLpXMBouNAAAh+QQFCwAMACwAAAAAEAALAAAEM5DJSau91KxlpOYSUBTAoiiLZKJSMQzFmjJy+8bnXDMuvO89HIuWs8E+HQYyNAJgntBKBAAh+QQFFAAMACwMAAIABAAHAAAEDNCsJZWaFt+V+ZVUBAA7') no-repeat 50% 50%;
}
.itemposts {
    float: right;
    height: auto;
    overflow: hidden;
    width: 47%;
    box-shadow: 1px 1px 5px #C3C3C3;
    background: none repeat scroll 0% 0% #F9F9F9;
    border: 1px solid #FFF;
    margin: 3px 5px 8px;
    padding: 0px 3px;
}
.itemposts h6 {
    border-bottom: 1px solid #CCC;
    color: #333;
    height: 15px;
    overflow: hidden;
    text-transform: none;
    margin: 0px 0px 5px;
    padding: 2px 6px !important;
    font:bold 13px GE SS two medium;
}
.itemposts h6 a:hover {
  color:#38f;
  text-decoration:none;
}
.itemposts img {
  background-color:#fff;
  border:1px solid #ccc;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  float:right;
  height:65px;
  margin:0 0 5px 7px;
  padding:3px;
  width:65px;
  z-indent:99999px;
}
.itemposts .iteminside {
  font-family: GE SS two medium;
}
  
.itemposts .itemfoot {
    border-top: 1px solid #CCC;
    clear: both;
    overflow: hidden;
    padding: 4px 5px;
    font:12px GE SS two medium;
}
.itemposts .itemfoot a.itemrmore {
  color:#333;
  float:left;
  font-weight:bold;
  text-decoration:none;
}
.itemposts .itemfoot a.itemrmore:hover {text-decoration:underline}
#itempager {
  clear:both;
  padding:10px 0;
}
#pagination,
#totalposts {
  color:#000;
  display:block;
  font:12px GE SS two medium;
  margin-bottom:10px;
  text-align:center;
  padding:0;
}
#pagination span, #pagination a {
    color: #FFF;
    display: inline;
    margin: 0px 1px;
    padding: 2px 5px;
    text-indent: 0px;
    background-color: #068BC9;
    background-image: linear-gradient(#768BA9 0%, #6A86BF 50%, #43607C 51%);
    border: 1px solid #000000;
    text-decoration: none;
    border-radius: 0px;
}
#pagination a:hover {background-color:#333}
#pagination span.actual {background-color:black}
#pagination span.hidden {display:none}</style>
<script>
var showPostDate   = true,
    showComments   = true,
    idMode         = true,
    sortByLabel    = false,
    labelSorter    = "JQuery",
    loadingText    = "Loading...",
    totalPostLabel = "عدد المواضيع:",
    jumpPageLabel  = "الصفحة",
    commentsLabel  = "التعليقات",
    rmoreText      = "اكمل الموضوع &#9658;",
    prevText       = "السابق",
    nextText       = "التالي",
    siteUrl        = "http://www.elhrm4.com",
    postPerPage   = 6,
    numChars       = 150,
    imgBlank       = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC";
</script>
<script src="http://yourjavascript.com/1183493241/rifan-pagination.js"></script></div>

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

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

=============================================

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

الكود

<script>
$(document).ready(function(){
        $(&quot;div.post-info2&quot;).replaceWith($(&quot;div.post-info&quot;));
        $(&quot;div.cn1gk-links2&quot;).replaceWith($(&quot;div.cn1gk-links&quot;));
});
</script>
<script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'/>
<script>
$.each($(&#39;a[name]&#39;), function(i, e) {
 var elem = $(e).parent().find(&#39;#postviews,#cn1gkviews&#39;).addClass(&#39;mbtloading&#39;);
 var blogStats = new Firebase(&quot;https://cn1gk.firebaseio.com/pages/id/&quot; + $(e).attr(&#39;name&#39;));
 blogStats.once(&#39;value&#39;, function(snapshot) {
  var data = snapshot.val();
  var isnew = false;
  if (data == null) {
   data = {};
   data.value = 0;
   data.url = window.location.href;
   data.id = $(e).attr(&#39;name&#39;);
   isnew = true;
  }
  elem.removeClass(&#39;mbtloading&#39;).text(data.value);
  data.value++;
  if (window.location.pathname != &#39;/&#39;) {
   if (isnew) {blogStats.set(data);}
   else
            blogStats.child(&#39;value&#39;).set(data.value);
  }
 });
});
</script>
<style>
.sideinfo .widget{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiapzwlLw1040g_y_kA5KQPD_aIx-EE0RNEDXg4NQYnbYC9yTEOfJk5M5dufoo3XS1-PdFnW8d_LdBwcv8XeP3kfyLTPPCeNtyY7TLrWHHclads1KlwBfJUCdRbfWCL_XIToj6vgQHZHVtw/s1600/tr.png) no-repeat !important;transition: box-shadow .25s;border-radius: 2px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);background-color: #fbfbfb !important;background-size: cover !important;background-attachment: fixed !important;margin-left: 0px;}#post_media_permalink_container {margin: -70px -10px 0px 0px;padding: 0;position: relative;width: 102%;height: 599px;background: #F9F9F9;overflow: hidden;background-repeat: no-repeat;background-size: cover;}.post_media_permalink {top: 0;left: 0;width: 100%;height: 100%;background-size: cover !important; opacity: 1;background-position: 0px 0px;background-repeat: no-repeat;position: relative;}.post_media_permalink img {filter: blur(10px);-webkit-filter: blur(6px);-moz-filter: blur(10px);-o-filter: blur(10px);-ms-filter: blur(10px);filter: url(https://googledrive.com/host/0BzhmjN6UOoj5MTV3d0NwaUJHVHc?dl=1#blur);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=&#39;10&#39;);background-repeat: no-repeat;}.demo:hover,.download1:hover,.download:hover {background:rgba(0, 0, 0, 0.6);text-shadow:0 0 1px #222;color:#fff;}.button{float:right;list-style:none;text-align:center;width:95%;margin:10px;padding:2px;font-size:14px;clear:both;-webkit-box-reflect:below -3px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(75%,transparent),to(rgba(255,255,255,0.4)))}.button ul {margin:0;padding:0}.button li{display:inline;margin:0;padding:0}.demo {opacity:1;padding:5px 14px!important;background:#9eb2c0;color:#fff!important;font-weight:400;font-size:14px;text-align:center;text-transform:uppercase;transition:background-color 1s 0s ease-out;text-decoration: none!important;}.download {opacity:1;padding:5px 14px!important;background:#fe4e3f;color:#fff!important;font-weight:400;font-size:14px;text-align:center;text-transform:uppercase;transition:background-color 1s 0s ease-out;    text-decoration: none!important;}.demo:before {content: &#39;\f06e&#39;;display: inline-block;margin-left: 5px;width: 16px;height: 31px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -14px;padding-bottom: 8px;padding-left: 20px;padding-right: 7px;}.download:before {content:&#39;\f019&#39;;display: inline-block;margin-left: 5px;width: 16px;height: 31px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -14px;padding-bottom: 8px;padding-left: 20px;padding-right: 7px;}.download1 {opacity:1;padding:5px 14px!important;background:#3FA2FE;color:#fff!important;font-weight:400;font-size:14px;text-align:center;text-transform:uppercase;transition:background-color 1s 0s ease-out;text-decoration: none!important;}.download1:before {content:&#39;\f019&#39;;display:inline-block;margin-left:5px;width:16px;height:31px;line-height:24px;color:#fff;font-family:fontawesome;transition:all 0.5s ease-in-out;padding:3px;background:rgba(0, 0, 0, 0.2)padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -14px;padding-bottom: 8px;padding-left: 20px;padding-right: 7px;}.cn1gk-links {clear: both;margin-bottom: 15px;}.cn1gk-links a {display: block;overflow: hidden;margin-bottom: -15px;white-space: nowrap;text-align: center;position: relative;height: 60px;line-height: 60px;padding: 0 30px;color: #fff;    text-transform: uppercase;font-weight: bold;text-decoration: none!important;border-radius: 2px!important;}.cn1gk-links a:before {display: inline;font: normal normal normal 14px/1 FontAwesome;vertical-align: middle;position: absolute;left: 50%;width: 20px;height: 20px;margin-left: -10px;top: 50%;margin-top: -10px;opacity: 0;-webkit-transform: scale(10);-moz-transform: scale(10);-o-transform: scale(10);-ms-transform: scale(10);color: #FFF;font-size: 20px;}.cn1gk-links a:hover:before {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transition: all .2s ease;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;-ms-transition: all .2s ease;}a.download2 {background-color: #fe4e3f;}a.download3 {background-color:#3FA2FE;}a.demo1 {background-color: #9A9898;}a.buy {background-color: #FFCD3F;}a.link {background-color: #6E7784;}.cn1gk-links.download2:hover{background-color: #F54C3E;color:#fff}.cn1gk-links .download2:before {content: &#39;\f0ed&#39;;}.cn1gk-links .download3:hover{background-color: #4399CD;color:#fff}.cn1gk-links .buy:hover{background-color: #F9C83D;color:#fff}.cn1gk-links .link:hover{background-color: #616975;color:#fff}.cn1gk-links .download3:before {content: &#39;\f0ed&#39;;}.cn1gk-links .link:before {content: &#39;\f0c1&#39;;}.cn1gk-links .demo1:before {content: &#39;\f135&#39;;}.cn1gk-links .buy:before {content: &#39;\f09d&#39;;}.cn1gk-links .trial:before {content: &quot;\f20a&quot;;}.fa-cc:before {content: &quot;\f20a&quot;;}.cn1gk-links a span {white-space: nowrap;overflow: hidden;display: block;}.cn1gk-links a:hover span {display: none;}.cn1gk-links a:hover {background-color: #848181;color: #FFF;}.cn1gk-links a:hover span {color: #FFF;}.temp-ftr {position: relative;font-size: 13.5px;}.temp-ftr ul{list-style:none;}.temp-ftr li{    white-space: nowrap;border: 1px solid #EAE9E9;padding: 10px;margin: 0;    border-bottom: none;}.temp-ftr li:last-child{border-top: 1px solid #EFEFEF; border-bottom: 1px solid #EFEFEF;}.temp-ftr li i{border-left: 1px solid #ddd;padding-left: 7px;margin-left: 5px;color: #ddd;width: 21px;text-align: center;}.temp-ftr li:hover{cursor:pointer;}.temp-ftr li:nth-child(2n+2){background-color:#f9f9f9;    border-bottom: none;}.temp-ftr li:hover .fa-check{color:#61a136;}.temp-ftr li:hover .fa-tasks{color:#e84c4a;}.temp-ftr a{line-height: 0!important;background: none!important;color: #448AFF;overflow: visible!important;padding: 0!important;margin: 0!important;text-align: initial;height: 0!important;font-weight: normal;display: inline-table;font-family: tahoma;}.temp-ftr li:hover .fa-copyright,.temp-ftr li:hover .fa-cc,.temp-ftr li:hover .fa-file-image-o,.temp-ftr li:hover .fa-folder-o {color: #ddd;}.temp-ftr a:hover,.temp-ftr li:hover .fa-file-archive-o{color: #3F80EC;}.post-info &gt; div &gt; span.post-tags, .post-info &gt; div &gt; span.post-author, .post-info &gt; div &gt; span.post-timestamp, .post-info &gt; div &gt; span.post-comment-cnt , .post-info &gt; div &gt; span.post-broken,.post-info &gt; div &gt; span.post-disqus-cnt{display: block;float: none;clear: both;min-height: 32px;margin-bottom: 4px;background: rgba(245, 244, 244, 0.7);font-size: 13px;}.post-inf &gt; div &gt; span.post-tag, .post-inf &gt; div &gt; span.post-autho, .post-inf &gt; div &gt; span.post-timestam, .post-inf &gt; div &gt; span.post-comment-cn , .post-inf &gt; div &gt; span.post-broke {display: block;float: none;clear: both;min-height: 32px;margin-bottom: 4px;background: #EBEBEB;font-size: 13px;}.post-inf &gt; div a {color: #408696;}.post-inf &gt; div &gt; span .fa {width: 32px;height: 32px;color: #FFF;text-align: center;font-size: 22px;margin-left: 10px;padding-top: 5px;vertical-align: middle;}.post-inf &gt; div &gt; span .fa-file-archive-o {background: #E92648;}.post-inf &gt; div &gt; span .fa-tachometer {background: orange;}.post-inf &gt; div &gt; span .fa-copyright {background: #12ACE0;}.post-inf &gt; div &gt; span .fa-toggle-off {background: #514069;}.col-tag {display: none;}.post-info &gt; div a {color: #408696;}.post-info &gt; div &gt; span .fa {width: 32px;height: 32px;color: #FFF;text-align: center;font-size: 22px;margin-left: 10px;padding-top: 9px;vertical-align: middle;}.post-info &gt; div &gt; span .fa-calendar {background: #7F93A2;padding: 9px 0px 0px 0px;}.post-info &gt; div &gt; span .fa-comment {background: orange;}.post-info &gt; div &gt; span .fa-comment-o {background: #4d90fe;}.post-info &gt; div &gt; span .fa-user {background: #E55048;}.post-info &gt; div &gt; span .fa-tags {background: #81e058;}.post-info &gt; div &gt; span .fa-eye {background: #0ebeff;}.post-info &gt; div &gt; span .fa-link {background: #974EE5;}.post-info &gt; div &gt; span .fa-chain-broken {background: #fcd000;}#views-container{display: inline-block;}.post-timestamp {margin-right: 0em;}.cn1gk-links a:hover {color: rgba(0, 0, 0, 0) !important;}.cn1gk-links a:hover:before {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transition: all .2s ease;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;-ms-transition: all .2s ease;}.cn1gk-links .link:before {content: &#39;\f0c1&#39;;}.cn1gk-links a:before {display: inline;font: normal normal normal 14px/1 FontAwesome;vertical-align: middle;position: absolute;left: 50%;width: 20px;height: 20px;margin-left: -10px;top: 50%;margin-top: -10px;opacity: 0;-webkit-transform: scale(10);-moz-transform: scale(10);-o-transform: scale(10);-ms-transform: scale(10);color: #FFF;font-size: 20px;}.cn1gk-postinfo{background: #FFF;border: 1px solid #E7E7E7;color: #555;display: block;max-width: 47%;text-align: right;height: 250px;margin-top: 20px;margin-right: 7px;}.cn1gk-postinfo {max-width: 100%;width:initial;margin-right:0;border: none;border-bottom: 1px solid #F5F5F5;}
</style>

الان ابحث عن كود السايد بار غالبا ما يكون بهذا الشكل <div id='sidebar-wrapper'>
واضف الكود التالى بعدة مباشرةً

الكود

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <b:section class='sideinfo' id='sideinfo' showaddelement='yes'>
    <b:widget id='HTML998' locked='false' title='معلومات التدوينة' type='HTML' version='1' visible='true'>
      <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
<div class='post-info2'/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
    </b:widget>
    <b:widget id='HTML997' locked='false' title='post tools' type='HTML' version='1' visible='true'>
      <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <div class='widget-content'>
    <div class='cn1gk-links2'/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
    </b:widget>
  </b:section>
    </b:if>

الان ابحث عن <div class='post-header'>

*ملحوظة: سوف تجد اكثر من واحد غالبا الثانى او الاخير هو المطلوب لذلك ان لم تنجح فى المرة الاولى حاول فى الباقى
واضف الكود التالى بعدة مباشرةً

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='display:none;'>
<div class='post-info' id='new-post-info'>
<div class='cl-item-page' id='fixe-cn1gk'>
<span class='post-comment-cnt vcard'><i class='fa fa-comment'>
</i>التعليقات : <data:post.numComments/></span>
<span class='post-author vcard'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<i class='fa fa-user'>
</i>الكاتب : 
<span itemprop='name'><data:post.author/></span>
</span>
</span>
<span class='post-timestamp'>
<i class='fa fa-calendar'>
</i>التاريخ:
<data:post.timestamp/>
</span>
<span class='post-comment-link'>
</span>
<span class='post-tags'>
<i class='fa fa-tags'>
</i>التسميات:
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a class='first' expr:href='data:label.url + &quot;?max-results=8&quot;' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'>&#1548;</b:if>
</b:loop>
</b:if>
</span>
<span class='post-comment-cnt'><i class='fa fa-eye'/>
عدد المشاهدات : <div id='views-container'>
<span class='views-icon'/>
<div class='views-text'/>
  <span class='mbt-loading viewscount' id='postviews'/>
</div></span>
<span class='post-broken'><i class='fa fa-chain-broken'>
</i>قم بالابلاغ عن رابط معطوب<a href='http://www.cn1gk.com/p/chat.html' style='color #F56C27;text-decoration: underline;padding: 3px;font-size: 11px;' target='_blank'>هنا</a></span>
<span class='post-instructions'><i class='fa fa-link'>
</i>سياسة الخصوصية <a href='http://www.cn1gk.com/p/blog-page_57.html' style='color #F56C27;text-decoration: underline;padding: 3px;font-size: 11px;' target='_blank'>هنا</a></span>
<span class='post-icons'>
</span>
  </div></div></div>
</b:if>

احفظ القالب

الطريقة الصحيحة لإضافة وإستخدام خاصية إقرأ المزيد

 الطريقة الصحيحة لإضافة وإستخدام خاصية إقرأ المزيد

السلام عليكم ورحمة الله تعالى وبركاته 

الحمد لله والصلاة والسلام على رسول الله





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



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

اختر  القالب ومن ثم تحرير

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

لجعل الصورة على اليمين ركب هذا الكود

رمز Code:

لجعل الصورة على اليسار ركب هذا الكود

رمز Code:

لجعل الصورة في الوسط ركب هذا الكود

رمز Code:

مع الوضع في الإعتبار أن

summary_noimg = 250; عدد الأحرف الظاهرة إن لم تكن هناك صورة
summary_img = 200; عدد الأحرف الظاهرة مع وجود صورة

img_thumb_height = 150; إرتفاع الصورة
img_thumb_width = 150; عرض الصورة

ثم نبحث هذا الكود
و نستبدله بالتالي

رمز Code:

 











إقرأ المزيد

وقم بتغيير left الي right إن أردت جعل كلمة إقرا المزيد على اليمين
ويمكن إستبدالها بصورة
بوضع الكود التالي بدلامن كلمة إقرأ المزيد



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

رمز Code: