إعداد وتفعيل تعليقات DISQUS على بلوجر

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: right;"><img alt="Install disqus Comments to blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjneoZKgMmtew7Gq1zeJ2xeII74XLCi-kV19b2wP5T-IIVotUb7AIBKWjtj-1KxiakiavDqemoRqPdg3jUjMcp8_jEgCniZIYdeGsgjCvkskGhUieKKre6bBa31qTjCsovY38YQWXMg-bC9/s1600/disqu.jpg" title="إضافة تعليقات Disqus الى مدونات بلوجر" /></div>تعليقات<b> <span style="color: #45818e;">DISQ</span><span style="color: orange;">US</span></b> هو نظام التعليقات الأشهر والذي تثق به كبرى المواقع النظام تفاعلي وقوي للغاية ومتوافق مع جميع الحسابات الشهيرة للمواقع الإجتماعية والبريد الإلكتروني بالإضافة الى شكله المميز وإمكانيات عرضه للتعليقات التفاعلية والصور داخل التعليقات وفي هذا الموضوع سنتعرف على طريقة التركيب الصحيحة له والإعدادات الأساسية وايضاً سنتعرف على أحد أهم الأخطاء التي يقع بها غالبية مستخدمي هذا النظام على منصة بلوجر لكن قبل ان تفكر في تركيب النظام راجع الموضوع التالي لتعرف هل هو الإختيار المثالي لمدونتك أم لا <a href="http://cnmu.blogspot.com/2013/03/Comments-Systems.html" target="_blank">تعرف على أنظمة التعليقات وإختيار نظام يتناسب مع مدونتك</a> <br /><a name="more"></a><h3 style="text-align: center;">شرح التركيب</h3><div style="text-align: center;">قم بالدخول على الرابط التالي لعمل حساب على موقع <b> <span style="color: #45818e;">DISQ</span><span style="color: orange;">US</span></b></div><div style="text-align: center;"><a href="https://disqus.com/profile/signup" rel="nofollow" target="_blank">https://disqus.com/profile/signup</a></div><span id="goog_535706607"></span><span id="goog_535706608"></span><br /><div class="separator" style="clear: both; text-align: center;"><img alt="Create DISQUS New Account" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOkWmBmFGnfcF3vbxW83XEWhLJCAsCUk_lB3SU2cErV8GOFyqei0Xu1s6nd-hf0_TRP4W6BOQ-ezXylJxtyuUsNgKT2JNvoFFv6TntaU3ai8IIWRf4XrZh76nycYs6DtoyD_JYNgX2G0iU/s1600/d1.gif" title="إنشاء حساب جديد على موقع DISQUS" /></div><span id="goog_535706607"></span><span id="goog_535706608"></span><br /><div style="text-align: center;"><span id="goog_535706607"></span><span id="goog_535706608"></span>بعد تعبئة البيانات اتبع الخطوات التالية لإكمال تسجيل مدونتك داخل نظام التعليقات</div><span id="goog_535706607"></span><span id="goog_535706608"></span><br /><div class="separator" style="clear: both; text-align: center;"><img alt="add your blog into DISQUS Comments" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidi2CWc_A_c24N0k3EyC2B9oJVKa9Kp9qukkPNZZErjKza-FM4W41L72xfUwsGyKMMT171bmh1L898JPl8AaDIVwFsDsxiYOL1WNeRuezokNLNi0OLfyDhCTgMThZnx0p_2DAQcTMHeEfz/s1600/d2.gif" title="إضافة مدونتك في نظام تعليقات DISQUS" /></div><span id="goog_535706607"></span><span id="goog_535706608"></span><br /><div class="separator" style="clear: both; text-align: center;"><img alt="Setup Instructions for blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwQu7B2J2N6ow4ZuAdSHXWmS9_P9S9eCuITlrpvVlrrs4wN_sVddUPsLrM64CynECBnxcU5enJM9ak8KHqwUShB5gW7OuChK9xEBHWFBhUBeEE_twuNCHY_NHn0RnTGERzpnkSCHG5bFVw/s1600/d3.gif" title="إختيار منصة التدوين داخل تعليقات DISQUS وتفعيل التعليقات" /></div><br /><div style="text-align: center;">بعد أن نقوم بإضافة عناصر واجهة مستخدم ويتم ادخالك الى صفحة التخطيط في مدونتك قم بسحب الإضافة تحت صندوق المواضيع وهكذا يكون تم تثبيت التعليقات داخل مدونتك</div><div style="text-align: center;"><span id="goog_535706607"></span><span id="goog_535706608"></span></div><h3 style="text-align: center;"><span id="goog_535706607"></span><span id="goog_535706608"></span>إعاداد هامة</h3><div style="text-align: center;">سنقوم بعمل إعدادت لجعل النظام يعمل بشكل الجيد</div><br /><div class="separator" style="clear: both; text-align: center;"><img alt=" DISQUS comments Settings" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2ZcgaiOk__VaOmIw9mMwuCnjGju_b6Y15MYYJLeL0WjoL5D8cpyl5ylrUzsepibXfyTm2_-vh1izYXjRFMPKoiVu7sMVHgSKUE5B6OIsln7TfBNUDOZKP0-mLUdaRWZE61kx1P6eKg9Hi/s1600/d4.gif" title="إعدادات تعليقات DISQUS" /></div><br /><div style="text-align: center;">ملاحظة هذه الصفحة تكون شكلها مختلف وتكون طويه وبها عدد كبير من الخيارات أنا قلصت الشرح للتوضيح لذا سيتعين عليك </div><div style="text-align: center;"> البحث عن الخيارات في الصفحة جيدا ولا تنسى ان تضغط<b> Save Changes</b></div><div style="text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><img alt="DISQUS Adds Discovery Features" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixAEdrjw3Mu0FGjgtmEUpjQzrhRLQTmducUKuW8WR0bhC6ATr_ba2TycHc_cngZrqm1uA4CemIFF7ud-09UywCRB_uCwVmz995PzXty1uFPR3lerRxCfyTlQMEa2gd2aMt9ofvFSsfvYd6/s1600/d5.gif" title="الإعلانات والمواضيع المقترحه داخل تعليقات Disqus" /></div><br /><div style="text-align: center;">الصورة السابقة تمثل الجزء الإعلاني في تعليقات <b> <span style="color: #45818e;">DISQ</span><span style="color: orange;">US</span></b></div><div style="text-align: center;">فنظام تعليقات <b> <span style="color: #45818e;">DISQ</span><span style="color: orange;">US</span></b>  به شق تجاري لعرض الإعلانات أسفل التعليقات ويمكنك أن تربح منها لكن انا شخصياً لم اطلع على الربح منها وبالتالي لن أتحدث به لكن أنا أعطيك الإعداد الذي اراه الأفضل كما نرى في الصورة 4 خيارات</div><h4 style="text-align: right;">الخيار الأول عرض الإعلانات كامله</h4><h4 style="text-align: right;">الخيار الثاني عرض الإعلانات بشكل متوسط </h4><h4 style="text-align: right;">الخيار الثالث وضع مواضيع مختارة بدلا من الإعلانات وهذا لا ربح به </h4><h4 style="text-align: right;">الخيار الرابع وهو عرض التعليقات فقط وهو ما أنصح به لسرعته</h4><div style="text-align: center;">هكذا أتمننا الإعدادات المثالية للتعليقات هناك العديد من الإعدادات الأخرى في هذا النظام الرائع يمكنك اكتشافها مع الإستخدام كحظر السبام والإشراف قبل العرض وغيرها من إعدادات</div><h3 style="text-align: center;">إصلاح خطأ مدونين بلوجر مع تعليقات <b> <span style="color: #45818e;">DISQ</span><span style="color: orange;">US</span></b></h3><div style="text-align: center;"><span id="goog_535706607"></span><span id="goog_535706608"></span>هذا هو الجزء الأخير في الموضوع وهو توضيح لخطأ يقع فيه غالبية مستخدمي هذا النظام في مدونات بلوجر </div><div style="text-align: center;">هذا النظام عند تركيبه لا يتم الغاء تعليقات بلوجر بل تظل موجوده لكنها يتم إخفائها عند عرضه وبالتالي يتم أولا تحميل تعليقات بلوجر بالكامل ثم يتم التحويل لتعليقات <b> <span style="color: #45818e;">DISQ</span><span style="color: orange;">US</span></b>  أى أنه يتم تحميل نظامين وهذا يسبب ثقل كبير لدى أصحاب الإتصالات الضعيفة</div><div style="text-align: center;">ولهذا يلاحظ مستخدمي تعليقات <b> <span style="color: #45818e;">DISQ</span><span style="color: orange;">US</span></b> على بلوجر أنهم يجدون أحيانا تعليقات على نظام بلوجر وذلك لان أصحاب الإتصالات الضعيفه قد يتأخر نظام <b> <span style="color: #45818e;">DISQ</span><span style="color: orange;">US</span></b>  في التحميل وحينها يرى نظام بلوجر فيبدا بالتعليق به لهذا يجب ان نوقف نظام بلوجر وذلك بالخطوات التالية ادخل الى لوحة تحكم مدونتك >> ثم إعدادات >> ثم مشاركات وتعليقات  >> ثم من الجزء الخاص بموقع التعليقات اختار إخفاء</div><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 /><div style="text-align: center;">تم بحمد الله وبالتوفيق في التركيب والإستخدام</div><div style="text-align: center;"><br /></div></div>

