إضافة مواضيع ذات صلة مع تأثير التلميحات

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: right;"><img alt=" Related Posts blogger Widget With Tooltips" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFd-1QP9alwdSOCu4pkTQKcuC0gwvCDtkL7R9QXI1LmDCDusIAYJ4QOAmj8mzOCbFCgyidGKK_IHM7ZzyzWz8H1ZPtsPV5Me7lN8ZrmGwa5dvTmKBLsFiUgQNgQ50aoq4rVs7rjrVvQGfC/s1600/relatip.jpg" title="أضف مواضيع ذات صلة بتأثير التلميحات" /></div>تتعدد إضافات مواضيع ذات صلة وكل منها له ما يميزه وهذه الإضافة حقاً مميزة فهي لا تاخذ حيز ويسهل التحكم بها وتم تنسيقها بشكل جميل وستضيف لمسه جمالية وفائدة الى مدونتك وأيضا سنتطرق لبعض التنسيقات عليها تجعلها أكثر تلائماً مع الوان قالبك وما يميز تلك الإضافة هو تاثير التلميحات أو ما يسمى بــ  <b>ToolTips</b> وهو أن الإضافة عبارة عن صور فقط وهكذا لا تشغل مكان كبير في القالب وعند تمرير الماوس يظهر تلميح بعنوان الموضوع لكن ملاحظة هناك من قد تعجبه هذه الإضافة وهو لديه إضافة أخرى لذا يجب عليه حذفها لسببين الاول حتى لا تسبب ثقل في التصفح والثاني لان أغلب إضافات مواضيع ذات صلة وسوم تنسيقها متشابهه وقد يحدث تلف في شكل الإضافتين والآن مع طريقة التركيب <br /><br /><a name="more"></a>قم بالدخول الى تحرير القالب ولا تنسى نسختك الإحتياطية ثم قم بتوسيع عناصر الستايل بالضغط على سهم التوسيع<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPGpFAmD-pS6fu9A_HIrhUm_CTeTRCMmB4PI6dqDeXURSjHfIc_TDcJ8-oF260im2NZeImwLKYz-niX-fXLrhOzETq2cYh7Y7oKPq0Iy9BUnMezOQvdUh1dCYmF9zr280yDxlnCYMhDiwG/s1600/tawse3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPGpFAmD-pS6fu9A_HIrhUm_CTeTRCMmB4PI6dqDeXURSjHfIc_TDcJ8-oF260im2NZeImwLKYz-niX-fXLrhOzETq2cYh7Y7oKPq0Iy9BUnMezOQvdUh1dCYmF9zr280yDxlnCYMhDiwG/s1600/tawse3.png" /></a><br /><div style="text-align: center;">ثم فوق الوسم <b> ]]></b:skin></b>  أضف الكود التالي</div><blockquote class="tr_bq">/* Related Posts Widget cnmu.blogspot.com<br />----------------------------------------------- */<br /><br />.related-post .post-thumbnail {<br /> z-index: 1;<br /> position: relative;<br /> width: <span style="color: blue;"><b>98</b></span>px;<br /> height: <span style="color: red;"><b>98</b></span>px;<br /> margin: 0;<br /> display: block;<br />box-shadow:none;<br />}<br />.related-post {<br /> float: right;<br /> position: relative;<br /> width: <span style="color: blue;"><b>98</b></span>px;<br /> height: <span style="color: red;"><b>98</b></span>px;<br /> margin: 4px 8px 6px 0;<br /> background: #fff;<br />padding:3px 0 3px 3px;<br />border:1px solid #000;<br /> }<br />.related-post .related-post-title {<br /> display: none;<br /> float: right;<br /> background:<b> #000</b>;<br /> color: <b>#fff</b>;<br />border:2px solid <b>#ccc</b>;<br />border-radius:4px;<br /> text-shadow: none;<br /> font-weight: bold;<br /> padding: 6px;<br /> position: absolute;<br /> top: -20px;<br /> right: -5px;<br /> z-index: 2;<br /> width: 110px;<br /> -webkit-box-shadow: 0 0 2px #444;<br /> -moz-box-shadow: 0 0 2px #444;<br /> box-shadow: 0 0 2px #444;<br />}<br />.related-post:hover .related-post-title {display: block;}<br />#related-posts h3 {background:<span style="color: #38761d;"><b>#ddd</b></span>; padding:4px 12px 4px 12px; color:<span style="color: #38761d;"><b>#000</b></span>; font-size:15px; font-weight:bold; display:inline; text-align:right; border:2px solid <span style="color: #38761d;"><b>#000</b></span>; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;float:right; margin:10px;}</blockquote><h4 style="text-align: right;">بعض التنسيقات :</h4>الرقم <span style="color: red;"><b>98</b></span> الاحمر عدله في المرتين لتغير ارتفاع الصور<br />الرقم <span style="color: blue;"><b>98</b></span> الأزرق عدله في المرتين أيضا لتغير عرض الصور<br />الثلاث الألوان المحدده في الأكواد التالية قم بتغييرها لتعديل الوان التلميحات<br /> background:<b> #000</b>; الخلفية<br /> color: <b>#fff</b>; لون الخط<br />border:2px solid <b>#ccc</b>; إطار التلميحات<br /><br /> وهذه الأكواد لتعديل الوان كلمة مواضيع ذات صلة<br />background:<span style="color: #38761d;"><b>#ddd</b></span>; الخلفية<br />color:<span style="color: #38761d;"><b>#000</b></span>  لون الخط<br />border:2px solid <span style="color: #38761d;"><b>#000</b></span>;  لون الإطار<br /><br /><div style="text-align: center;">ثم ننتقل للكود التالي</div><blockquote class="tr_bq"><b:if cond='data:blog.pageType == "item"'><br /> <div id='related-posts'><br />    <script type='text/javascript'>//<![CDATA[<br />    var ry='<h3><span style="color: red;">مواضيع ذات صلة</span></h3>';rn='<h3>   <span style="color: red;">لا يوجد مواضيع ذات صلة لهذه الفئة</span></h3>';rcomment='comments';rdisable='disable comments';commentYN='no';<br />    var dw='';titles=new Array();titlesNum=0;urls=new Array();timeR=new Array();thumb=new Array();commentsNum=new Array();comments=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];titles[titlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if('thr$total' in d){commentsNum[titlesNum]=d.thr$total.$t+' '+rcomment}else{commentsNum[titlesNum]=rdisable};if(d.link[a].rel=="alternate"){urls[titlesNum]=d.link[a].href;timeR[titlesNum]=d.published.$t;if('media$thumbnail' in d){thumb[titlesNum]=d.media$thumbnail.url}else{thumb[titlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZg5to5bWqJbwDY7p1ycdDiL-7RRLFSSpNlypAcR4tRHZGGNuhpPGlhNXPZJW-X7xhCEtMvxlRLLIYi4IBUp6OTjMqo-tOL4JBTySbziuu2wRxwbdrjXg-Dh_pBmGSCIGW7f4ZLjMiwKwO/'};titlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);c=new Array(0);e=new Array(0);f=new Array(0);g=new Array(0);for(var a=0;a<urls.length;a++){if(!contains(b,urls[a])){b.length+=1;b[b.length-1]=urls[a];c.length+=1;c[c.length-1]=titles[a];e.length+=1;e[e.length-1]=timeR[a];f.length+=1;f[f.length-1]=thumb[a];g.length+=1;g[g.length-1]=commentsNum[a]}}urls=b;titles=c;timeR=e;thumb=f;commentsNum=g}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){var y=a.indexOf('?m=0');if(y!=-1){a=a.replace(/\?m=0/g,'')}for(var b=0;b<urls.length;b++){if(urls[b]==a){urls.splice(b,1);titles.splice(b,1);timeR.splice(b,1);thumb.splice(b,1);commentsNum.splice(b,1)}}var c=Math.floor((titles.length-1)*Math.random());var b=0;if(titles.length==0){dw+=rn}else{dw+=ry;dw+='<div class="clear"/></div><ul>';while(b<titles.length&&b<20&&b<maxresults){if(y!=-1){urls[c]=urls[c]+'?m=0'}if(commentYN=='yes'){comments[c]=' - '+commentsNum[c]}else{comments[c]=''};dw+='<div class="related-post"><div class="related-post-title">'+titles[c]+'</div><a href="'+urls[c]+'" rel="nofollow"><img border="0" class="post-thumbnail" alt="'+titles[c]+'" src="'+thumb[c]+'"/></a></div></div>';if(c<titles.length-1){c++}else{c=0}b++}dw+='</ul>'};urls.splice(0,urls.length);titles.splice(0,titles.length);document.getElementById('related-posts').innerHTML=dw};<br />    //]]></script><br />    <b:loop values='data:post.labels' var='label'><br />    <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels"' type='text/javascript'/><br />    </b:loop><br />    <script type='text/javascript'>var maxresults=<span style="color: magenta;"><b>5</b></span>;removeRelatedDuplicates();printRelatedLabels('<data:post.url/>');</script><br /> </div><br />   </b:if><br />     <div class='clear'/></blockquote><div style="text-align: center;">يمكنك تعديل العبارات المحدده باللون الأحمر بعبارات أخرى<br />والرقم <span style="color: magenta;"><b>5</b></span> عدله لزيادة او إنقاص عدد المواضيع المعروضه </div><div style="text-align: center;"></div><div style="text-align: center;">وأضف الكود السابق تحت أحد الأكواد التالية </div><blockquote class="tr_bq"><span style="color: white;"><span style="background-color: blue;"><div class='post-footer'></span></span><br /><br /><span style="color: yellow;"><span style="background-color: red;"><div class='post-footer-line post-footer-line-1'/></span></span><br /><br /><span style="color: orange;"><span style="background-color: #38761d;"><div class='post-footer-line post-footer-line-2'/></span></span></blockquote><div style="text-align: center;"></div><div style="text-align: center;">ملاحظة في حالة عدم ظهور الإضافة فالسبب يكون أن الوسم متكرر في القالب أحدهم فعال وتظهر تحته الإضافة والآخر ليس كذلك وحينها تنقل الكود تحت الآخر وتركيب موفق بإذن الله </div><div style="text-align: center;"><br /></div></div>

