قالب Gridz معرب

مدون محترف

6/19/2016

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

معاينة تحميل

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

1. متوافق ومتجاوب مع جميع الشاشات.
2. ستايل المواضيع على شكل شبكي.
3. مُحرك بحث متطور.
4. نظام تعليقات بلوجر.
5. إضافة مواضيع ذات صلة.
6. أماكن للإعلانات جاهزة.
7. إضافة تعريف الكاتب.
8. صفحة خطأ.
9. متوافق مع المُتصفحات.
10. إضافة المشاركات الشائعة بحسب التسمية.

       والمزيد ....

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

مدون محترف

5/15/2016

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

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

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

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

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

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

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

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

مثال آخر:

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

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

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

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

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

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

قالب Easy Mag معرب

مدون محترف

5/10/2016

قالب Easy Mag معرب - هو قالب بلوجر يصلُح لجميع المجالات مثل المدونات الأخبارية والمجلات والمدونات الشخصية والتقنية، حيثُ أنّه مُصمم ليكون قالب استثنائي لما يحتويه من ميزات مُبتكرة، لأنّه وبكل بساطة تستطيع التحكم بالقالب بشكل كامل من التخطيط وبكل سهولة، والرائع بالقالب أنّه متوافق مع جميع أحجام الشاشات وهو مُدعم بأكواد سيو.

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

معاينة تحميل

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

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

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

قالب Value الإحترافي معرب

مدون محترف

4/30/2016

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

معاينة تحميل

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

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

أتمنى أنّ يُعجبكم القالب.

إضافة سلايدر شو تلقائي في السايدبار

مدون محترف

4/25/2016

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

معاينة

إضافة سلايدر شو تلقائي في السايدبار

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