إعداد وتفعيل تعليقات DISQUS على بلوجر

تعليقات DISQ US هو نظام التعليقات الأشهر والذي تثق به كبرى المواقع النظام تفاعلي وقوي للغاية ومتوافق مع جميع الحسابات الشهيرة للمواقع الإج...

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

طريقة إنشاء القوائم المنسدلة للفديو والروابط

<div dir="rtl" style="text-align: right;" trbidi="on"><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="Blogger Widget ScrollMenu For Video and Links" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9HY5ZH9O8l3dq20Qp6BFPSpZLv-g32rEk-h_95wlRI-R4W9i-nPhKw5Xk89Zu8PnIZi_i4fXUiTS7yrgioqJcKanriIj2roHelMlNt_J7HJPctRp92cdd5w7ePaBc2pZkhiOU1zQKruIP/s622/scrollmenu.gif" title="قائمة منسدلة لمكتبة فديو وروابط" /></div>الفديو والروابط هم جزء من التعامل اليومي مع مدونات بلوجر أحيانا نحتاج لعمل مكتبة روابط أو مكتبة فديو لكن غالبية الطرق تجعل من الموضوع ثقيل فمثلا لو أحببنا عرض مجموعة حلقات علمية كسلاسل الدروس الإسلامية سنجد أن الموضوع ممتلئ بالفديو وأصبح ثقيل ونفس الشئ عمل مكتبة روابط قد يسبب مشكلة كبيرة خصوصاً عندما نحب إضافتها الى آداة في السايدبار ستكون طويلة لذا أفضل حل هو القوائم المنسدلة في تسهل الأمر تماما وتجعل الموضوع منسق وتلبي الإحتياج الكامل منها وتم عمل تنسيق جيد للقوائم المنسدلة وتمييز قائمة الفديو عن قائمة الروابط وأيضاً يمكن تخصيصها مع اللوان مدونتك بكل سهولة وسنوضح هذا في باقي الموضوع<br /><br /><a name="more"></a><h3 style="text-align: center;">نبدأ بقائمة الروابط</h3><div style="text-align: center;">وهذا مثال للمعاينة</div></div><center><div style="-moz-border-radius: 15px; -moz-box-shadow: 0 1px 2px #999; -webkit-border-radius: 15px; -webkit-box-shadow: 0 1px 2px #999; background: #CB3A00; border-radius: 15px; border: 2px solid #777; box-shadow: 0 1px 2px #999; margin: 5px 0 5px 0; padding: 0 10px 0 0; width: auto;"><form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" style="-moz-border-radius: 20px; -webkit-border-radius: 20px; background: transparent; border-radius: 20px; border: 0; color: white; font-size: 17px; width: 100%;"><option>مواضيع مختارة</option><option value="http://cnmu.blogspot.com/2013/03/Blogging-Success.html">هل مدونتك من فئة بيبسي أم كوكاكولا أم مجرد حاجه ساقعة</option><option value="http://cnmu.blogspot.com/2013/03/blog-post_14.html">تركيب وتنسيق الخطوط لمدونات بلوجر</option><option value="http://cnmu.blogspot.com/2013/03/ads-window.html">نافذة إعلانية متعددة الإستخدامات</option><option value="http://cnmu.blogspot.com/2013/02/Static-Full-width.html">جعل الصفحات الثابتة بعرض المدونة</option><option value="http://cnmu.blogspot.com/2013/02/Ads-Exchange.html">الخطة المثالية للتبادلات الإعلانية</option></select></form></div></center><br /><div style="text-align: center;">يمكنك إستخدام الإضافة داخل المواضيع بتحويل وضع صندوق كتابة المواضيع من وضع التأليف الى وضع HTML أو أن تضيف الكود الى آداة HTML/JavaScript وهذا هو الكود</div><blockquote class="tr_bq"><center><div style="width:<span style="color: magenta;"><b>auto</b></span>; padding:0 10px 0 0;margin:5px 0 5px 0;background:<span style="color: #cc0000;"><b>#CB3A00</b></span>;box-shadow: 0 1px 2px #999;-moz-box-shadow: 0 1px 2px #999;-webkit-box-shadow: 0 1px 2px #999;border:2px solid #777;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;"><br /><form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" style="font-size:<span style="color: blue;"><b>17</b></span>px; width:100%;border:0; background:transparent; color:<span style="color: purple;"><b>#fff</b></span>;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;"><br /><option>عنوان القائمة</option><br /><b><span style="color: #38761d;"><option value="#">Name</option></span></b><br /><option value="#">Name</option><br /><option value="#">Name</option><br /><option value="#">Name</option><br /><option value="#">Name</option><br /></select></form></div></center></blockquote>كل ما عليك فعله هو تغيير رمز # بالرابط وكلمة Name بالكلمات التي تريدها<br />ولزيادة عدد الروابط فقط قم بتكرار السطر الموضح بالأخضر فكل سطر يساوي رابط جديد<br />لتعديل لون القائمة غير هذا اللون <span style="color: #cc0000;"><b>#CB3A00</b></span><br />ولتعديل لون الخط غير هذا اللون <span style="color: purple;"><b>#fff</b></span><br />ولتعديل حجم الخط غير الرقم <span style="color: blue;"><b>17</b></span> بالزيادة أو النقصان<br />ملحوظة هذا الكود width:<span style="color: magenta;"><b>auto</b></span>; معناه أن حجم القائمة ستتوافق مع عرض المكان فلو وضعتها بموضوع ستأخذ عرض الموضوع لو وضعتها بآداة ستأخذ عرض الآداة في حالة الرغبة بتحديد عرض محدد فقط غير كلمة <span style="color: magenta;"><b>auto</b></span> بهذا الكود <span style="color: #b45f06;"><b>300px</b></span> وغير الرقم 300 بالرقم الذي تريد<br /><br /><h3 style="text-align: center;">ننتقل الى قائمة الفديو</h3><div style="text-align: center;">مثال حي فقط جرب ان تختار اسم فديو وستجده بدأ العمل داخل الموضوع وهذه مجموعه من الأناشيد المفضلة لدي</div><br /></div><center><script type="text/javascript">function MostrarVideo(idYouTube) { var contenedor = document.getElementById('divInnerVideo'); if(idYouTube == "") { contenedor.innerHTML = ""; } else { var dimensiones = "width='300' height='230' frameborder='0'"; var url = "http://www.youtube.com/embed/" + idYouTube; contenedor.innerHTML = "<iframe " + dimensiones + " src='"+ url +"'></iframe>"; } } </script><div style="-moz-border-radius: 8px; -moz-box-shadow: 0 1px 2px #999; -webkit-border-radius: 8px; -webkit-box-shadow: 0 1px 2px #999; background: #969595; background: -moz-linear-gradient(top,#969595,#000); background: -webkit-linear-gradient(top,#969595,#000); border-bottom: 4px dashed #fff; border-left: 4px solid #fff; border-radius: 8px; border-right: 4px solid #fff; border-top: 4px dashed #fff; box-shadow: 0 1px 2px #999; margin: 5px 0 5px 0; padding: 7px 10px 8px 10px; width: 300px;"><select id="sVideos" onchange="MostrarVideo(this.value);" style="font-size: 17px; width: 100%;"><option selected="" value="selected=">أناشيد</option><option value="7Vpqy444m9U">أغيب : مشاري العفاسي</option><option value="buq3jJ31fOs">شراب الحب : حمود الخضر</option><option value="k_B-U8kd3Ak">رتل : أبو علي</option><option value="gNTMXK_KTf4">سأظل أقرع باب ربي : محمد عبيد</option><option value="5YUnhVHa_mE">أشرقت نفسي : أحمد أبو خاطر</option><option value="sO-XDhBoLTA">يا رب هذا الكون : ياسر أبو عمار</option><option value="-4aayDBF7xo">حب وحياة : أحمد سعيد</option></select></div><div id="divInnerVideo"></div></center><br /> طريقة الإضافة نفس الطريقة المتبعه مع الآداة السابقة<br /><blockquote class="tr_bq"><center><script type="text/javascript"><br />function MostrarVideo(idYouTube)<br />{<br />var contenedor = document.getElementById('divInnerVideo');<br />if(idYouTube == "")<br />{<br />contenedor.innerHTML = "";<br />}<br />else<br />{<br />var dimensiones = "width='<span style="color: #674ea7;"><b>300</b></span>' height='<span style="color: #674ea7;"><b>230</b></span>' frameborder='0'";<br />var url = "http://www.youtube.com/embed/" + idYouTube;<br />contenedor.innerHTML = "<iframe " + dimensiones + " src='"+ url +"'></iframe>";<br />}<br />}<br /></script><br /><div style="width:<span style="color: magenta;"><b>auto</b></span>; padding:7px 10px 8px 10px;margin:5px 0 5px 0;<span style="color: red;">background: #969595;background: -moz-linear-gradient(top,#969595,#000);background: -webkit-linear-gradient(top,#969595,#000);</span>border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;box-shadow: 0 1px 2px #999;-moz-box-shadow: 0 1px 2px #999;-webkit-box-shadow: 0 1px 2px #999;border-top:4px dashed <span style="color: blue;"><b>#fff</b></span>; border-bottom:4px dashed<span style="color: blue;"><b> #fff</b></span>; border-right:4px solid <span style="color: blue;"><b>#fff</b></span>; border-left:4px solid<span style="color: blue;"><b> #fff</b></span>;"><br /><select id="sVideos" onchange="MostrarVideo(this.value);" style="font-size:<span style="color: purple;"><b>17</b></span>px; width:100%;"><br /><option value="selected="selected">عنوان القائمة</option><br /><span style="color: #38761d;"><b><option value="VID">Name</option></b></span><br /><option value="VID">Name</option><br /><option value="VID">Name</option><br /><option value="VID">Name</option><br /><option value="VID">Name</option><br /></select><br /></div><br /><div id="divInnerVideo"></div></center></blockquote>في حالة اضافة فديوهات أخرى نفس السابق أيضا تكرار السطر الأخضر<br />لكن بدلا من<span style="color: #6aa84f;"><b> <span style="color: #38761d;">VID</span></b></span> سنستبدله بمعرف الفديو<br />مثال هذا رابط الفديو من اليوتيوب<br /><blockquote class="tr_bq">http://www.youtube.com/watch?v=<span style="color: #38761d;"><b>buq3jJ31fOs</b></span></blockquote>المعرف هو الرقم الموجود بعد علامة يساوي وقد يكون الرابط بأشكار أخرى مثل هذا<br /><blockquote class="tr_bq">http://www.youtube.com/watch?feature=player_embedded&v=<span style="color: #38761d;"><b>sO-XDhBoLTA</b></span></blockquote>ولكن نفس مبدأ الرقم لا مشكلة مهما اختلف الشكل ستجد رقم المعرف في رابط فديو اليوتيوب<br />الرقمين<span style="color: #674ea7;"><b> 300 و 230</b></span> هما عرض وإرتفاع الفديو<br /><h4 style="text-align: right;">بالنسبة لتنسيق شكل القائمة</h4>الكود الأحمر هو تدرج لوني مكون من لونين <span style="color: red;">#969595,#000</span>  عليك تغيير كل لون في عدد المرات المتكرر فيها<br />هذا اللون <span style="color: blue;"><b>#fff</b></span>  والمكرر أربع مرات هو لون الإطار الخاص بالقائمة غيره بما تحب<br />وأيضا الرقم <span style="color: purple;"><b>17</b></span> هو حجم الخط<br />ونفس مبدأ تعديل عرض القائمة كما ذكرنا في الكود السابق بتعديل كلمة <span style="color: magenta;"><b>auto</b></span><br /> أتبرأ من أى شخص يستخدم قوائم الفديو في عرض ما يخالف الشريعة الإسلامية ويغضب رب العالمين<br /><h4 style="text-align: right;">وبالتوفيق للجميع</h4><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="Blogger Remove widget and feed links" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEY0UotbHdSsDj-bx0ArEFQiwD2fEFmpkVrVcaa1tw3JJFN-bZlPtXMooquLFAwGW6ntZXJNQkh1WCgfqY6UK4YaKbFgs_t8nTNscFGwzTUdZoNO242vAs13T4yjfJpfZDP-puCPSDpvgU/s1600/7lol.jpg" title="أكواد ومشاكل وحلول وأسئلة شائعه في بلوجر" /></div>هناك مشاكل وأسئلة متكررة في بلوجر ولقد رددت عليها اكثر من مرة لكن تتجدد بسبب تغير الشخص الذي يسأل ووجدت ان أجمعها في موضوع واحد بحيث يرجع لها المدونون عند الحاجه وأيضا هي لا تحتاج مواضيع منفصله بكل مشكله بمفردها لذا جمعها في موضوع واحد أسهل وأفضل بإذن الله والموضوع سيكون متجدد في حال طرأ موضوع جديد وتكررت عليه الأسئله سيتم اضافته هنا بإذن الرحمن ملاحظة تحت كل سؤال ستجد زر عند الضغط عليه سيظهر حل المشكلة لكن قبل البدء عليك بأخذ نسخة احتياطية من قالبك لتجنب المشاكل<br /><a name="more"></a><h4 style="text-align: right;">أولا طريقة ازالة تنبيهات بلوجر أو ما يسمى بـ Status Message</h4><div class="separator" style="clear: both; text-align: right;"><img alt="Remove Blogger Status Message" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFVuUPAHwZ3FMxEe7Lt9uAwhcf2luy2m4wFNuf5Fh9f0eusLD7_xq-xeAfn38cV9iqYM8F6gFJB3RV1oKxw7VDTwLbAW0UpmDAdxs4MpKsxCZU002wzS3ciD2KoIxGrmyRbXuY07j_2Hzf/s1600/7lol+%25281%2529.gif" title="حذف إظهار الرسائل ذات التسميات" /></div><br /><div id="cnmuhi1" style="display: none;">قم بالدخول لتحرير القالب ثم ابحث عن الكود التالي<br /><blockquote class="tr_bq"><b:includable id='status-message'><br />      <b:if cond='data:navMessage'><br />      <div class='status-msg-wrap'><br />        <div class='status-msg-body'><br />          <data:navMessage/><br />        </div><br />        <div class='status-msg-border'><br />          <div class='status-msg-bg'><br />            <div class='status-msg-hidden'><data:navMessage/></div><br />          </div><br />        </div><br />      </div><br />      <div style='clear: both;'/><br />      </b:if><br />    </b:includable></blockquote>إن بحثت مثلا عن بداية الكود قد تجد بجواره سهم توسيع العناصر اضغط عليه حتى يظهر الكود باكمله ثم حدده واستبدله بالكود التالي<br /><blockquote class="tr_bq"><b:includable id='status-message'><br /><b:if cond='data:navMessage'><br /><div><br /></div><br /><div style='clear: both;'/><br /></b:if><br /></b:includable></blockquote><br /></div></div><button class="cnmubo" onclick="if(document.getElementById('cnmuhi1') .style.display=='none') {document.getElementById('cnmuhi1') .style.display=''}else{document.getElementById('cnmuhi1') .style.display='none'}" type="button">الحــل [ إظهار ] [ إخفاء ]</button><br /><h4 style="text-align: right;">ثانياً حذف عبارة تدعمه بلوجر أو آداة الإسناد Attribution</h4><br /><div id="cnmuhi2" style="display: none;">ادخل الى تحرير القالب ثم ابحث عن الكود التالي واحذفه<br /><br /><blockquote class="tr_bq"><b:widget id='Attribution1' locked='true' title='' type='Attribution'><br />          <b:includable id='main'><br />    <b:if cond='data:feedbackSurveyLink'><br />      <div class='mobile-survey-link' style='text-align: center;'><br />        <data:feedbackSurveyLink/><br />      </div><br />    </b:if><br /><br />    <div class='widget-content' style='text-align: center;'><br />      <b:if cond='data:attribution != ""'><br />       <data:attribution/><br />      </b:if><br />    </div><br /><br />    <b:include name='quickedit'/><br />  </b:includable><br />        </b:widget> </blockquote><br />عندما تجد الكود قد يكون غير ظاهر بالكامل فحينها تضغط على سهم توسيع العناصر لكي يظهر وايضا ابحث عن الكود التالي واحذفه<br /><br /><blockquote class="tr_bq"><!-- outside of the include in order to lock Attribution widget --></blockquote><br /></div><button class="cnmubb" onclick="if(document.getElementById('cnmuhi2') .style.display=='none') {document.getElementById('cnmuhi2') .style.display=''}else{document.getElementById('cnmuhi2') .style.display='none'}" type="button">الحــل [ إظهار ] [ إخفاء ]</button><br /><h4 style="text-align: right;">ثالثاً حذف عبارة الإشتراك في الرسائل (Atom)</h4><div id="cnmuhi3" style="display: none;">ادخل الى تحرير القالب ثم ابحث عن الكود التالي واحذفه<br /><blockquote class="tr_bq"><b:includable id='feedLinks'><br />  <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links --><br />    <b:if cond='data:feedLinks'><br />      <div class='blog-feeds'><br />        <b:include data='feedLinks' name='feedLinksBody'/><br />      </div><br />    </b:if><br /><br />    <b:else/> <!--Post feed links --><br />    <div class='post-feeds'><br />      <b:loop values='data:posts' var='post'><br />        <b:if cond='data:post.allowComments'><br />          <b:if cond='data:post.feedLinks'><br />            <b:include data='post.feedLinks' name='feedLinksBody'/><br />          </b:if><br />        </b:if><br />      </b:loop><br />    </div><br />  </b:if><br /></b:includable></blockquote>في حالة عدم ظهور الكود كاملا ستجد بجواره سهم توسيع العناصر إضغط عليه لإظهاره بالكامل<br />ثم ابحث عن الكواد التالي واحذفه أيضاً<br /><blockquote class="tr_bq"><!-- feed links --><br /><b:include name='feedLinks'/></blockquote><br /></div><button class="cnmubo" onclick="if(document.getElementById('cnmuhi3') .style.display=='none') {document.getElementById('cnmuhi3') .style.display=''}else{document.getElementById('cnmuhi3') .style.display='none'}" type="button">الحــل [ إظهار ] [ إخفاء ]</button><br /><h4 style="text-align: right;">رابعا اخفاء شريط الأدوات العلوي Navbar</h4><div id="cnmuhi4" style="display: none;">من تحرير القالب أضف الكود التالي فوق الوسم ]]></b:skin><br /><blockquote class="tr_bq"> #navbar {height: 0px;visibility: hidden;display: none;}</blockquote>طبعا تأكد من توسعة عناصر الستايل بالضغط على سهم التوسعه الخاص بذلك حتى تستطيع اضافة الكود<br /><br /><div class="separator" style="clear: both; text-align: right;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPGpFAmD-pS6fu9A_HIrhUm_CTeTRCMmB4PI6dqDeXURSjHfIc_TDcJ8-oF260im2NZeImwLKYz-niX-fXLrhOzETq2cYh7Y7oKPq0Iy9BUnMezOQvdUh1dCYmF9zr280yDxlnCYMhDiwG/s1600/tawse3.png" /></div><br /></div><button class="cnmubb" onclick="if(document.getElementById('cnmuhi4') .style.display=='none') {document.getElementById('cnmuhi4') .style.display=''}else{document.getElementById('cnmuhi4') .style.display='none'}" type="button">الحــل [ إظهار ] [ إخفاء ]</button><br /><h4 style="text-align: right;">خامسا إخفاء شريط التمرير السفلي Scrollbar</h4><br /><div id="cnmuhi5" style="display: none;">في بعض المدونات يظل شريط التمرير السفلي ظاهراً بالرغم من أن القالب متناسب مع عرض الشاشة والسبب في العاده يكون كود أو اضافة وخصوصا بعض الإضافات الإجتماعية المهم من يواجه هذه المشكلة يمكنه اخفاء الشريط السفلي بوضع الكود التالي فوق الوسم ]]></b:skin> طبعا بعد الضغط على سهم توسيع العناصر<br /><blockquote class="tr_bq">html {overflow-x: hidden;}</blockquote><br /></div><button class="cnmubo" onclick="if(document.getElementById('cnmuhi5') .style.display=='none') {document.getElementById('cnmuhi5') .style.display=''}else{document.getElementById('cnmuhi5') .style.display='none'}" type="button">الحــل [ إظهار ] [ إخفاء ]</button><br /><br /><br /><br /><h3 style="text-align: center;">أكواد شائعة الإستخدام </h3><div style="text-align: center;">هناك  اكواد تستخدم كثيرا خصوصا داخل ادوات<b> HTML/JavaScript</b> وفي الغالب هي أكواد الصور والروابط لذا سنسرد بعضها </div><div style="text-align: center;">طريقة اضافة رابط</div><blockquote class="tr_bq"><div style="text-align: center;"><a color:="" href="<span style=">#</span>"><b><span style="color: #38761d;">Click</span></b></a></div></blockquote><div style="text-align: center;">استبدل Click بأى كلمة تحب واستبدل # بالرابط </div><div style="text-align: center;"></div><div style="text-align: center;">طريقة اضافة صورة تفتح رابط عند الضغط عليها</div><blockquote class="tr_bq"><div style="text-align: center;"><a color:="" href="<span style=">#</span>"><img color:="" src="<span style=">url</span>"></a></div></blockquote><div style="text-align: center;">استبدل # بالرابط و url برابط الصورة</div><div style="text-align: center;">طريقة اضافة صورة فقط</div><blockquote class="tr_bq"><div style="text-align: center;"><img src="url"></div></blockquote><div style="text-align: center;">جعل أى رابط يفتح في صفحة جديدة </div><div style="text-align: center;">أضف  <span style="color: red;"><b>target="_blank"</b></span></div><div style="text-align: center;">الى كود الرابط مثال</div><blockquote class="tr_bq"><div style="text-align: center;"><a href="#">target="_blank"</span>>Click</a></div></blockquote><div style="text-align: center;"> توسيط الأكواد أسهل طريقة لعمل توسيط للروابط والصور بحيث تكون في وسط الأدوات تمام أن تضيف في بداية الأكواد </div><div style="text-align: center;"><center></div><div style="text-align: center;">وفي نهايتها</div><div style="text-align: center;"></center></div><div style="text-align: center;">مثال</div><blockquote class="tr_bq"><div style="text-align: center;"><span style="color: blue;"><center></span></div><div style="text-align: center;"><a href="http://cnmu.blogspot.com">كن مدون</a></div><div style="text-align: center;"><span style="color: blue;"></center></span></div></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>