إضافة مواضيع ذات صلة مع تأثير التلميحات

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

مزيد من المعلومات »

سباق الأرنب والسلحفاة على كن مدون

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: right;"><img alt="The Tortoise and the Hare" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI9EyMn8NmZQFBWKP2CAvPsD92E9u49qnINLm8-ypOJGtDJ3kNZ34oQcr5kviRxw7xDUmCAFDn1AzdXLkgWTIO3JidJ1C7kyGnOEDw6V1CRCXXEIdKSJlAOQxUbxnb8KA8b_sotiH74_SA/s1600/tvsr.gif" title="قصة الأرنب والسلحفاة" /></div>مرحباً بكل زوار ومتابعي سبيس توون <b>Spacetoon</b>  كن مدون سابقاً <b>^_^</b> أحببت أن أخرج قليلا من النمط المتتابع للمواضيع والتي تدور بين اضافات أو قوالب الخ وأحكي لكم حكاية ولا تقلقوا مازلنا كن مدون لم نغير الإسم المهم هذه الحكاية هي حكاية سباق الأرنب والسلحفاة وهي حكاية معروفة جدا وخصوصا لجيل <span style="color: blue;">كابتن ماجد</span> وانا منهم لكن ربما تكون مجهولة للجيل صغير السن جيل <span style="color: orange;">البحث عن نيمو</span> , ملخص الحكاية أنه حدث تحدي بين أرنب وسلحفاة لخوض سباق في الركد فقبل الأرنب وهو يعلم بفوزه لسرعته العالية وساخرا من السلحفاة تهاون في السباق وجلس يستجم تحت شجرة أثناء السباق وترك السلحفاة تجري وقال في نفسه بعد قليل أستطيع أن أبدأ في الركد وأحصل السلحفاة فأنا أسرع واقوى لكن غلبه النعاس واستيقظ على صوت صافرة اعلان فوز السلحفاة .<br />الى هنا انتهت القصة وبدأ موضوعنا<br /><br /><a name="more"></a><br /><h2 style="text-align: right;">كثير من المدونين اما ارانب واما سلاحف </h2><h4 style="text-align: right;"><span style="color: #0b5394;">الأرنب هو المدون الخبير الواثق بنفسه المتمكن من ما يكتب به لكنه كسول قليلاً</span></h4><h4 style="text-align: right;"><span style="color: #38761d;">والسلحفاه هو المدون قليل الخبرة ضعيف في الإبتكار لكنه مثابر ومجتهد </span></h4>كلا الفئتين لديهم مميزات ولديهم عيوب<br /><br /><span style="color: #0b5394;">فالأرنب أحيانا قد ينظر بتعالي للأمور التي حوله </span><br /><span style="color: #0b5394;">دائما ما يطمئن نفسه ويحدث نفسه بما لديه من خبره </span><br /><span style="color: #0b5394;">قد يشاهد من حوله يسبقه لكنه واثق من كونه يستطيع التحصيل والتفوق </span><br /><span style="color: #0b5394;">لكنه ينسى دائما أن هناك وقت يكون به الأوان فات ويجد احد السلاحف سبقه وتربع على عرش مجال كتابته </span><br /><br /><span style="color: #38761d;">السلحفاة مثابر برغم قلة خبرته لكنه نمطي في الآداء </span><br /><span style="color: #38761d;">أسلوبه ثابت لا يتطور بشكل جيد </span><br /><span style="color: #38761d;">يأمل في أن يصبح ناجحا ويعمل على ذلك لكنه ينسى انه قد يتم هدم كل ما يبنيه </span><br /><span style="color: #38761d;">إن أفاق أحد الارانب من ثباته وانطلق سيحصله ويقضي على كل آماله </span><br /><br />ووجود كلا الفئتين دون أن يتطورا يوثر سلبا في التدوين كيف ذلك؟<br /><br />قد يترك الأرنب الفرصة والمجال أمام السلحفاة ليتفوق عليه<br />ويصبح مدون غير كفؤ في مجاله لكنه متربع على العرش<br /><br />ونفس الشئ  قد يتباطئ السلحفاة كثيرا والارنب في نومه العميق<br />ويصبح محتوى التدوين ضعيف غير متجدد<br /><br />لهذا نحتاج سلاله جديدة سلاله تخلع درع السلحفاة الثقيل النمطي وتنطلق بإجتهادها بسرعة الأرنب وقوته , سلاله منتجه تضيف للمحتوى العربي وتطوره يجب ان تتوفر بها الصفات التالية<br />لكن قبل ذكر الصفات أحضرنا لكم صورة السلاله الجديدة حصرياً عندنا <span style="color: red;"><b>^_^</b></span><br /><div class="separator" style="clear: both; text-align: right;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYItCOoEbC8RSPIB3O0acf_EFB0vX4eavy-7MxSBc4pwTruGamUlVl0M4mZNyVppFSdAKzDHHYy13BwAaM7pryVoq6GUWYBi2X7osQJmct-aeg5QOv-dX_rZ-zPa_-cwcHf-5wgks7sB7s/s1600/tvsrn.gif" /></div><span id="goog_1240231411"></span><span id="goog_1240231412"></span><br />وهذه هي الصفات <br /><ul style="text-align: right;"><li><span style="color: #38761d;">الإستمرارية وعدم التوقف</span></li><li><span style="color: #38761d;">التحدي والتطوير المستمر</span></li><li><span style="color: #38761d;">تستخدم اسلوب وسطي في الكتابة</span></li></ul><span style="color: #674ea7;">بعيدا عن بعض أسلوب الأرانب المعقد , فبعض المدونين اصحاب الخبرات الواسعه يكون اسلوب كتابته صعب على المبتدئين , يفهمه المحترفين لكن الفئه الكبرى من المدونين يكونون مبتدئين ويصعب عليه فهم جميع المصطلحات يجب ان يتم مراعاة جميع الفئات عند الكتابة حتى يصل ما تقدمه للأكبر عدد</span><br /><span style="color: #674ea7;">وايضا نبتعد عن أسلوب بعض السلاحف فبعض المدونين المبتدئين يكون لديهم اسلوب كتابي ضعيف جدا ويكتبون في أشياء متكرره كتبت مئات المرات ان لم يكن هناك جديد فلا أكتب به ولكن ابحث عن شئ جديد اكتب به بالإضافة الى أن بعضهم يستخدم اللهجات في الكتابة وهذا يجعل من متابعيه فئه قليلة جدا يجب ان يتم استخدام اسلوب بقدر الإمكان قريب من اللغة العربية الفصيحة ليصل لأكبر فئة</span><br /><ul style="text-align: right;"><li><span style="color: #38761d;">واعلم أنك مهما بلغت من العلم ما زلت لا تعلم الكثير فلا تكف عن البحث وتعلم الجديد لتنقله لمتابعيك</span></li><li><span style="color: #38761d;">وأخيرا وأهم شئ أن تنظر دائما في المرآة </span></li></ul><span style="color: #cc0000;">ومرآة المدون هي زواره ومتابعيه هم من يرون نقاط القوة ونقاط الضعف في اسلوبه لذا لا تتردد في سؤال متابعيك وكن دائما متقبلا للنقد بصدر رحب وحاول تصحيح الاخطاء</span><br /><span style="color: #cc0000;">ولا أستطيع أن أكون مقدم نصائح دون أن أطبقها لذا اختم موضوعي برسالة لكم متابعينا الكرام</span><br /><ol style="text-align: right;"><li>أريد ان أعلم أى نوع من المواضيع يجتذبكم أكثر</li><li>هل ترون هذه الفئه من المواضيع التي تكون بعيدة عن الشروحات مفيده ام لا فائده منها</li><li>ما الاخطاء التي ترونها في المدونة وتحتاج تصحيح</li><li>ما الذي ترونه ينقص المدونة ويجب أن يضاف لها</li><li>ما النقاط التي تأخذونها في أسلوب كتابتي وتريدون مني تعديلها</li><li>وأى اقتراحات أو انتقادات أخرى انا مرحب بها تماما فلا تتردون في تنبيهي لها</li></ol><br /></div>