<style scoped="" type="text/css">
ul.rcentside *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box }ul.rcentside{font-size:11px}ul.rcentside,ul.rcentside li{margin:0;padding:0;list-style:none;position:relative }ul.rcentside{width:100%;height:500px }ul.rcentside li{height:24.5%;position:absolute;padding:0;width:49.5%;float:left;overflow:hidden;display:none }ul.rcentside li:nth-child(1),ul.rcentside li:nth-child(2),ul.rcentside li:nth-child(3),ul.rcentside li:nth-child(4){display:block }ul.rcentside img{border:0;width:100%;height:auto}ul.rcentside li:nth-child(1){width:100%;height:49.5%;margin:0 0 2px;left:0;top:0 }ul.rcentside li:nth-child(2){left:0;top:50% }ul.rcentside li:nth-child(3){left:50.5%;top:50% }ul.rcentside li:nth-child(4){width:100%;left:0;top:75% }ul.rcentside .overlayx,ul.rcentside li{transition:all .4s ease-in-out }ul.rcentside .overlayx{width:100%;height:100%;position:absolute;z-index:2;left:0;top:0;opacity:.6;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4EjooE1fuOtlbppyKL6Tbjo7BJ9QUCsNNXllnsS5zD90Jtinlrm3OT_XuwFDurLy-mNSttG7x5etqKaCPDFIZ7lvds7B4bKHZOTdLR3e5oP22EexFE8H8xkgOaDejofTh-nCUZfpE3Fw/s1600/linebg-fade.png);background-position:50% 50%;background-repeat:repeat-x }ul.rcentside .overlayx,ul.rcentside img{margin:3px}ul.rcentside li:nth-child(1).overlayx{background-position:50% 25% }ul.rcentside .overlayx:hover{opacity:.1 }ul.rcentside h4{position:absolute;bottom:10px;left:10px;right:10px;z-index:2;color:#fff;font-weight:700;margin:0;padding:10px;line-height:1.5em;font-weight:normal;overflow:hidden;transition:all .3s}ul.rcentside li:hover h4{bottom:30px}ul.rcentside li:nth-child(1)h4,ul.rcentside li:nth-child(4)h4{font-size:150% }ul.rcentside .label_text{position:absolute;bottom:0;left:20px;z-index:2;color:#fff;font-size:90%;opacity:0;transition:all .3s}ul.rcentside li:hover .label_text{bottom:20px;opacity:1}ul.rcentside li:nth-child(2).autname,ul.rcentside li:nth-child(3).autname{display:none }.buttons{margin:5px 0 0 }.buttons a{display:inline-block;text-indent:-9999px;width:15px;height:25px;position:relative }.buttons a::before{content:"";width:0;height:0;border-width:8px 7px;border-style:solid;border-color:transparent #535353 transparent transparent;position:absolute;top:50%;margin-top:-8px;margin-left:-10px;left:50% }.buttons a.nextx::before{border-color:transparent transparent transparent #535353;margin-left:-3px }
</style>
<div id="featuredpostside"></div>
<script type='text/javascript'>
function FeaturedPostSide(a){(function(e){var h={blogURL:"",MaxPost:4,idcontaint:"",ImageSize:100,interval:5000,autoplay:false,loadingClass:"loadingxx",pBlank:"http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",MonthNames:["يناير","فبراير","مارس","ابريل","مايو","يونيو","يوليو","اغسطس","سبتمبر","اكتوبر","نوفمبر","ديسمبر"],tagName:false};h=e.extend({},h,a);var g=e(h.idcontaint);var d=h.MaxPost*200;g.html('<div class="sliderx"><ul class="rcentside"></ul></div><div class="buttons"><a href="#" class="prevx">prev</a><a href="#" class="nextx">next</a></div>');var f=function(w){var q,k,m,u,x,p,t,v,r,l="",s=w.feed.entry;for(var o=0;o<s.length;o++){for(var n=0;n<s[o].link.length;n++){if(s[o].link[n].rel=="alternate"){q=s[o].link[n].href;break}}if("media$thumbnail" in s[o]){u=s[o].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+h.ImageSize+"-c")}else{u=h.pBlank.replace(/\/s[0-9]+(\-c|\/)/,"/s"+h.ImageSize+"$1")}k=s[o].title.$t;r=s[o].published.$t.substring(0,10);m=s[o].author[0].name.$t;x=r.substring(0,4);p=r.substring(5,7);t=r.substring(8,10);v=h.MonthNames[parseInt(p,10)-1];l+='<li><a target="_blank" href="'+q+'"><div class="overlayx"></div><img class="random" src="'+u+'"/><h4>'+k+'</h4></a><div class="label_text"><span class="date"><span class="dd">'+t+'</span> <span class="dm">'+v+'</span> <span class="dy">'+x+'</span></span> <span class="autname">'+m+"</span></div></li>"}e("ul",g).append(l).addClass(h.loadingClass)};var c=function(){e(h.idcontaint+" .nextx").click()};var b=function(){e.get((h.blogURL===""?window.location.protocol+"//"+window.location.host:h.blogURL)+"/feeds/posts/summary"+(h.tagName===false?"":"/-/"+h.tagName)+"?max-results="+h.MaxPost+"&orderby=published&alt=json-in-script",f,"jsonp");setTimeout(function(){e(h.idcontaint+" .prevx").click(function(){e(h.idcontaint+" .sliderx li:first").before(e(h.idcontaint+" .sliderx li:last"));return false});e(h.idcontaint+" .nextx").click(function(){e(h.idcontaint+" .sliderx li:last").after(e(h.idcontaint+" .sliderx li:first"));return false});if(h.autoplay){var i=h.interval;var j=setInterval(c,i);e(h.idcontaint+" .sliderx li:first").before(e(h.idcontaint+" .sliderx li:last"));e(h.idcontaint+" .sliderx").hover(function(){clearInterval(j)},function(){j=setInterval(c,i)})}e("ul",g).removeClass(h.loadingClass)},d)};e(document).ready(b)})(jQuery)};
//<![CDATA[
FeaturedPostSide({
  blogURL: "http://aegygeek.com/",
  MaxPost: 8,
  idcontaint: "#featuredpostside",
  ImageSize: 300,
  interval: 5000,
  autoplay: true,
  tagName: false
});//]]>
</script>

تعديلات الكود

blogURL: قم باسبتدال رابط المدونة التالية http://www.aegygeek.com برابط مدونتك.
MaxPost: 8: هذا الوسم هو المسؤول عن عدد المواضيع التي سوف يتم عرضها.
ImageSize: 300: المسؤول عن حجم وأبعاد الصورة بالبكسل.
interval: 5000: الفاصل الزمني بين التنقل في المواضيع.
autoplay: وهو المسؤول عن عرض المواضيع بشكل تلقائي ولإيقافها قم باستبدال true بالكلمة التالية false.
tagName: وهو المسؤول عن عرض المواضيع حسب التسمية بحيث يجب عليك تغيير كلمة false باسم القسم الخاص بك.

أتمنى أنّ تكون الإضافة أعجبتكم بالتوفيق