مشاكل وحلول وأكواد شائعة تهم المدونين

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

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

التحكم الكامل في إضافة آخر المواضيع

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: right;"><img alt="recent post with thumbnail blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsl8QTX8PML4lwlonTPQ_CtJfAHrYZmiX4IRUxzNx0ZJryyDdjt_MHWIAbQRvC9fS9hQLHBiE7mcV6rMFlpefc4VAO6sMqmdrTE7DM8Vg-SB_VX58H3MWYSwSZe5XqKbjl33nCELRbxsl4/s1600/Recent-posts.jpg" title="اضافة آخر المواضيع مع مصغرات" /></div>اضافة آخر المواضيع تعتبر اضافة فرعية نظراً لانها ليست أساسية في بلوجر بالإضافة أن آخر المواضيع طبيعي تظهر في الصفحة الرئيسية لكنها تكون حيوية داخل المواضيع أو في المدونات التي تحدث بإستمرار مثل المدونات الإخبارية ولكن أحيانا أيضا تكون قوية حينما يتم عرض آخر المواضيع من قسم معين فهذا يساعد في التركيز على قسم وتقوية الزيارات اليه لكن دعونا اولا نتكلم عن انواع اضافة آخر المواضيع , وأنا أحب تصنيف إضافة آخر المواضيع إلى 4 انواع <br /><br /><a name="more"></a><br /><h4 style="text-align: right;">آخر المواضيع العادية</h4>وهي عبارة عن اضافة تحتوي عناوين آخر المواضيع فقط<br />يميزها الخفه والسرعه يعيبها عدم جذب الإنتباه<br /><h4 style="text-align: right;">آخر المواضيع مع مصغرات</h4>وهي كالسابقه لكنها تتيح نبذه من الموضوع وصورة مصغره وهي الافضل سواء في العرض او جذب الإنتباه<br /><h4 style="text-align: right;">آخر المواضيع مصغرات فقط </h4>جيده في المدونات التي تهتم بشكل المصغرات وتجعلها تدل على المحتوى أما المدونات التي لا تهتم بالصور المصغره لن تكون جيده في عرضها<br /><h4 style="text-align: right;">آخر المواضيع المتحركه</h4>تميزها الحركة في عرض عدد أكبر من المواضيع لكنها الأسوأ من حيث السرعه والثقل<br /><br />لذا اخترت لكم أفضل نوعين للحديث عنهما وهما<br />آخر المواضيع مع مصغرات , وآخر المواضيع مصغرات فقط<br /><br /><h3 style="text-align: center;">نيدأ مع آخر المواضيع مع المصغرات</h3><div style="text-align: center;"><a class="cnmubo" href="http://cnmu.blogspot.com/p/preview.html?url=http://i-cnmu.blogspot.com" target="_blank">معاينــة </a></div><div style="text-align: center;"><br /></div><div style="text-align: center;">كود الإضافة أضفه الى آداة <b>HTML/JavaScript</b></div><blockquote class="tr_bq"><style>img.recent_thumb {background:#fff;padding:2px;<span style="color: #38761d;"><b>width:64px</b></span>;<span style="color: blue;"><b>height:64px</b></span>;border:1px solid #777;<span style="color: red;"><b>float:left</b></span>;margin:<span style="color: magenta;">5px 10px 5px 0;</span>}.recent_posts_with_thumbs {float: left;margin: 5px 0px 5px 0px;padding: 0;font-size:<b><span style="color: #674ea7;">15px</span></b>;<b>font-family:Arial;</b>}ul.recent_posts_with_thumbs li {padding:5px; height<span style="color: orange;"><b>:85px</b></span>;} .recent_posts_with_thumbs a {text-decoration:none;} .recent_posts_with_thumbs strong {font-size:12px;}</style><br /><script style='text/javascript' src='https://cnmu.googlecode.com/svn/trunk/Recent-Posts.js'></script><br /><script style='text/javascript'><br />var numposts = <span style="color: #a64d79;"><b>5</b></span>;<br />var showpostthumbnails = true;<br />var displaymore = false;<br />var displayseparator = false;<br />var showcommentnum = false;<br />var showpostdate = false;<br />var showpostsummary = true;<br />var numchars = <span style="color: #bf9000;"><b>60</b></span>;<br /></script><br /><div id="sai"><br /><script src='<b>http://cnmu.blogspot.com</b>/feeds/posts/<span style="color: purple;">default</span>?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script><br /></div></blockquote><h2 style="text-align: right;">شرح التنسيق</h2>هذا الكود <span style="color: #38761d;"><b>width:64px</b></span> هو عرض الصورة المصغرة غير الرقم 64 لتغيير عرض الصورة<br />هذا الكود <span style="color: blue;"><b>height:64px</b></span> هو ارتفاع الصورة المصغره غيره أيضا بحسب ما تريد<br />ان ردت الصورة المصغرة جهة اليمين غير <span style="color: red;"><b>float:left</b></span>  الى<span style="color: #6aa84f;"><b> float:right</b></span><br />واستبدل هذه الأرقام  <span style="color: magenta;">5px 10px 5px 0</span>  بهذه  <span style="color: #6aa84f;"> <b>5px  0 5px 10px</b></span><br />هذا الرقم <b><span style="color: #674ea7;">15px</span></b> هو حجم الخط<br />وهذا هو <b>font-family:Arial;</b> نوع الخط استبدل الوسم بوسم الخط الذي تريده<br />وهذا هو height<span style="color: orange;"><b>:85px</b></span>; ارتفاع كل مشاركه قم بزيادة الرقم بحسب ما تريد <br />الرقم <span style="color: #a64d79;"><b>5</b></span> هو عدد المشاركات المعروضه<br />والرقم  <span style="color: #bf9000;"><b>60</b></span> هو عدد حروف النبذه من كل مشاركة<br />ثم استبدل <b>http://cnmu.blogspot.com</b>  برابط مدونتك<br /><span style="color: red;">ملاحظه</span> ان ردت عرض المواضيع من قسم معين استبدل الكود التالي <span style="color: purple;">default</span><br />بهذا الكود default/-/#<br />مع مراعاة تغيير علامة # برابط القسم<br />مثال<br />http://cnmu.blogspot.com/feeds/posts/default/-/<span style="color: blue;">Facebook</span>?orderby<br />رابط القسم هو المعلم بالأزرق<br />لكن الأقسام التي تكون بالعربية لا تكون كلمة بل رموز كهذه<br />%D8%A5%D8%B6%D8%A7%D9%81%D8%A7%D8%AA%20%D8%A8%D9%84%D9%88%D8%AC%D8%B1<br />كيفية الحصول عليها , عند نسخ رابط القسم ستجده بشكل مثل التالي<br /><blockquote class="tr_bq">http://cnmu.blogspot.com/search/label<span style="color: red;">/</span><span style="color: blue;">%D8%A5%D8%B6%D8%A7%D9%81%D8%A7%D8%AA%20%D8%A8%D9%84%D9%88%D8%AC%D8%B1</span><span style="color: red;">?</span>&max-results=5 </blockquote>نحن نريد الأكواد التي تقع بين العلامتين ذوات اللون الأحمر<br />مثال كامل للمعاينة بعد إضافة القسم<br /><blockquote class="tr_bq"><div id="sai"><br /><script src='<b>http://cnmu.blogspot.com</b>/feeds/posts/<span style="color: #a64d79;">default/-/</span><span style="color: blue;">%D8%A5%D8%B6%D8%A7%D9%81%D8%A7%D8%AA%20%D8%A8%D9%84%D9%88%D8%AC%D8%B1</span>?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script><br /></div></blockquote><br /><h3 style="text-align: center;">ننتقل الى آخر المواضيع مصغرات فقط</h3><div style="text-align: center;"><a class="cnmubo" href="http://cnmu.blogspot.com/p/preview.html?url=http://t-cnmu.blogspot.com" target="_blank">معاينــة</a></div><div style="text-align: center;"><br /></div><div style="text-align: center;">كود الإضافة ضعه في آداة HTML/Java Script</div><blockquote class="tr_bq"><style text-type="CSS"><br />img.label_thumb {float:right;padding:2px;background:#fff;border:1px solid #000;<span style="color: #38761d;"><b>width:78px</b></span>;<span style="color: blue;"><b>height:78px;</b></span>margin-right:10px;margin-top:5px;margin-bottom:5px; }<br />img.label_thumb:hover {opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.80;-khtml-opacity:0.8 }<br /></style><br /><script type='text/javascript'><br />//<![CDATA[<br />function labelthumbs(json){document.write('<div>');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}<br />if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}<br />var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)<br />{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}<br />else thumburl='';}<br />document.write('<a href="'+posturl+'" title="'+posttitle+'"><img class="label_thumb" src="'+thumburl+'"/></a>');<br />if(i!=(numposts-1))<br />document.write('');}<br />document.write('</div>');}<br />//]]><br />var numposts = <span style="color: red;"><b>9</b></span>;<br /></script><br /><script type="text/javascript" src="<b>http://cnmu.blogspot.com</b>/feeds/posts/default?alt=json-in-script&callback=labelthumbs"></script></blockquote><h2 style="text-align: right;">طريقة التنسيق</h2><br />هذا الكود <span style="color: #38761d;"><b>width:78px</b></span>;<span style="color: blue;"></span>  عرض الصور المصغرة<br />وهذا هو ارتفاعها <span style="color: blue;"><b>height:78px</b></span><br />والرقم <span style="color: red;"><b>9</b></span> هو عدد المواضيع التي ستظهر في الإضافة<br />أيضا استبدل رابط مدونتي برابط مدونتك وان اردت عرض مواضيع من قسم معين قم بتطبيق نفس الشرح الخاص بالإضافة السابقة<br /><br /><span style="color: red;">ملاحظة ختامية</span> :<span style="color: #38761d;"> بالنسبة لأى من الإضافات وخصوصا الأولى هناك من يحب عرض أعداد كبيرة من المواضيع ولهذا يحب إستخدام الإضافة المتحركة وكما وضحت هي ثقيلة لذا البديل أن نجعل الآداة داخل إطار يمكن تمريره بحيث نعرض العدد الذي نريده من المواضيع دون أن نأخذ حيز او نثقل المدونة بآداة متحركة ثقيلة قم بمراجعة الدرس التالي لمعرفة أكثر حول الأمر</span><br /><br /><h2 style="text-align: right;"><a href="http://cnmu.blogspot.com/2013/01/Scroll-Widget.html">جعل أدوات بلوجر قابلة للتمرير</a></h2><br /></div>