سباق الأرنب والسلحفاة على كن مدون

مرحباً بكل زوار ومتابعي سبيس توون Spacetoon   كن مدون سابقاً ^_^ أحببت أن أخرج قليلا من النمط المتتابع للمواضيع والتي تدور بين اضافات أو قو...

مزيد من المعلومات »

الموضوع الشامل حول تعليقات فيس بوك

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: right;"><img alt="Add Facebook Comments box to blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2pdo5z_39bqktxyBWhV1D9wcKWL9RBrhQQJYapb2B3paSOyDHl6obLsEvcFmB1W4wAoxECBftOjVskQcvD2nzdZXY-5pUvnEyLbjnYzen4c1Sj361L3aVq7_I_qjU82p6kNPhZmU2ZD2v/s1600/fbc1.jpg" title="اضافة صندوق تعليقات فيس بوك الى مدونات بلوجر" /></div>تعليقات فيس بوك أحد أهم نماذج التعليقات المتاحة للمواقع بشكل عام ولمنصة بلوجر بشكل خاص وهي تساهم في نشر المدونة على الفيس بوك مع كل تعليق وهي الخيار المثالي للمدونات المتخصصة في الفيس بوك أو المدونات التي تقوم بناء على أحد صفحات الفيس بوك لكن لحظة لا تتعجل وتكمل الموضوع قبل قراءة الموضوع التالي لتعرف هل هذه التعليقات مناسبة لمدونتك أم لا, <a href="http://cnmu.blogspot.com/2013/03/Comments-Systems.html" target="_blank">تعرف على أنظمة التعليقات وإختيار نظام يتناسب مع مدونتك</a> إن كنت قرأت الموضوع ورايت أن هذا النظام مناسب لك فاتبع التالي ملحوظة نحن سنعمل على استبدال نظام التعليقات الخاص ببلوجر بنظام تعليقات فيس بوك وليس اضافتهما معا حتى لا تصبح المدونة ثقيلة ويطفش زوارك ^_^؛ ركز جيدا في الموضوع خطوة خطوة لضمان النجاح بإذن الله<br /><h3 style="text-align: center;">الخطوة الأولى انشاء تطبيق على الفيس بوك</h3><br /><a name="more"></a><div style="text-align: center;">قم بالدخول الى الصفحة التالية لإنشاء تطبيق من <a href="http://developers.facebook.com/setup" rel="nofollow" target="_blank">هنــا</a> بعد الخول ستظهر هذه النافذه قم بعمل التالي </div><div style="text-align: center;"></div><div style="text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><img alt="Create Facebook APP" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjPM35_TTz3Lw5MEKSrEspewRVmLC0yfhYbMYUcW1MrDzJuhVcWftl-nB-moBsjWPPHv7NPINBKbWno0cQm125WICmXg7BdA3GR4DiroyDoyaCprKOcfTmd0rzu_CXFWnsr81W5KKtbG4O/s1600/fbc2.gif" title="صنع تطبيق على الفيس بوك" /></div><div style="text-align: center;"> ثم ستظهر هذه النافذة اكتب كلمة التحقق </div><div style="text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><img alt="Require Captcha" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrrmmgEG9-PyaPD0DOYuyl17dI4c_cy536v8vy5heZ8xCoBIdHR5BBD6F_ghaDtLJUE50z7SYCSu7g-tkWdz99w1Kj-hXFEGP0g3SkhrHsx578_lu0oT2oYOvnzRO3tC5gj1P03zWHr_l0/s1600/fbc3.gif" title="كلمة التحقق" /></div><div style="text-align: center;">بعد ذلك ادخل الى صفحة التطبيق<a href="https://developers.facebook.com/apps" rel="nofollow" target="_blank"> من هنـا </a>وقم بنسخ معرف التطبيق واحفظه في ملف المفكرة لاننا سنستخدمه كثيراً</div><div style="text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><img alt="APP ID" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidWeJa4wraton_63OEnGrJjWdxi0gsrOKHY5nhA9GDp9kyaT0jFpqHsf572QmDAy8-mIk0Qs60-UGkVaYRJ-SvPBmrMSLZRqDseA6AlYfGQD0akGzhwHlKpi-apwFi4KNzk0Ubbin7Yy5U/s1600/fbc4.gif" title="معرف التطبيق" /></div><div style="text-align: center;">ثم اضغط على <b>Edit Settings</b> أو تحرير الإعدادات بحسب اللغة التي تستخدمها في حسابك ثم قم بعمل التالي</div><div style="text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><img alt="APp settings" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwg68Tk4IP6kmrDShcy5c4yLZOkifLAQaN0j6t_s4IAvgDHlX1bOQOxbsIyfAVSfmXe7r3gSS5aS3VvBdkyWfxooTsvHrraERfnkiYMNI5_s1zlGjjHU3s4RKykH7MFqwmAuyPkYoQXvDK/s1600/fbc5.gif" title="اعدادات التطبيق" /></div><div style="text-align: center;">ومن يملك دومين مدفوع يكتبه في خانة الدومين مثال <b>cnmu.com</b> أو<b> cnmu.net</b> أو غير ذلك , هكذا انتهينا من انشاء التطبيق واعداده وننتقل للخطوة الثانية</div><h3 style="text-align: center;">الخطوة الثانية تركيب نظام التعليقات</h3><div style="text-align: center;">أولا قم بالدخول لإعدادات مدونتك ثم اختر مشاركات وتعليقات ثم من جوار موقع التعليقات حدد اخفاء</div><div style="text-align: center;"><br /><div class="separator" style="clear: both; text-align: center;"><img alt="Hide Blogger Comments" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOMJ1CU45cH7kmulSmIudJCckZweOWT71wIy_BUV5q3ts8aeQw94SmPj72_42luJ5ksssqaavHxSYFF88_O-fIOJCIk6Wvu8YKJtPIdvNLkVam7DWuYs1mRorv8RsSCTHcNZwD1xqPqPHK/s1600/fbc6.gif" title="اخفاء تعليقات بلوجر" /></div>وهذا الإجراء سيقوم بإخفاء تعليقات بلوجر وبهذا ستكون تعليقات فيس بوك وحدها دون أى ثقل<br />ثم نقوم بالتركيب كالتالي<br />نبحث عن <b><html</b> ثم نستبدله بهذا الكود<br /><blockquote class="tr_bq"><html xmlns:fb='http://www.facebook.com/2008/fbml' </blockquote>ثم فوق الوسم <b></body></b> أضف الكود التالي<br /><blockquote class="tr_bq"><div id='fb-root'/><br /><script><br />window.fbAsyncInit = function() {<br />    FB.init({xfbml: true, appId: <span style="color: red;">معرف التطبيق</span> });<br />  };<br />  (function() {<br />    var e = document.createElement('script'); e.async = true;<br />    e.src = document.location.protocol +<br />      '//connect.facebook.net/ar_AR/all.js'<br />    document.getElementById('fb-root').appendChild(e);<br />  }());<br /></script></blockquote>مع وضع رقم معرف التطبيق<br /><br />ثم نبحث عن هذا الكود <b><div class='comments' id='comments'></b><br />ونضيف تحته الكود التالي<br /><blockquote class="tr_bq"><b:if cond='data:blog.pageType == "item"'><br /><div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/><br /><fb:comments width='<b>600</b>' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1'/><br /></div><br /></b:if></blockquote>الرقم <b>600</b> هو عرض الصندوق يمكنك زيادته او انقاصه بحسب مساحة مدونتك<br /><br />ثم بعد الوسم <b><head></b> نضيف هذا الكود<br /><blockquote class="tr_bq"><meta property="fb:app_id" content="{معرف التطبيق}"/><br /><meta property="fb:admins" content="{معرف الحساب}"/></blockquote>ونستبدل أيضا معرف التطبيق ومعرف حسابك على الفيس بوك ويمكنك الحصول عليه بالطريقة التالية<br /> استبدل كلمة <span style="color: red;">YourProfile</span>  في هذا الرابط بإسم عضويتك ثم افتحه بالمتصفح<br /><span style="color: blue;">https://graph.facebook.com/</span><span style="color: red;">YourProfile</span><br />في الصفحة التي ستظهر ستجد رقم بجوار كلمة id هذا هو معرف حسابك انسخه<br />وهكذا انتهينا تماما من التركيب<br /><span style="color: red;">ملحوظة ان كانت مدونتك جماعية يمكنك عمل فاصلة , بجوار معرف حسابك ثم اضافة معرف مشرف آخر على التعليقات ثم فاصلة ومعرف مشرف آخر وهكذا</span><br /><span style="color: red;">ثم ادخل الى هذه<a href="https://developers.facebook.com/tools/comments" rel="nofollow" target="_blank"> الصفحة من هنا واضغط</a> على اعدادات لإضافة المشرفين الى التطبيق كالصورة التالية اضغط على الصورة لتكبيرها</span><br /><span style="color: red;"><br /></span><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw7Dl_kHitPWGQtpQwy5MqaqA27DatJHkTpZiMUqHB-QossTH4gY2AwWbLEAjWs4zt9Za-Z8We53z4A4JOg26hD8viVXNks6Um8pdHASeMVGIvO0u9GRWCSsnS9j-5rUNLAN9_33XJq9ay/s1600/fbc7.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw7Dl_kHitPWGQtpQwy5MqaqA27DatJHkTpZiMUqHB-QossTH4gY2AwWbLEAjWs4zt9Za-Z8We53z4A4JOg26hD8viVXNks6Um8pdHASeMVGIvO0u9GRWCSsnS9j-5rUNLAN9_33XJq9ay/s200/fbc7.gif" width="193" /></a></div><br /><h3>الخطوة الثالثة الإضافية عداد التعليقات</h3>هذه خطوة اضافية اختيارية كما قلنا نحن سنستبدل التعليقات لذا نحتاج الى وجود عداد للتعليقات<br />وهذا هو أضف الكود التالي<br /><blockquote class="tr_bq"><b:if cond='data:blog.pageType == "index"'><br /><span style='float:right; margin-right:3px; margin-left:3px;'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhQCJOwPlwXH2-JyTuIuLY4jzxCR_eX2wJh84xOIk0Vpfvjbctzo1DKinY_MpmJOArqeOz3zMwXvH7QJaXql4BwCiGkqggEQQMldsNkvDmLCO2vizXznIizvkYESb9xa4F0ciid6bZPzG-/s16/facebook_icon.gif"/><br /><a class="comment-link" expr:href="data:post.addCommentUrl"><fb:comments-count expr:href='data:post.url'/> تعليق </a></span><br /></b:if></blockquote><br />تحت أحد هذه الأكواد<br /><blockquote class="tr_bq"> <div class='post-header'></blockquote><br /><blockquote class="tr_bq"><div class='post-header-line-1'/></blockquote><br /><blockquote class="tr_bq"><div class='post-footer'></blockquote>تم بفضل الله وبالتوفيق للجميع<br /><br /></div></div>

الموضوع الشامل حول تعليقات فيس بوك

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

مزيد من المعلومات »

طريقة إضافة قسمين في السايدبار

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: right;"><img alt="adding two columns at blogger sidebar " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghSGGicNzvJZpBbl9cvT36FhjNL8gcttOTUWQNVr6iyH9ZeMB6MpV6mhy9SdTQ9ojR4Yt95sFfVlwhO0EyO_ZCZ51ap78dgp-YeNTa5kqC-Hu0xsR3Hfhb8IEFlbF3fIW5kuMl8dcKBltp/s1600/side.jpg" title="تقسيم السايد بار في بلوجر الى قسمين" /></div>كلنا رأينا قوالب تحتوي أكثر من عمود أو قسم في السايدبار <b>adding two columns at blogger sidebar</b>  ولكن احيانا لا يكون القالب يعجبنا ولكن نحتاج لتلك الإضافة في قالب خاص خصوصا انا مفيده لكثير من المدونين في عرض وحدات إعلانية او اضافات صغيرة لا تحتاج عمود كامل ولهذا بإذن الله في هذا الدرس سنستطيع اضافة قسمين للسايدبار وسنضيف أيضا قسم ثالث بعد هاذين القسمين لزيادة التنسيق لكن يجب ان ننوه أن هذه الإضافة في الغالب ستعمل مع جميع القوالب لكن تنسيقها قد لا يتوافق مع جميع القوالب لذا قبل عمل أى تعديل قم باخذ نسخة احتياطية من قالبك لتجنب أى مشكلة <br /><br /><a name="more"></a><div style="text-align: center;"><h3>طريقة الإضافة</h3></div><div style="text-align: center;"></div><div style="text-align: center;">ادخل الى لوحة تحكم مدونتك ثم قم بالبحث عن آخر اضافة في السايدبار لديك يمكنك البحث عنها بالإسم </div><div style="text-align: center;">ثم قم بالبحث تحت أكوادها عن هذا الكود <span style="color: #6aa84f;"><b></b:section></b></span>  ملاحظة ان لم تجده قد تجد أسهم توسيع عناصر بجانب الإضافة اضغط عليها حتى تظهر جميع أكوادها وعندما تجد الكود أضف تحته مباشرة الأكواد التالية </div><blockquote class="tr_bq"><b:section class='sidebar' id='cnmu-right-col' preferred='yes'/><br /><b:section class='sidebar' id='cnmu-left-col' preferred='yes'/><br /><span style="color: red;"><b:section class='sidebar' id='cnmu-center-col' preferred='yes'/></span></blockquote><div style="text-align: center;">وهذه صورة للتوضيح</div><br /><div class="separator" style="clear: both; text-align: center;"><img alt="blogger section" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi45XF6TO9R5s1fUtsMSICcxLJsb2Qz8BUCrfxVZbNyZj5VasZmFMAutvB1owCXnUJsNVi0VBf4E6vueK8EjEnqRGWfdCQbzNwqMJbQSSLIZDK_oB85Pv2ILTXAzCFJNIJKUW16cphJHqvI/s1600/side2.png" title="أعمدة بلوجر" /></div><div style="text-align: center;">ثم بعد ذلك نبحث عن هذا الوسم <b>sidebar-wrapper</b></div><div style="text-align: center;">والذي نقصده سيكون موجود في اكواد الستايل فقم بتوسعتها بالضغط على سهم التوسعة</div><div style="text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPGpFAmD-pS6fu9A_HIrhUm_CTeTRCMmB4PI6dqDeXURSjHfIc_TDcJ8-oF260im2NZeImwLKYz-niX-fXLrhOzETq2cYh7Y7oKPq0Iy9BUnMezOQvdUh1dCYmF9zr280yDxlnCYMhDiwG/s1600/tawse3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPGpFAmD-pS6fu9A_HIrhUm_CTeTRCMmB4PI6dqDeXURSjHfIc_TDcJ8-oF260im2NZeImwLKYz-niX-fXLrhOzETq2cYh7Y7oKPq0Iy9BUnMezOQvdUh1dCYmF9zr280yDxlnCYMhDiwG/s1600/tawse3.png" /></a></div><div style="text-align: center;">عندما تجده ستجد بعده قوس فتح كهذا { ثم اكواد قليلة ثم قوس إغلاق كهذا }</div><div style="text-align: center;">بعد قوس الإغلاق أضف الأكواد التالية</div><blockquote class="tr_bq"><div class="separator" style="clear: both; text-align: center;"></div>#cnmu-right-col {<br />width:49%;<br />float:right;<br />word-wrap:break-word;<br />overflow:hidden;<br />}<br />#cnmu-left-col {<br />width:49%;<br />float:left;<br />word-wrap:break-word;<br />overflow:hidden;<br />}<br /><span style="color: red;">#cnmu-center-col {<br />width:100%;<br />float:right;<br />word-wrap:break-word;<br />overflow:hidden;<br />}</span></blockquote><div style="text-align: center;">ملاحظة : الأكواد المعلمة بالأحمر هي خاصة بالعمود الثالث الذي سيضاف بعد العمودين إن لم تريده قم بحذفهما</div><div style="text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsr0hSeRzo4UgCS9cgMIN_9cgYwMNNC5kYOBlUsMrPCduJTF_lABzC6fvSo3bWv80aMAafxIwHDtfpoDYJXiKEgvbD_RIpRIJjNhre7XbEl2qHG-6HlrSVMEt2mwezz0IjknyEzaeqdeZs/s1600/sep.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="cnmu.blogspot.com" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsr0hSeRzo4UgCS9cgMIN_9cgYwMNNC5kYOBlUsMrPCduJTF_lABzC6fvSo3bWv80aMAafxIwHDtfpoDYJXiKEgvbD_RIpRIJjNhre7XbEl2qHG-6HlrSVMEt2mwezz0IjknyEzaeqdeZs/s1600/sep.png" title="كن مدون" /></a></div><div style="text-align: center;"><br /></div><div style="text-align: center;">بعض القوالب تكون الوسوم بها متغيرة وقد لا تجد <b>sidebar-wrapper</b></div><div style="text-align: center;">حينها ستفعل التالي</div><div style="text-align: center;">ابحث عن اول آضافة لديك في السايدبار وفوق اكوادها ستجد كود مثل هذا</div><div style="text-align: center;"><blockquote class="tr_bq"><b:section class='sidebar' id='<span style="color: red;">#</span>'</blockquote></div><div style="text-align: center;">الكود سكون مشابه وليس مطابق وفي مكان هذا الرمز<span style="color: red;"> # </span>ستجد كلمة هذه الكلمة هي الوسم البديل لــ <b>sidebar-wrapper</b></div><div style="text-align: center;">قم بنسخها وابحث عنها بين اكواد الستايل وعندما تجد الكود الخاص بها ستجد نفس الشئ قوس فتح وقوس اغلاق بعد قوس الإغلاق أضف الأكود</div><div style="text-align: center;">وبالتوفيق بإذن الله</div><br /></div>