التحكم الكامل في إضافة آخر المواضيع

اضافة آخر المواضيع تعتبر اضافة فرعية نظراً لانها ليست أساسية في بلوجر بالإضافة أن آخر المواضيع طبيعي تظهر في الصفحة الرئيسية لكنها تكون حيوي...

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

مختصر تعريب قوالب بلوجر مع برنامج معرب القوالب

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><img alt="translate blogger templates to Arabic language" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9UyU76MJnr28QnaSRGpg4344eO1AvoCNpJ47qqPec_4Zk-c7I3iz5K76i1hzuxmlXjBpBS24QaU3X1M_WVIBQcbab95Ny0FCjbDk2oclHUWDg4QBHssYA8HE0rqFfhgGJehC8daa4IwhD/s1600/bt-trans.jpg" title="تعريب قوالب بلوجر" /></div><div style="text-align: center;">كثير من المدونين يبحثون عن دروس ووسائل لتعليم تعريب قوالب بلوجر وأنا شخصياً كنت منهم في بداياتي والحقيقة ارهقت حتى استطعت التعلم وبعدما تعلمت وجدت أن الموضوع ليس بالصعوبه التي كنت متخيلها قبل البدء فالتعريب في حد ذاته مبني على اساس بسيط وهو تحويل القالب بأكمله من اتجاه اليسار الى اتجاه اليمين لا اكثر ولا اقل أو بشكل علمي تحويل جميع كلمات القالب</div><div style="text-align: center;"><span style="color: blue;"><b>Left</b></span> = يسار </div><div style="text-align: center;">الى</div><div style="text-align: center;"><span style="color: #38761d;"><b>Right</b></span> = يمين</div><div style="text-align: center;">والعكس صحيح </div><div style="text-align: center;">عند فعل هذا غالبية القوالب تعرب بنسبة <b>80%</b></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><a name="more"></a><br /><div style="text-align: center;"><a class="cnmubb" href="http://abedsoft.com/blogger-templates-translator" rel="nofollow" target="_blank">تحميـل</a></div><div style="text-align: center;"><br /></div><div style="text-align: center;">والبعض واجه مشكلة مع الإصدار الأخير ولمن واجهها يقم بتحميل لإصدار التالي فهو اصدار قديم من البرنامج استخدمته لفترة ويعمل جيدا وهو نسخة محمولة <b>Portable</b></div><div style="text-align: center;"><br /></div><div style="text-align: center;"><a class="cnmubb" href="http://cnmu.blogspot.com/p/preview.html?url=https://www.box.com/s/7yklg8ub1ig2aq9lohrd" target="_blank">تحميــل </a></div><div style="text-align: center;"><br /></div><div style="text-align: center;">لكن دائما تبقى في بعض القوالب أجزاء تحتاج لضبط ولا يقوم البرنامج بضبطها وهي</div><div style="text-align: center;">الحشوة = Padding</div><div style="text-align: center;">الهامش = Margin</div><div style="text-align: center;">يمتلئ القالب بهذه  الاكواد وتكتب بعدة طرق منها ان تكتب بها الإتجاهات Right , Left وهذه البرنامج يعدلها</div><div style="text-align: center;">وطريقة أخرى لا يعدلها البرنامج وهي هذه الطريقة </div><div style="text-align: center;">مثال </div><blockquote class="tr_bq"><div style="text-align: center;">padding:1px <span style="color: red;">2px</span> 3px <span style="color: red;">4px</span>;</div><div style="text-align: center;">margin:1px <span style="color: red;">2px</span> 3px <span style="color: red;">4px</span>;</div></blockquote><div style="text-align: center;">طبعا مع اختلاف قيم الأرقام</div><div style="text-align: center;">لكن القيمتين الذين يهمنا أمرهم في التعريب هما القيمتين</div><div style="text-align: center;"><span style="color: red;">2</span> و <span style="color: red;">4</span></div><div style="text-align: center;">أكرر لا اقصد الأرقام فقد تكون الأرقام بهذا الشكل</div><div style="text-align: center;">padding:0 <span style="color: red;">0</span> 4px <span style="color: red;">2px</span></div><div style="text-align: center;">ولكن أنا اقصد الموقعين فالموقع الثاني هو موقع اليمين</div><div style="text-align: center;">والرابع هو موقع اليسار</div><div style="text-align: center;">فالقالب الأجنبي قد نجد الحاشيه أو الهامش تجاه اليسار هكذا</div><div style="text-align: center;">margin: 0 <span style="color: red;">0</span> 5px <span style="color: red;">30px</span>;</div><div style="text-align: center;">ونحن نريد جعله تجاه اليمين فيصبح</div><div style="text-align: center;">margin: 0 <span style="color: red;">30px</span> 5px <span style="color: red;">0</span>;</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 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 border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsr0hSeRzo4UgCS9cgMIN_9cgYwMNNC5kYOBlUsMrPCduJTF_lABzC6fvSo3bWv80aMAafxIwHDtfpoDYJXiKEgvbD_RIpRIJjNhre7XbEl2qHG-6HlrSVMEt2mwezz0IjknyEzaeqdeZs/s1600/sep.png" /></a></div></div><div style="text-align: center;">لكن طبعا هناك قوالب مستثناه والتي يكون تعريبها أصعب كالتي تستخدم صور تحتاج لقلب الصور ببرنامج تصميم </div><div style="text-align: center;">أو هناك قوالب يجب ان تعرب يدوياً بالإضافة ان تطوير القالب عمل اكثر احترافية</div><div style="text-align: center;">ولكن هذه الأمور يصعب شرحهاً فهي تعتمد على لغات برمجية كـ <b>CSS و HTML</b></div><div style="text-align: center;">وهذه اللغات أرى أن كل وسائل شرحها ليست جيده الوسيلة الوحيده الفعالة هي أن يتم شرح كل وسم بهذه اللغات كما شرحت مختصر وسم الحشوة والهامش ولا يستطيع أحد تقديم هذا إلا بان ينشئ موقع متفرغ لهذا الأمر فقط هناك موقع أجنبي مخصص لهذا الأمر وهو ما تعلمت منه الكثير وهو موقع </div><div style="text-align: center;"><a href="http://www.w3schools.com/" rel="nofollow" target="_blank">http://www.w3schools.com</a></div><div style="text-align: center;">فهو يشرح كل وسم بشكل منفرد ويعرض كل شئ عنه <br />ونتمنى ان يتوافر موقع عربي مماثل يسهل تعلم اللغات البرمجية وتصميم المواقع كما يوفرها هذا الموقع</div><div style="text-align: center;">اتمنى أن يكون هذا الإختصار في مسالة التعريب واضح واعذروني على عدم التفصيل أكثر </div><div style="text-align: center;">فكما قلت هذا أمر يصعب فعله جداً </div><div style="text-align: center;">ودمتم في امان الله</div><div style="text-align: center;"><br /></div></div>