طريقة إضافة قسمين في السايدبار

كلنا رأينا قوالب تحتوي أكثر من عمود أو قسم في السايدبار adding two columns at blogger sidebar   ولكن احيانا لا يكون القالب يعجبنا ولكن نحتاج...

مزيد من المعلومات »

طريقة تنسيق قائمة وسحابة التسميات

<div dir="rtl" style="text-align: right;" trbidi="on"><div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: right;"><img alt="customize labels widget in blogger" border="0" src="http://1.bp.blogspot.com/-9Ldj2LAoYKw/UY6t9U8zW6I/AAAAAAAABXw/snp5mQ-Z_X0/s1600/label.gif" title="تنسيق شكل قائمة وسحابة التسميات" /></div>من الإضافات الأساسية في مدونات بلوجر آداة التسميات هذه الآداة التي تعرض الأقسام الخاصة بالمدونات والتي تسهل عملية الوصول لكل قسم لكن الشكل الأساسي للآداة ليس جيدا وفي الغالب يكون شكله مشوه للقوالب نظرا لان القوالب كل يوم في تحسن والشكل الثابت لتلك الآداة لا يجاري هذا التحسن وبالتالي تكون الإضافة شكلها شاذ عن الشكل العام للقالب ولهذا في موضوعنا سنتعلم طريقة تنسيقها والآداة يتم عرضها بشكلين مختلفين الأول القائمة والثاني السحابة<b> Cloud</b> ولكل منهما تنسيق خاص لهذا سنشرح كل تنسيق بشكل منفرد لكن أولا هذه طريقة التبديل بين التنسيقين , قم بالدخول الى لوحة التخطيط في مدونتك ثم قم بعمل تحرير لآداة التسميات ثم اختر التنسيق الذي يعجبك كالتالي<br /><br /><a name="more"></a></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><img alt="Labels Edit" border="0" src="http://3.bp.blogspot.com/-CN9pPqLE06s/UY6u-cFJ9cI/AAAAAAAABYM/4N9bTqqZiBk/s1600/label+%25283%2529.gif" title="تحرير آداة التسميات" /></div><div style="text-align: center;"><br /></div><h3 style="text-align: center;">أولا تنسيق القائمة </h3><div style="text-align: center;">هذا هو الشكل بعد التنسيق</div><div style="text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><img alt="Labels Widget" border="0" src="http://4.bp.blogspot.com/-pmPiqJ2a-mM/UY6t8v2-MFI/AAAAAAAABXo/VrB580BZtjg/s1600/label+%25281%2529.gif" title="قائمة التسميات" /></div><div style="text-align: center;">كل ما عليك فعله أن تدخل الى تحرير قالبك ثم تضغط على توسيع عناصر الستايل بالضغط على السهم المخصص لذلك </div><div style="text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPGpFAmD-pS6fu9A_HIrhUm_CTeTRCMmB4PI6dqDeXURSjHfIc_TDcJ8-oF260im2NZeImwLKYz-niX-fXLrhOzETq2cYh7Y7oKPq0Iy9BUnMezOQvdUh1dCYmF9zr280yDxlnCYMhDiwG/s1600/tawse3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPGpFAmD-pS6fu9A_HIrhUm_CTeTRCMmB4PI6dqDeXURSjHfIc_TDcJ8-oF260im2NZeImwLKYz-niX-fXLrhOzETq2cYh7Y7oKPq0Iy9BUnMezOQvdUh1dCYmF9zr280yDxlnCYMhDiwG/s1600/tawse3.png" /></a></div><div style="text-align: center;">ثم فوق الوسم <span style="color: #6aa84f;"><b></b:skin></b></span> أضف الكود التالي</div><blockquote class="tr_bq">#Label1 li {<br />float: right;<br />background:<b>#fafafa</b> url(<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx0Bg2CeN_CZ9UFS4AKDiSH-kuY0OdkS1-_uM_CibSgt37ZSwmSfAaVLO9H7tb0ZTqUA6PeVuQdV1lqGKlXl-FHk1z9Yjl_RF2Nm8XITLB9fOOfcx_TT83hAgzZjB5A06PzNd_N41I7zM3/s16/folder.png</span>)no-repeat scroll <span style="color: blue;"><b>121</b></span>px 9px;<br />padding: 5px 25px 7px 9px;<br />font-size: 12px;<br />margin: 0 4px 10px 0;<br />display: inline-block;<br />border: 1px solid <b>#d7d7d7</b>;<br />-webkit-border-radius:<b>5</b>px;<br />-moz-border-radius:<b>5</b>px;<br />border-radius:<b>5</b>px;<br />color:<b>#aeaeae</b>;<br />width:<span style="color: blue;"><b>108</b></span>px;<br />}<br />#Label1 li a{color:<b>#000</b>;}<br />#Label1 li:hover { background:#ffffff url(<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx0Bg2CeN_CZ9UFS4AKDiSH-kuY0OdkS1-_uM_CibSgt37ZSwmSfAaVLO9H7tb0ZTqUA6PeVuQdV1lqGKlXl-FHk1z9Yjl_RF2Nm8XITLB9fOOfcx_TT83hAgzZjB5A06PzNd_N41I7zM3/s16/folder.png</span>)no-repeat scroll <span style="color: blue;"><b>121</b></span>px 9px;}</blockquote><h2 style="text-align: right;"><span style="color: orange;">ولتنسيق الشكل غير التالي</span></h2>هذا اللون هو لون الأزرار <b>#fafafa</b><br />وهذا اللون هو لون الأزرار عند تمرير الماوس <b>#ffffff</b><br />وهذا هو لون الإطار <b>#d7d7d7</b><br />وهذا لون الخط  <b>#aeaeae</b><br /> وهذا لون الخط عند تمرير الماوس <b>#000</b><br />والرقم <b>5</b> هو درجة استدارة الزر قم بالزيادة أو الإنقاص حتى تصل للنتيجة التي ترضيك<br />الرابط المعلم بالأحمر هو رابط الأيقونة الصغيرة على الأزرار قم بتغيرها بأى رابط أيقونة أخرى تنسابك مع مراعاة أن يكون المقاس 16x16<br />في حالة أردت تعديل حجم الأزرار قم بزيادة الأرقام المعلمة بالأزرق بنفس النسبة ان زدت أحدها 10 زد الآخرين كذلك<br /><br /><h3 style="text-align: center;">ثانيا تنسيق السحابة </h3><div style="text-align: center;">ونفس الطريقة ستضيف الكود التالي كما أضفت الأول او أضفه تحته إن كنت تريد استخدامهما مع بعض </div><div style="text-align: center;">هذا معاينة للنتيجة اولا</div><div style="text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><img alt="Labels Cloud" border="0" src="http://3.bp.blogspot.com/-33JmW1EsfJk/UY6t8w196uI/AAAAAAAABX4/8It7QciCD3o/s1600/label+%25282%2529.gif" title="سحابة التسميات" /></div><div style="text-align: center;"> وهذا هو الكود</div><blockquote class="tr_bq">.label-size{<br />background: <span style="color: #38761d;"><b>#DAD8D9</b></span>;<br />background: -moz-linear-gradient(top,  <span style="color: #6aa84f;"><b>#F0F0F0</b></span> , <span style="color: #38761d;"><b>#DAD8D9</b></span> );<br />background: -webkit-linear-gradient(top,  <span style="color: #6aa84f;"><b>#F0F0F0</b></span> ,<span style="color: #38761d;"><b>#DAD8D9</b></span> );<br />margin:0 4px 7px 0;<br />padding: 2px 7px 2px 7px;<br />text-transform: uppercase;<br />border: solid 1px <b>#777</b>;<br />float:right;<br />text-decoration:none;<br />font-size:14px;<br />font-weight:bold;<br />box-shadow: 0 1px 2px #999;<br />border-radius:<b>20</b>px;-webkit-border-radius:<b>20</b>px;-moz-border-radius:<b>20</b>px;<br />text-align:center;<br />}<br />.label-size:hover {<br />background: <span style="color: #3d85c6;"><b>#D1E0E5</b></span>;<br />background: -moz-linear-gradient(top,<span style="color: #0b5394;"><b>#EEF3F6</b></span>,<span style="color: #3d85c6;"><b>#D1E0E5</b></span>);<br />background: -webkit-linear-gradient(top,<span style="color: #0b5394;"><b>#EEF3F6</b></span>,<span style="color: #3d85c6;"><b>#D1E0E5</b></span>);<br />} </blockquote><br /><h2 style="text-align: right;"><span style="color: #674ea7;">طرقة تنسيق السحابة</span></h2>هاذين اللونين هما الوان التدرج الخاص بأزرار التسميات <span style="color: #6aa84f;"><b>#F0F0F0</b></span> , <span style="color: #38761d;"><b>#DAD8D9</b></span><br />قم بتبديل كل لون بالمرات المتكرر بها<br />أما هاذين اللونين هما اوان التدرج عند مرور الماوس  <span style="color: #0b5394;"><b>#EEF3F6</b></span>,<span style="color: #3d85c6;"><b>#D1E0E5</b></span><br /> غيرها بنفس الطريقة<br />هذا اللون هو لون الإطار <b>#777</b><br />والرقم<b> 20</b> هو درجة استدارة الزر<br /><br /><div style="text-align: center;"><span style="color: #45818e;"><span style="font-size: large;">تنسيق موفق والى اللقاء في دروس اخرى </span></span></div><div style="text-align: center;"><span style="color: #45818e;"><span style="font-size: large;">تحياتي</span></span></div><br /></div>