مختصر تعريب قوالب بلوجر مع برنامج معرب القوالب

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

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

قالب المجلة الإخباري DENews

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: right;"><img alt="Blogger News Magazine Template" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfZrYs8RcKYJSzKPlwKODdls9HQnr1YIlxnIZQZ3FPPZCJcgUL4iXNEu4_Yd8H4jvFubDWH650kZodjSHwOqrSb-iWElhnLlPKWYFxoUl0zXhN6aB-H8Br593qOTCcRmm93xqf8Y9mUW71/s1600/denews.jpg" title="قالب اخباري لمدونات بلوجر Denews" /></div><div style="text-align: center;">قالب مميز لمنصة بلوجر وهو من نوعية المجلات الإخبارية القالب سريع ومنسق وممتاز في عرض هذا النوع من المقالات وهو متجاوب أى يتناسب مع جميع أحجام الشاشات والهواتف الذكية والأجهزة اللوحية </div><div style="text-align: center;"><br /></div><div style="text-align: center;"><a class="cnmubo" href="http://cnmu.blogspot.com/p/preview.html?url=http://tjarb-blogger.blogspot.com" target="_blank">معاينة</a>   <a class="cnmubb" href="http://cnmu.blogspot.com/p/preview.html?url=https://www.box.com/s/3t1uvqq652ufac5c6awz" target="_blank">تحميل </a></div><div style="text-align: right;"><br /><h2 style="text-align: right;"><span style="color: #3d85c6;">مميزات القالب </span></h2></div><div style="text-align: right;"><h4 style="text-align: right;">القالب خفيف وصديق لمحركات البحث</h4></div><div style="text-align: right;"><h4 style="text-align: right;">القالب يعمل بتقنية التجاوب</h4></div><div style="text-align: right;"><h4 style="text-align: right;">القالب متوافق مع جميع المتصفحات الحديثة</h4></div><div style="text-align: right;"><h4 style="text-align: right;">القالب مضاف له الميتا تاج ويمكنك البحث عن كلمة تعديل في بداية القالب وغير ما يلزم</h4></div><div style="text-align: right;"><h4 style="text-align: right;">القالب يعمل بتقنيتين لعرض المواضيع  الثلاثي والفردي </h4></div><div style="text-align: right;"><h4 style="text-align: right;">القالب يحتوي على أزرار المشاركة الإجتماعية</h4></div><div style="text-align: right;"><h4 style="text-align: right;">القالب يحتوي على شريط تسلسل التدوينات</h4></div><div style="text-align: right;"><h4 style="text-align: right;">القالب يحتوي على شريط آخر الأخبار</h4></div><div style="text-align: right;"><h4 style="text-align: right;">القالب إضافة يحتوي على مواضيع ذات صلة </h4></div><div style="text-align: right;"><h4 style="text-align: right;">القالب يحتوي على قائمة أدوات ثلاثية في السايد بار</h4></div><div style="text-align: right;">هيدر القالب منفرد بدون أدوات إضافية لدعم تقنية التجاوب<br />لا نسامح من يحذف حقوق القالب أو يخالف <a href="http://cnmu.blogspot.com/p/blog-page_12.html" target="_blank">شروط الإستخدام</a><br /><br /></div></div>

قالب المجلة الإخباري DENews

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

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