طريقة تنسيق قائمة وسحابة التسميات

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

مزيد من المعلومات »

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

<div dir="rtl" style="text-align: right;" trbidi="on"><div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: right;"><img alt="Counter blogger widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL8waY6QGW5Y2wugM2S7crcXlwwhm3KA7CpcxWUyn8rjySiF4sMIJahc7D8GWFWo_m4A-uAhYJRufITHvTts6FfZXsAh_3RD325C0FtapZH8WggDFn8UVU6jAjlJrnEKiqbnsNjj_TrA-6/s1600/cnmu-downdcount.gif" title="عداد تنازلي للمناسبات" /></div>نحتاج في بعض  الأحيان الى وجود عداد تنازلي للتذكير بمناسبة او شئ معين ولكن كثير من العدادات تكون على هيئة فلاش أو إضافة صعبة التنسيق وخصوصا ان كثير من الإضافات بعد تحديد مدة العد التنازلي تصبح بلا قيمة وينتهي مفعولها اما إضافتنا متجددة وتصميمها حصري وتم المراعاة في التصميم ان تكون متوافقة مع جميع الألوان حتى تتناسب مع كل القوالب بإذن الله وطريقة تركيبها سهله للغاية كل ما عليك فعله هو إضافة الكود التالي الى آداة <b>HTML/JavaScript</b> لكن أولا شاهد هذه المعاينة الحية للإضافة <br /><a name="more"></a><div style="text-align: center;"><a class="cnmubo" href="http://cnmu.blogspot.com/p/preview.html?url=http://1-cnmu.blogspot.com" target="_blank">معاينــة</a></div><blockquote class="tr_bq"> <script type="text/javascript" src="https://cnmu.googlecode.com/svn/trunk/cnmu-counter.js"></script><br /><center><br /><div style="background: #E1E0E0;background: -moz-linear-gradient(top,#fff,#E1E0E0);background: -webkit-linear-gradient(top,#fff,#E1E0E0); border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;width:240px; padding:5px;border:1px solid #bbb;box-shadow: 0 1px 2px #999;-moz-box-shadow: 0 1px 2px #999;-webkit-box-shadow: 0 1px 2px #999; font-family: Arial; font-size:20px; color:#FB913F; text-align:center;"><br /><center><br /><b>كم بقي على رمضان</b><br /><div id="countdowncontainer" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTD7ity13Q6gWHEAFfslakmXL3l9rO2IuJ9DKgJU28Pg8B2dlKZxwxNVzScLip0pBDH8DWtN_jsCbBw_HNFAlmirXi3ojgbuIsQXmnPX1FNih6ZzS6yA9LRn1M1uDT6Dw4SBXWfa_RbOM/s213/cnmu-counter.PNG) no-repeat center center transparent; height: 60px;width: 215px; font-family: Arial; line-height:1.<span style="color: magenta;"><b>2</b></span>em; font-size:20px; font-weight:bold; color:#000;"></div><br /><script type="text/javascript"><br />var futuredate = new cdtime("countdowncontainer", "<span style="color: #38761d;"><b>july</b></span> <span style="color: red;"><b>8</b></span>, <span style="color: blue;"><b>2013</b></span> 00:00:00")<br />futuredate.displaycountdown("days", formatresults)<br /></script></center></div></center></blockquote><div style="text-align: center;">وبما أن شهر رمضان المبارك أصبح قريباً فتم إعداد الكود على تاريخ الشهر المبارك</div><div style="text-align: center;"><br /></div><div style="text-align: center;"><b><span style="color: magenta;"><span style="font-size: large;">فكل عام وأنتم بخير</span></span></b></div><div style="text-align: center;"><br /></div><div style="text-align: center;">ولكن طبعا يمكن تعديل وقت العداد بالشكل لتالي</div><div style="text-align: center;">قم بإستبدال <span style="color: red;"><b>8</b></span> بتاريخ اليوم المراد أن يصل اليه العد التنازلي</div><div style="text-align: center;">واستبدل <span style="color: blue;"><b>2013</b></span> بتاريخ السنة</div><div style="text-align: center;">واستبدل <span style="color: #38761d;"><b>july</b></span> بإسم الشهر وهذه أسماء الشهور بالترتيب من يناير الى ديسمبر <br />والرقم <span style="color: magenta;"><b>2</b></span> قم بزيادته او إنقاصة للتحكم في بعد أرقام العد من الاعلى</div><blockquote class="tr_bq">january<br />february<br />march<br />april<br />may <br />june<br />july<br />august<br />september<br />october<br />november<br />december </blockquote><div style="text-align: center;">وطبعا بالنسبة للشهر الهجري انظر كم يوافق التاريخ الهجري ميلاديا ثم قم بالضبط على ذلك</div><div style="text-align: center;">والآن سنتكلم على طريقة تنسيق الألوان لمن يرغب بذك</div><div style="text-align: center;">هذه هي الاجزاء الموجوده في الكود الخاصة بالتنسيق</div><blockquote class="tr_bq"><div style="background: <span style="color: red;">#E1E0E0;</span>background: -moz-linear-gradient(top,<span style="color: blue;">#fff</span>,<span style="color: red;">#E1E0E0</span>);background: -webkit-linear-gradient(top,<span style="color: blue;">#fff</span>,<span style="color: red;">#E1E0E0</span>); border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;width:240px; padding:5px;border:1px solid <b>#bbb</b>;box-shadow: 0 1px 2px #999;-moz-box-shadow: 0 1px 2px #999;-webkit-box-shadow: 0 1px 2px #999; font-family: Arial; font-size:<b>20</b>px; color:<b><span style="color: #38761d;">#FB913F</span></b>; text-align:center;"><br /><center><br /><b>كم بقي على رمضان</b></blockquote><div style="text-align: center;">كم بقي على رمضان نستبدلها بالعبارة التي تعجبنا بحسب المناسبة</div><div style="text-align: center;">اللونين المعلمان بالأحمر والأزرق هما الوان تدرج الخلفية</div><div style="text-align: center;">أما هذا اللون <b>#bbb</b>   فهو لون الإطار الخارجي</div><div style="text-align: center;">وهذا اللون هو لون خط العبارة <b><span style="color: #38761d;">#FB913F</span></b></div><div style="text-align: center;">وهذا هو وسم الخط قم بتغييره إن كنت تستخدم خط خاص font-family: Arial;</div><div style="text-align: center;">والرقم <b>20</b> هو حجم الخط </div><div style="text-align: center;">طبعا التعديلات تكون على الكود الأصلي الموضوع في بداية الموضوع</div><div style="text-align: center;">آخر شئ</div><div style="text-align: center;">هذا هو الكود كعداد فقط بدون التنسيق الخارجي فقط أيقونات العداد</div><blockquote class="tr_bq"> <script type="text/javascript" src="https://cnmu.googlecode.com/svn/trunk/cnmu-counter.js"></script><br /><center><br /><div id="countdowncontainer" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTD7ity13Q6gWHEAFfslakmXL3l9rO2IuJ9DKgJU28Pg8B2dlKZxwxNVzScLip0pBDH8DWtN_jsCbBw_HNFAlmirXi3ojgbuIsQXmnPX1FNih6ZzS6yA9LRn1M1uDT6Dw4SBXWfa_RbOM/s213/cnmu-counter.PNG) no-repeat center center transparent; height: 60px;width: 215px; line-height:1.2em; font-size:20px; font-weight:bold; color:#000;"></div><br /><script type="text/javascript"><br />var futuredate = new cdtime("countdowncontainer", "july 8, 2013 00:00:00")<br />futuredate.displaycountdown("days", formatresults)<br /></script></center></blockquote><div style="text-align: center;"> ولا تقلق بالرغم أن لون العداد اسود لكنه تم وضع ظل خارجي في تصميم الخلفية فلو وضعت العداد في خلفية سوداء او أى لون غامق ستظهر الأرقام وخلفيتها بشكل ممتاز فكما قلت الإضافة ستكون متناسبة مع جميع الألوان</div><div style="text-align: center;">وبالتوفيق للجميع</div><br /><br /></div></div>

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

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

مزيد من المعلومات »

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

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: right;"><img alt="About the Author blogger widget" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnSpYydKwCMfGHIxweybmgfTMUXEyUuCpiNfDUJFApzrhJe3F7uSkw67lvIGV19axW7s0Qbn6LHZX3Ray_5Sl-NusI7lUJYAarXdkmzJDd756AzBg37ny6bWkhblVP7lc3OATnX3p9EWfy/s1600/author.jpg" title="اضافة معلومات عن الكاتب لمدونات بلوجر" /></div>اضافة تعريف الكاتب أو معلومات عن الكاتب <a href="http://cnmu.blogspot.com/2013/05/About-Author.html" target="_blank"><b>about Author</b></a> هي إضافة تهم كثير من المدونين خصوصا المدونات الجماعية هذه الإضافة هي ركن اساسي بها ويمتلئ الإنترنت بكثير من الإضافات بعضها جيد والآخر دون المستوى وكنوع من التغير ومواكبة التطويرات قمت بتصميم إضافة جديدة ستكون بإذن الله نافعة جداً وستلبي كثير من الإحتياجات وستجتذب الكتاب ففي الغالب يسعى الكاتب بان يعرف الناس بموقعه وخدماته وهذه الإضافة ستقوم بذلك بإحترافية كيف ؟ ببساطة تصيمها مميز وجذاب لكن طبعا هذا ليس الاساس وليس الجديد فالجديد هو تزويد الإضافة بمجموعة أيقونات جذابه لأهم ما يحب الكاتب ان يعرف به القراء وان يتواصلوا معه عن طريقة, تم إضافة أيقونات اشهر المواقع الإجتماعية فيس بوك  <b>Facebook</b>  تويتر <b> Twitter</b>  وجوجل بلس  <b>Google plus</b> بالإضافة الى اليوتيوب <b>Youtube</b> وأيقونة للموقع الخاص بالكاتب وأيضا أيقونة لحساب الكاتب في <a href="https://khamsat.com/?r=28739" rel="nofollow" target="_blank"><span style="color: #cc0000;">خمسات</span></a> فلقد أصبح موقع خمسات رائج جداً ومستخدم من كثير من المدونين ووجود مثل تلك الأيقونة مفيدة جداً للكاتب والايقونات مضافة بخاصية <b>CSS Sprites</b> وهذه الخاصة تجعل الأيقونات عبارة عن صورة واحده فقط وبالتالي لا تقوم بطلب الكثير من الروابط بل رابط واحد فقط وهذا يجعل الإضافة ككل خفيفة وانيقة ويمكن معاينة الإضافة عبر الرابط التالي  <br /><br /><a name="more"></a><div style="text-align: center;"><a class="cnmubo" href="http://cnmu.blogspot.com/p/preview.html?url=http://1-cnmu.blogspot.com/2013/01/blog-post.html" target="_blank">معاينــة</a></div><br /><h3 style="text-align: center;">طريقة تركيب الإضافة </h3><div style="text-align: center;">أولا المظهر : أدخل الى تحرير القالب ولا تنسى أخذ نسخة إحتياطية ثم قم بتوسيع عناصر الستايل بالضغط على السهم الخاص بذلك</div><div style="text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPGpFAmD-pS6fu9A_HIrhUm_CTeTRCMmB4PI6dqDeXURSjHfIc_TDcJ8-oF260im2NZeImwLKYz-niX-fXLrhOzETq2cYh7Y7oKPq0Iy9BUnMezOQvdUh1dCYmF9zr280yDxlnCYMhDiwG/s1600/tawse3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPGpFAmD-pS6fu9A_HIrhUm_CTeTRCMmB4PI6dqDeXURSjHfIc_TDcJ8-oF260im2NZeImwLKYz-niX-fXLrhOzETq2cYh7Y7oKPq0Iy9BUnMezOQvdUh1dCYmF9zr280yDxlnCYMhDiwG/s1600/tawse3.png" /></a></div><div style="text-align: center;">ثم فوق الوسم <b> ]]></b:skin></b>  أضف الكود التالي </div><blockquote class="tr_bq">.cnmuauthor {background:<span style="color: red;"><b>#F9F9F9</b></span>;border: 1px solid <b><span style="color: blue;">#E1E1E0</span></b>;<b>font-family: Arial</b>;margin-bottom:7px; margin-top:7px; overflow: hidden; padding: 0 0 5px 5px;}<br />.cnmuauthor img {border: 4px solid <span style="color: #38761d;"><b>#E2DEDE</b></span>;float: right;height: 125px;width: 125px;margin-left: 15px;}<br />.cnmuauthor h4 {background:<span style="color: orange;"><b>#636363</b></span>;color: <span style="color: #666666;"><b>#FFF</b></span>;font-size: <b>20</b>px;margin: 0 134px 0 -9px;padding: 5px;}<br />.cnmuauthor p {color: #515151;font-size: 15px;margin-bottom: 0px;margin-top:5px;}<br />ul.cnmuauco { list-style:none; float: left; margin: 0 0 0 6px;display:inline-block;padding:0; }  <br />ul.cnmuauco li { display:inline; float:left; background: url(https://lh6.googleusercontent.com/-ftV4erNKUMk/UYJa0yzsFVI/AAAAAAAABSg/Mao3vVYtEeA/s170/cnmu-auth.png) no-repeat; }<br />ul.cnmuauco li a { display:block; width:20px; height:20px; padding-right:6px; position:relative; text-decoration:none; }  <br />ul.cnmuauco li a strong {background-color: rgba(0, 0, 0, 0.7);border-radius: 3px 3px 3px 3px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);color: #FFFFFF;font-size: 14px;font-weight: normal;left:35px;margin-top: 40px;padding: 3px;position: absolute;top: -95px;width: 70px;z-index: 9999;}  <br />ul.cnmuauco li.cnmuaut-facebook {background-position: 0px 0px;}  <br />ul.cnmuauco li.cnmuaut-twitter {background-position: 0px -30px;}   <br />ul.cnmuauco li.cnmuaut-googleblus {background-position: 0px -60px;}  <br />ul.cnmuauco li.cnmuaut-youtube {background-position: 0px -90px;}  <br />ul.cnmuauco li.cnmuaut-khamsat {background-position: 0px -120px;}  <br />ul.cnmuauco li.cnmuaut-wsite {background-position: 0px -150px;}  <br />#cnmuaucohv:hover li { opacity:0.2; }  <br />#cnmuaucohv li { -webkit-transition-property: opacity; -webkit-transition-duration: 500ms;-moz-transition-property: opacity; -moz-transition-duration: 500ms; }  <br />#cnmuaucohv li a strong { opacity:0; -webkit-transition-property: opacity, top; -webkit-transition-duration: 300ms; -moz-transition-property: opacity, top; -moz-transition-duration: 300ms; }  <br />#cnmuaucohv li:hover { opacity:1; }  <br />#cnmuaucohv li:hover a strong { opacity:1; top:-10px; }</blockquote><div style="text-align: center;">هذه الألوان التي يسهل تغييرها في الكود لمن أراد تغيير الألوان</div><div style="text-align: center;">هذا اللون  <span style="color: red;"><b>#F9F9F9</b></span>  هو لون خلفية الإضافة</div><div style="text-align: center;">وهذا لون اطار الإضافة   <b><span style="color: blue;">#E1E1E0</span></b></div><div style="text-align: center;">وهذا لون اطار الصورة <span style="color: #38761d;"><b>#E2DEDE</b></span></div><div style="text-align: center;">وهذا لون خلفية الإسم والأيقونات  <span style="color: orange;"><b>#636363</b></span></div><div style="text-align: center;">وهذا لون خط اسم الكاتب <span style="color: #666666;"><b>#FFF</b></span></div><div style="text-align: center;">ويمكن تغيير نوع الخط بتغير وسم الخط بوسم الخط الذي تستخدمه</div><div style="text-align: center;"><b>font-family: Arial</b></div><div style="text-align: center;">ورقم <b>20</b> هو حجم الخط</div><br /><h3 style="text-align: center;">تفعيل الإضافة للمدونات الفردية</h3><div style="text-align: center;">إن كنت الكاتب الوحيد في مدونتك فقم بتركيب الكود التالي</div><div style="text-align: center;"> تحت أو فوق أحد هذين الكودين بحسب ما تكون ظاهرة جيداً في مدونتك</div><div style="text-align: center;"><br /></div><div style="text-align: center;"><b><div class='post-footer'></b></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><span style="color: blue;"><b><div class='post-footer-line post-footer-line-1'></b></span></div><div style="text-align: center;"><br /></div><div style="text-align: center;">ولا تنسى ان تغير ما يلزم في الكود من روابط ونصوص</div><br /><blockquote class="tr_bq"><b:if cond='data:blog.pageType == "item"'><br /><div class='cnmuauthor'><br /><img alt="إسم الكاتب" src="<span style="color: magenta;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDr384Li6NkAjU1Rf5Axtd-DHSf53SzEGfmN1JQMo7hZPtHpY2aADPEqm_pazWZQuT1Sip_uMQBeZmzkcI5mNvlSDgx5LUz5E1BMPFhCNh_vS5hbSeVbv72KDPl1rLFrhC7I_xsfXR60M/s1600/125x125.png</span>"/><br /><h4><br />بقلم : اسم الكاتب <br /><ul class='cnmuauco' id='cnmuaucohv'><br /><span style="color: blue;"><li class='cnmuaut-facebook'><br /><a href="رابط فيس بوك" rel="nofollow" target="_blank"><strong>التواصل عبر الفيس بوك</strong></a></li></span><br /><span style="color: #3d85c6;"><li class='cnmuaut-twitter'><br /><a href="رابط تويتر" rel="nofollow" target="_blank"><strong>التواصل عبر تويتر</strong></a></li></span><br /><li class='cnmuaut-googleblus'><br /><a href="رابط جوجل بلس" rel="nofollow" target="_blank"><strong>التواصل عبر جوجل بلس</strong></a></li><br /><span style="color: red;"><li class='cnmuaut-youtube'><br /><a href="رابط يوتيوب" rel="nofollow" target="_blank"><strong>قناة الكاتب على اليوتيوب</strong></a></li></span><br /><span style="color: orange;"><li class='cnmuaut-khamsat'><br /><a href="رابط خمسات" rel="nofollow" target="_blank"><strong>خدمات الكاتب على خمسات</strong></a></li></span><br /><span style="color: #38761d;"><li class='cnmuaut-wsite'><br /><a href="رابط موقع الكاتب" target="_blank"><strong>موقع الكاتب</strong></a></li></span><br /></ul></h4><br /><p>نبذة عن الكاتب</p><br /></div></b:if></blockquote><br /><div style="text-align: center;">الأجزاء المميزة بالوان مختلفة هي الخاصة بالأيقونات فاذا كنت مثلا لا تملك حساب في <a href="https://khamsat.com/?r=28739" rel="nofollow" target="_blank">خمسات</a> تحذف الجزء البرتقالي</div><div style="text-align: center;">أو تويتر الأزرق الفاتح وهكذا ولا تنسى تغيير الرابط المحدد باللون الوردي فهو رابط صورة الكاتب</div><div style="text-align: center;"><br /></div><h3 style="text-align: center;">تفعيل  الإضافة للمدونات الجماعية</h3><div style="text-align: center;">نفس الطريقة السابقة ونفس الكود لكن فرق بسيط تابع معي</div><div style="text-align: center;">قم بتركيب الكود التالي تحت أو فوق أحد الكودين الموجودين في الجزء السابق </div><br /><blockquote class="tr_bq"><b:if cond='data:blog.pageType == "item"'><br /><!-- الكاتب الأول --><br /><b:if cond='data:post.author == "<span style="color: red;"><b>author</b></span>"'><br /><div class='cnmuauthor'><br /><img alt="إسم الكاتب" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDr384Li6NkAjU1Rf5Axtd-DHSf53SzEGfmN1JQMo7hZPtHpY2aADPEqm_pazWZQuT1Sip_uMQBeZmzkcI5mNvlSDgx5LUz5E1BMPFhCNh_vS5hbSeVbv72KDPl1rLFrhC7I_xsfXR60M/s1600/125x125.png"/><br /><h4><br />بقلم : اسم الكاتب <br /><ul class='cnmuauco' id='cnmuaucohv'><br /><li class='cnmuaut-facebook'><br /><a href="رابط فيس بوك" rel="nofollow" target="_blank"><strong>التواصل عبر الفيس بوك</strong></a></li><br /><li class='cnmuaut-twitter'><br /><a href="رابط تويتر" rel="nofollow" target="_blank"><strong>التواصل عبر تويتر</strong></a></li><br /><li class='cnmuaut-googleblus'><br /><a href="رابط جوجل بلس" rel="nofollow" target="_blank"><strong>التواصل عبر جوجل بلس</strong></a></li><br /><li class='cnmuaut-youtube'><br /><a href="رابط يوتيوب" rel="nofollow" target="_blank"><strong>قناة الكاتب على اليوتيوب</strong></a></li><br /><li class='cnmuaut-khamsat'><br /><a href="رابط خمسات" rel="nofollow" target="_blank"><strong>خدمات الكاتب على خمسات</strong></a></li><br /><li class='cnmuaut-wsite'><br /><a href="رابط موقع الكاتب" target="_blank"><strong>موقع الكاتب</strong></a></li><br /></ul></h4><br /><p>نبذة عن الكاتب</p><br /></div></b:if><br /><br /><span style="color: #38761d;"><!-- الكاتب الثاني --><br /><b:if cond='data:post.author == "<span style="color: red;"><b>author</b></span>"'><br /><div class='cnmuauthor'><br /><img alt="إسم الكاتب" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDr384Li6NkAjU1Rf5Axtd-DHSf53SzEGfmN1JQMo7hZPtHpY2aADPEqm_pazWZQuT1Sip_uMQBeZmzkcI5mNvlSDgx5LUz5E1BMPFhCNh_vS5hbSeVbv72KDPl1rLFrhC7I_xsfXR60M/s1600/125x125.png"/><br /><h4><br />بقلم : اسم الكاتب <br /><ul class='cnmuauco' id='cnmuaucohv'><br /><li class='cnmuaut-facebook'><br /><a href="رابط فيس بوك" rel="nofollow" target="_blank"><strong>التواصل عبر الفيس بوك</strong></a></li><br /><li class='cnmuaut-twitter'><br /><a href="رابط تويتر" rel="nofollow" target="_blank"><strong>التواصل عبر تويتر</strong></a></li><br /><li class='cnmuaut-googleblus'><br /><a href="رابط جوجل بلس" rel="nofollow" target="_blank"><strong>التواصل عبر جوجل بلس</strong></a></li><br /><li class='cnmuaut-youtube'><br /><a href="رابط يوتيوب" rel="nofollow" target="_blank"><strong>قناة الكاتب على اليوتيوب</strong></a></li><br /><li class='cnmuaut-khamsat'><br /><a href="رابط خمسات" rel="nofollow" target="_blank"><strong>خدمات الكاتب على خمسات</strong></a></li><br /><li class='cnmuaut-wsite'><br /><a href="رابط موقع الكاتب" target="_blank"><strong>موقع الكاتب</strong></a></li><br /></ul></h4><br /><p>نبذة عن الكاتب</p><br /></div></b:if></span><br /><br /></b:if></blockquote><div style="text-align: center;">وقم بتغيير ما يلزم مع مراعاة التالي</div><div style="text-align: center;">الكلمة الحمراء قم بتغييرها بإسم الكاتب ولكن الإسم الموجود في لوحة التحكم الخاصة بالكاتب</div><div style="text-align: center;">لذا يجب ان يكتب مضبوط وإلا لن تعمل الإضافة </div><div style="text-align: center;">وكلما أردت أن تضيف كاتب فقط كرر الكود الأخضر بأكمله </div><div style="text-align: center;">ونفس الشئ الكاتب الذي لا يملك حساب معين يمكنك حذف الأيقونة التي لا يملكها ولا يؤثر ذلك على الكتاب الآخرين</div><div style="text-align: center;">وبالتوفيق في التركيب </div><div style="text-align: center;">تحياتي</div><div style="text-align: center;"></div><br /></div>

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

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

مزيد من المعلومات »