انشر موضوعك في موقع المطور.نت و احصل على مساحة اعلانية مجانا

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

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

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

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

مميزات المشاركة 

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

شروط المشاركة :

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

من اجل مراسلتنا بتدوينتك يرجى ترك تعليق و كاتبتها في ملف وورد او ارسالها مباشرة الى بريد المدونة :

ahmadjor90@gmail.com او من خلال الفيس بوك

اقرء المزيد

[انفوجرافيك] ما هو تصميم الويب المتجاوب؟ وما أهميتة ؟ – Responsive Design

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

التصميم الاحترافي والمميز لابد ان يكون متوافق مع الاجهزة الذكية فهناك نسبة كبيرة جداً من زوار اغلب المواقع من الهواتف الذكية واللوحية , فيجب على موقعك ان يستطيع الجميع تصفحة سواء اكان على الحاسوب pc او الاجهزة الذكية واللوحية

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

اليكم انفوجرافيك عن ما هو تصميم الويب المتجاوب؟ – RESPONSIVE  
المصدر 

اقرء المزيد

قالب بلوجر msora من أفضل قوالب بلوجر الحديثة!

msora هو قالب جديد مقدم من مداد الجليد وهو حصري، تقريباً هذا القالب لا ينقصه شيء لديه جميع الإضافات والمميزات

• معاينة
• تنزيل

شرح تخصيص القالب:

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

لتظهر الايقونات يجب إضافة تسمية لكل رابط كما هي في الواقع على سبيل المثال facebook, twitter, gplus, instagram, rss

2. اضافة أقسام للقائمة المنسدلة
قم بتحرير اداة القائمة المنسدلة من التخطيط "menu" ثم أضف روابط الأقسام كما هو مبين بالصورة التالية

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

3. إضافة مواضيع عشوائية وأخر المشاركات
بكل بساطه لإضافة مواضيع عشوائية ومواضيع أخر المشاركات حرر اداة HTML/JavaScript لكل قسم ثم أستخدم الرمز:
randomposts للمشاركات العشوائية
recentposts لأحدث المشاركات

4. السلايد شو

لتشغيل السلايد شو قم بتحرير أداة "Slider" من التخطيط ثم أضف التسمية المراد ظهورها في السلايد كما هي هنا
[ضع التسمية هنا][5]


5. التحكم في التعليقات
لتشغيل تعليقات الفيسبوك قم بالدخول غلى تخطيط المدونة ثم حرر أداة "التحكم في التعليقات" ثم أضف لكل من:
[blogger] لتشغيل تعليقات بلوجر فقط
[disqus] لتشغيل تعليقات disqus فقط
[facebook] لتشغيل تعليقات الفيسبوك فقط
أو يمكنك عرض جميع التعليقات من خلال إضافة الثلاثة كما هي [blogger][disqus][facebook]

6. إظهار الإعلانات داخل المواضيع
يمكنك إظهار أو إضافة أي إعلان داخل المواضيع بسهولة من خلال التخطيط ثم تحرير أحد الأداتين
لإظهار إعلان أسفل عنوان الموضوع قم بإضافة كود الإعلان في الأداة "إعلان بحجم - 468x60"
ولإضافة إعلان فوق المشاركات ذات الصلة حرر الأداة "ADS 468x60" أسفل رسائل المدونة الإلكترونية ثم أضف كود الغعلان لها.

7. التحكم في ألوان وخلفية القالب
يمكنك التحكم في ألوان القالب والخلفية من خلال الإنتقال إلى التخطيط ثم مصمم النماذج

اقرء المزيد

سلايد شو بسيط وتلقائي واحترافي للبلوجر ( سهل التركيب )

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

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

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

• قم بالذهاب الى التخطيط 
• قم باضافة اداة جديدة 
• قم باضافة الكود الاتي 
• يمكنك تحميل الكود من هنا 

<style>

#featuredpost {padding: 10px;}

#slides *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}

#slides ul,#slides li{padding:0;margin:0;list-style:none;position:relative}

#slides ul{height:320px}

#slides li{width:50%;height:100%;position:absolute;display:none}

#slides li:nth-child(1), #slides li:nth-child(2), #slides li:nth-child(3), #slides li:nth-child(4), #slides li:nth-child(5){display:block}

#slides li:nth-child(1){left:0;top:0}

#slides li:nth-child(2){left:50%;width:25%;height:50%}

#slides li:nth-child(3){left:75%;width:25%;height:50%}

#slides li:nth-child(4){left:50%;top:50%;width:25%;height:50%}

#slides li:nth-child(5){left:75%;top:50%;width:25%;height:50%}

#slides li:nth-child(1) h4 {overflow:hidden;font-size:15px;bottom:0;color:#fafafa;width:100%;

padding:10px 10px 10px 90px;text-align:left;text-transform:uppercase;background:rgba(0,0,0,0.3);

height:90px;text-shadow:2px 2px 0 rgba(0,0,0,0.2);line-height:32px;left:0;}

#slides li:nth-child(1) .label_text {font-size:20px;display:block;bottom:10px;left:10px;

padding:0;box-shadow:5px 3px 0 rgba(0,0,0,0.2);}

#slides li:nth-child(1) span.dd {display:block;font-size:20px;padding:12px 15px;

background:#FC4F3F;margin:0;}

#slides li:nth-child(1) span.dm {display:block;font-size:14px;background:#333;color:#fff;

padding:5px 21px;text-transform:uppercase;margin:0;}

#slides li:nth-child(1) span.dy, #slides li:nth-child(1) span.autname{display:none;}

#slides a{display:block;width:100%;height:100%;overflow:hidden}

#slides img{display:block;width:100%;height:auto;border:0;padding:0;background-color:#333;-moz-transform:scale(1.0) rotate(0);-webkit-transform:scale(1.0) rotate(0);-ms-transform:scale(1.0) rotate(0);transform:scale(1.0) rotate(0);transition:all 0.6s linear;}

#slides li a:hover img {-moz-transform:scale(1.1) rotate(1deg);-webkit-transform:scale(1.1) rotate(1deg);-ms-transform:scale(1.1) rotate(1deg);transform:scale(1.1) rotate(1deg);transition:all 0.3s linear;}

#slides .overlayx{width:100%;height:100%;position:absolute;z-index:2;background-image:url(http://2.bp.blogspot.com/-0haO2Mfkjjk/VDgZww2tfEI/AAAAAAAAHAk/zhu3INYSkHA/s1600/fade.png);background-position:50% 40%;background-repeat:repeat-x;}

#slides h4{position:absolute;bottom:40px;margin:0;font-size:13px;

left:10px;padding:5px 10px;color:#f9f9f9;z-index:3;line-height:20px;font-weight:normal;

background:rgba(41,41,41,0.7);text-align:left;text-transform:uppercase;margin-right:10px;}

#slides .label_text{font-size:12px;color:#fff;bottom:10px;z-index:3;left:10px;

position:absolute;background:#FC4F3F;padding:3px 6px;

text-transform:uppercase;}

#slides li:nth-child(2) .autname,#slides li:nth-child(3) .autname,#slides li:nth-child(4) .autname,#slides li:nth-child(5) .autname{display:none;}

#slides .overlayx,#slides li{transition:all .4s ease-in-out}

#slides li:nth-child(1) .overlayx{display:none;}

#slides li:hover .overlayx{opacity:0.1}

@media only screen and (max-width:800px){

#slides li:nth-child(1) h4 {font-size:18px;line-height:24px;}}

@media only screen and (max-width:600px){

#slides ul{height:600px}

#slides li:nth-child(1){width:100%;height:50%}

#slides li:nth-child(2){top:50%;height:25%;left:0;width:50%}

#slides li:nth-child(3){left:50%;top:50%;width:50%;height:25%}

#slides li:nth-child(4){left:0;top:75%;height:25%;width:100%}

#slides li:nth-child(5){display:none;}}

@media only screen and (max-width:480px){

#slides li:nth-child(1) h4 {font-size:13px;line-height:16px;}}

</style>

<div id="featuredpost"></div>

<script type="text/javascript" src="https://googledrive.com/host/0B7EdpK5Vun4YcGJMbnU2T3RMV0k"></script>

<script type='text/javascript'>

//<![CDATA[

$(document).ready(function () {

FeaturedPost({

blogURL:"http://www.almtwr.net",

MaxPost:8,

idcontaint:"#featuredpost",

ImageSize:500,

interval:10000,

autoplay:true,

tagName:false

});

});

//]]>

</script>

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

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

اقرء المزيد

طريقة جعل القائمة الرئيسية تتحرك مع نزول المدونة

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

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

• DEMO
• DOWNLOAD

طريقة جعل القائمة الرئيسية أو الأفقية ثابتة في مكانها

في البداية قم بالذهاب الى لوحة تحكم بلوجر ثم الى قالب
ثم اظغط على تحرير html
بعد ذلك قم بالبحث عن وسم اغلاق </body>  وضع فوقة / قبلة الكود الاتي يمكنك تحميل الكود من هنا 

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
    // Menentukan elemen yang dijadikan sticky yaitu .nav
    var stickyNavTop = $('#nav').offset().top;
    var stickyNav = function(){
        var scrollTop = $(window).scrollTop();
        // Kondisi jika discroll maka menu akan selalu diatas, dan sebaliknya    
        if (scrollTop > stickyNavTop) {
          $('#nav').css({ 'position': 'fixed', 'top':0, 'z-index':9999 });
        } else {
            $('#nav').css({ 'position': 'relative', 'width': '100%' });
        }
    };
    // Jalankan fungsi
    stickyNav();
    $(window).scroll(function() {
        stickyNav();
    });
});
//]]>
</script>

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

المصدر 

اقرء المزيد

[بلوجر] إضافة زر الصعود للأعلى و النزول للأسفل بشكل احترافي

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

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

معاينة 

تحميل الاكواد

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

 <style type='text/css'>
/* CSS Top Down Hm */
#BounceToTop {background:#fff;text-align:center;position:fixed;bottom:10px;right:10px;cursor:pointer;width:30px;height:20px;padding:5px;display:none;border-radius:2px;}
#BounceToTop:before {content:"";position:absolute;bottom:5px;right:5px;width:0; height:0;border-style:solid;border-width:0 15px 20px 15px;border-color:transparent transparent #00acd6 transparent;line-height:0;transition:all 0.3s ease-out;}
#BounceToTop:hover:before {content:"";position:absolute;bottom:5px;right:5px; width:0;height:0;border-style:solid;border-width:0 15px 20px 15px;border-color:transparent transparent #00c0ef transparent;line-height:0}
#BounceToTop:after {content:""; position:absolute;bottom:5px;right:11px;width:0; height:0;border-style:solid;border-width:0 9px 12px 9px;border-color:transparent transparent #fff transparent;line-height:0;}
#GoToDown {background:#fff;text-align:center;position:fixed;bottom:10px;right:60px;z-index:999;cursor:pointer;width:30px;height:20px;padding:5px;border-radius:2px;}
#GoToDown:before {content:"";position:absolute; bottom:5px;right:5px; width:0;height:0;border-style:solid;border-width:20px 15px 0 15px;border-color:#E74C3C transparent transparent transparent;line-height:0;transition:all 0.3s ease-out;}
#GoToDown:hover:before {content:"";position:absolute; bottom:5px; right:5px;width:0;height:0;border-style:solid;border-width:20px 15px 0 15px;border-color:#C0392B transparent transparent transparent;line-height:0}
#GoToDown:after {content:"";position:absolute;top:5px;right:11px;width:0; height:0;border-style:solid;border-width:12px 9px 0 9px;border-color:#fff transparent transparent transparent;line-height:0;}
</style>
<script type='text/javascript'>
$(function() { $(window).scroll(function() { if($(this).scrollTop()>100) { $('#BounceToTop').fadeIn(); } else { $('#BounceToTop').fadeOut(); } });
$('#BounceToTop').click(function() { $('body,html').animate({scrollTop:0},800) .animate({scrollTop:25},200) .animate({scrollTop:0},150) .animate({scrollTop:10},100) .animate({scrollTop:0},50); }); var $elem = $('body');
$('#GoToDown').click(function () {
$('html, body').animate({scrollTop: $elem.height()}, 4000);
$('#GoToDown').fadeOut()
});
$('#BounceToTop').click(function () {
$('#GoToDown').fadeIn()
});
 });
</script>
<div id='BounceToTop'></div>
<div id='GoToDown'></div>

اقرء المزيد

قالب بلوجر revoli ريفولي معرب 2018

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

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

معاينة النسخة العربية

معاينة النسخة الاجنبية

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

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

كيفية التعديل على القالب

للتعديل على السلايدر شو قم بالبحث عن رابط المطور .نت في تحريرhtml في القالب
http://www.almtwr.net/
وقم بتغيرة برابط مدونتك

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

تحميل القالب

شروط غير أجبارية للحصول على القالب ( قم بدعمنا )

ان تكون معجب بصفحتنا على الفيس بوك  من هنا 

ان تشترك في قناتنا على اليوتيوب من هنا 

 ان تكون من متابعي المدونة من هنا 

تحميل مباشر
إضغط للبدء
2.3MB .rar

اقرء المزيد

[بلوجر] اضافة جرس التنبيهات باخر التعليقات عائم 2018

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

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


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

<script src='https://docs.google.com/file/d/0B-LfmBH13G56M0gyaDVhcmtmVWM' type='text/javascript'/>
<div id='notif' title='أخر التعليقات'/>
    <div id='notif2' title='إغلاق'/>
    <div class='bg_hitam' id='bg'/>
    <div id='cm-wrapper'>
    <div class='flexcroll' id='cm-scroll'>
    <div id='comments-container'/>
    </div>
    </div>
    <div id='show-total'/>
    <script type='text/javascript'>
    //<![CDATA[
    var originalTitle = document.title;
    var cm_config = {
        home_page: "http://arabic3professional.blogspot.com/",
        max_result: 18,
        t_w: 50,
        t_h: 50,
        summary: 9999,
        new_tab_link: false,
        ct_id: "comments-container",
        new_cm: " New Comments!",
        interval: 30000,
        alert: true,
        alert: function(total) {
            document.getElementById("show-total").innerHTML = '<strong class=\'total-show\'>'+total+'</strong>';
            document.title = '(' + total + ') ' + originalTitle;
        }
    };
    $('#notif').click(function(){$("#cm-wrapper").css({left: "0px"});$("#bg, #notif2").show();$("#notif").hide();});$('#notif2').click(function(){$("#cm-wrapper").css({left: "-381px"});$("#bg, #notif2").hide();$("#notif").show();});$('#bg').click(function(){$("#cm-wrapper").css({left: "-381px"});$("#bg, #notif2").hide();$("#notif").show();});document.getElementById('notif').onclick = function() {document.title = originalTitle;$('#show-total').hide();};document.getElementById('show-total').onclick = function() {document.title = originalTitle;$('#show-total').hide();$("#cm-wrapper").css({left: "0px"});$("#bg").show();};setTimeout(function() {$('.myframe').each(function() {$(this).replaceWith('<iframe class="myframe" src="' + $(this).data('src') + '" allowfullscreen="allowfullscreen"></iframe>');});}, 5000);$(document).ready(function() {
    var stickyNavTop = $('#HTML001').offset().top; var stickyNav = function(){var scrollTop = $(window).scrollTop();     if (scrollTop > stickyNavTop) { $('#HTML001').addClass('sticky');} else {$('#HTML001').removeClass('sticky'); }};stickyNav();$(window).scroll(function() {stickyNav();});});
    setTimeout(function() {
            $('.jsfiddle-demo').each(function() {
            $(this).replaceWith('<iframe class="jsfiddle-demo loader" src="' + $(this).data('src') + '" allowfullscreen="allowfullscreen"></iframe>');
        });
    }, 5000);var cm_config_defaults={home_page:"http://arabic3professional.blogspot.com//",max_result:15,t_w:50,t_h:50,summary:9999,new_tab_link:false,ct_id:"comments-container",new_cm:" New Comments!",interval:30000,alert:true,},_cookie={set:function(g,f,j){var i,h;if(j){i=new Date();i.setTime(i.getTime()+(j*24*60*60*1000));h="; expires="+i.toGMTString()}else{h=""}document.cookie=g+"="+f+h+"; path=/"},get:function(f){var e=f+"=",h=document.cookie.split(";"),j;for(var g=0;g<h.length;g++){j=h[g];while(j.charAt(0)==" "){j=j.substring(1,j.length)}if(j.indexOf(e)==0){return j.substring(e.length,j.length)}}return null},del:function(b){this.set(b,"",-1)}},tt_cm=(_cookie.get("tt_cm"))?_cookie.get("tt_cm"):0,doc_title=document.title;for(var i in cm_config_defaults){cm_config_defaults[i]=(typeof(cm_config[i])=="undefined")?cm_config_defaults[i]:cm_config[i]}function showRecentComments(json){var entry=json.feed.entry,total=parseInt(json.feed.openSearch$totalResults.$t,10),skeleton="",oldCount=tt_cm,co=cm_config_defaults;var totalComments=total-oldCount>50?'50+':total-oldCount;if(oldCount<total){if(cm_config.alert===true){alert((total-oldCount)+cm_config.new_cm)}else{if(cm_config.alert===false){document.title="("+(total-oldCount)+cm_config.new_cm+") "+document.title}else{cm_config.alert((total-oldCount),cm_config.new_cm)}}}skeleton='<ul class="cm-outer">';for(var i=0;i<entry.length;i++){for(var j=0;j<entry[i].link.length;j++){if(entry[i].link[j].rel=="alternate"){link=entry[i].link[j].href;break}}var dash=link.lastIndexOf("/")+1,dot=link.lastIndexOf("."),title=link.split("-").join(" ").substring(dash,dot)+"&hellip;";author=entry[i].author[0],name=author.name.$t,avatar=author.gd$image.src.replace(/\/s[0-9]+(\-c|\/)/,"/s"+co.t_w+"$1").replace(/http\:\/\/www.google.com\/url\?source\=imglanding(.*?)q\=/i,"").replace(/\.(jpg|jpeg|png|bmp|gif)(.*?)$/i,".$1"),profile=(author.uri)?author.uri.$t:"#nope",u=entry[i].id.$t.replace(/^.*?blog\-([0-9]+).*?post\-([0-9]+)/,"http://www.blogger.com/delete-comment.g?blogID=$1&postID=$2"),r=entry[i]["thr$in-reply-to"].source.split("default/")[1],d=entry[i].id.$t.replace(/^.*?blog\-([0-9]+).*?post\-([0-9]+)/,"http://www.blogger.com/comment-iframe.g?blogID=$1&postID="+r+"&parentID=$2"),date=entry[i].gd$extendedProperty[1].value,content=("content"in entry[i])?entry[i].content.$t.replace(/<i rel="pre">(.*?)<\/i>/ig,"<pre>$1</pre>").replace(/<i rel="code">(.*?)<\/i>/ig,"<code>$1</code>").replace(/<i rel="linku">(.*?)<\/i>/ig,"<a class='allow' href='$1'>\{link\}</a>").replace(/:D/ig,"<img src='http://4.bp.blogspot.com/-J7s7flyAolE/U6tMYuCWJjI/AAAAAAAAD-g/ktLPs0sF0zM/s1600/smile.png' alt='' class='cm-smiley'/>").replace(/:\)/ig,"<img src='http://4.bp.blogspot.com/-J7s7flyAolE/U6tMYuCWJjI/AAAAAAAAD-g/ktLPs0sF0zM/s1600/smile.png' alt='smile' class='cm-smiley'/>"):"",nt=(co.new_tab_link)?' target="_blank"':"";content=(content.length>co.summary)?content.substring(0,co.summary)+"&hellip;":content;skeleton+="<li>";skeleton+='<div class="cm-header"><a href="'+profile+'" title="'+name+'"'+nt+'><img alt="Loading..." style="width : '+co.t_w+"px;height:"+co.t_h+'px;" src="'+avatar+'"></a><span class="author"><a href="'+profile+'" rel="nofollow">'+name+'</a> في <a href="'+link+'" title="'+title+'"'+nt+" rel=>"+title+"</a></div></span>";skeleton+='<div class="cm-content">';skeleton+='<span class="cm-text">'+content+"</span>";skeleton+='<div class="cm-footer">'+date+' <a href="'+d+'" onclick="window.open(this.href,&#39;_cf&#39;,&#39;scrollbars=1,width=470,height=250,right=355,top=135&#39;);return false;" title="أدخل رد">رد</a> <a href="'+u+'"  title="حذف التعليق" target="_blank">حذف</a></span> </span>';skeleton+="</div></li>"}skeleton+="</ul>";document.getElementById(co.ct_id).innerHTML=skeleton;_cookie.set("tt_cm",total,7000);tt_cm=total}(function(){var head=document.getElementsByTagName("head")[0],script=document.createElement("script"),co=cm_config_defaults;script.type="text/javascript";script.id="cm-feed-script";script.src=co.home_page+"/feeds/comments/default?alt=json-in-script&redirect=false&max-results="+co.max_result+"&callback=showRecentComments";head.appendChild(script);setInterval(function(){var newScript=document.createElement("script");newScript.type="text/javascript";newScript.id="cm-feed-script";newScript.src=co.home_page+"/feeds/comments/default?alt=json-in-script&redirect=false&max-results="+co.max_result+"&callback=showRecentComments";var oldScript=document.getElementById("cm-feed-script");oldScript.parentNode.removeChild(oldScript);head.appendChild(newScript)},co.interval)})();
    //]]>
    </script>

بعد ذلك قم بالبحث }]]></b:skin>

وضع فوقها الكود الاتي يمكنك تحميل الكود من هنا

#show-total {position :fixed;top:9px;left:295px;z-index:99;cursor:pointer;
float :left;}
.total-show {background-color:#ebbd74;color:#fff;border:1px solid  #fafafa;padding:2px 6px;font-size:11px;
border-radius:2px;font-weight:normal;}
#notif {cursor:pointer;}
#notif:before {content:&quot;\f0f3&quot;;font-family:FontAwesome;font-style:normal;
font-weight:normal;text-decoration:inherit;font-size:20px;color:#aaa;display :block;
position :fixed;top:15px;left:300px;opacity:1;z-index:97;transition:all 0.3s ease-in-out;}
#notif:hover:before {opacity:1;}
#notif2 {cursor:pointer;display :none}
#notif2:before {content:&quot;\f00d&quot;;font-family:FontAwesome;font-style:normal;
font-weight:normal;text-decoration:inherit;font-size:20px;color:#f35d5c;display :block;
position :fixed;top:15px;left:300px;opacity:1;z-index:97;transition:all 0.3s ease-in-out;}
#notif2:hover:before {opacity:1;}
#cm-wrapper {width : 310px;position :fixed;top:50px;left:-381px;z-index:9999;
background-color:#fff;padding:15px 15px 25px 13px;color:#444;font-family:&#39;ge_ss_threeregular&#39;,ge_ss_threeregular;border-top:4px solid #11b7b5;font-size:10px;transition:all 0.2s ease-in-out;}
#cm-wrapper:before {content:&quot;&quot;;width : 0;height:0;position :absolute;top:-24px;
left:298px;border:10px solid transparent;border-color:transparent transparent #11b7b5;}
#cm-scroll {width : 100%;height:1000px;max-height:100%;overflow:auto;position :relative;}
#comments-container {font-size:13px;color:#444;font-family:&#39;ge_ss_threeregular&#39;,ge_ss_threeregular;opacity:1;}
#comments-container.cm-active {position :fixed;left:0;top:61px;}
.scrollgeneric {line-height:1px;font-size:1px;position :absolute;top:0;right:0;}
.vscrollerbase {width : 5px;background-color:#fafafa;}
.vscrollerbar {width : 5px;background-color:#f2f6f7;}
.hscrollerbase {height:10px;background-color:#fafafa;}
.hscrollerbar {height:10px;background-color:#fafafa;}
.scrollerjogbox {width : 10px;height:10px;top:auto;right:auto;bottom:0px;left:0px;
background-color:transparent;transition:0.3s ease-in-out;}
.cm-outer {margin:0 auto;padding:0;font-size:11px;text-align:right;}
.cm-outer pre {background-color:#f9f9f9;color:#888;border:1px solid #e0e0e0;border-right:2px solid #f7941d;font-size:11px;}
.vscrollerbar .cm-outer pre {width : 5px;background-color:#fafafa;}
.cm-outer li {padding:7px 10px 12px;list-style:none;clear:both;position :relative;margin-left:10px;}
.cm-outer code {color:#888;font-size:11px;}
.cm-outer li.selected {border-right:2px solid #ddd;}
.cm-outer li:first-child {border-top:none;}
.cm-outer li:last-child {border-bottom:none;}
.cm-text {color:#888;}
.cm-outer {margin:0 0 5px}
.cm-header {margin:4px 60px 8px 0;font-size:15px;font-weight:normal!important;}
.cm-header a {color:#666;font-family:&#39;ge_ss_threeregular&#39;;text-decoration:none;font-size:13px;font-weight:400;}
.cm-header a:hover {color:#49abeb;text-decoration:none;}
.cm-outer .cm-content {overflow:hidden}
.cm-content {margin-right:60px}
.cm-outer img {display :block;float :right;background:#fafafa url(&#39;http://1.bp.blogspot.com/-21HK5HI5YEM/U6wYCTGPkKI/AAAAAAAAECQ/_R2ECAxKrug/s1600/anonim.png&#39;) no-repeat 50% 50%;
overflow:hidden;border-radius:100px;position :absolute;top:10px;right:0;
border:2px solid #f9f9f9;transition:all 0.3s ease-in-out;}
.cm-outer img:hover {border:2px solid #f2f6f7;}
.cm-footer {margin-top:7px;}
.cm-footer a {color:#aaa;font-size:11px;text-decoration:none;}
.cm-footer a:hover {color:#888;text-decoration:none;}
div.cm-header img[src=&#39;http://img1.blogblog.com/img/openid16-rounded.gif&#39;] {
content: url(http://1.bp.blogspot.com/-21HK5HI5YEM/U6wYCTGPkKI/AAAAAAAAECQ/_R2ECAxKrug/s1600/anonim.png);}
.bg_hitam{display :none;position :absolute;position :fixed;top:0%;left:0%;width : 100%;
height:100%;background-color:#000;z-index:90;opacity:0.3;transition:all 0.3s ease-in-out;}
.sticky {position :fixed;top:42px;z-index:100;}
</style>

ثم قم بالحفظ 

لاتنسى ان تقوم بتغير رابط مدونتي برابط مدونتك , اتمنى ان تكون الاضافة قد نالت اعجابك , لاتحرمنا من التعليقات التشجيعية لنقدم لكم المزيد من الاضافات , لاي استفسار لاتتردد في ترك تعليق  

اقرء المزيد

[السيو] معرفة روابط DoFollow او NoFollow على متصفح جوجل كروم وفايرفوكس

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

الكثير من اصحاب المواقع يبحثون عن هذه الاداة معرفة روابط  NoFollow , او معرفة روابط DoFollow 201,  على متصفحي جوجل كروم او متصفح الفيرفوكس . فالكثير يحتاج هذه الاداة , فهي تساعدة في بناء باك لينك سليم ومميز لموقعك , فالاداة تخبرك ماهو نوع الرابط سواء nofollow او dofollow , كل ما عليك تثبيت هذه الاضافة على متصفح جوجل كروم او متصفح فيرفوكس .

معرفة روابط DoFollow  او NoFollow على متصفح فيرفوكس 

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

لتحميل الاضافة قم بالذهاب من هنا 

معرفة روابط DoFollow  او NoFollow على متصفح جوجل كروم 

قم بتحميل الاضافة كما تقوم بتحميل اي اضافة من متجر اضافة متصفح جوجل كروم , يمكنك الذهاب من هنا , ثم بعد ذلك كما في  الصورة قم بالظغط على اضافة الى كورم , وانتظر قليلا بعد ذلك , يمكنك  معرفة روابط DoFollow  او NoFollow .

لتحميل الاضافة من هنا 

اقرء المزيد

[بلوجر] اضافة الأرشيف او فهرس المدونة بشكل احترافي

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

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

معاينة
إضغط للمشاهدة

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

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

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

تحميل الاكواد
إضغط للبدء
2.3MB .rar

<style type="text/css">
#bp_toc {
margin-bottom: 10px;margin-top: 28px;
text-align: right;width: 100%;}
#bp_toc a {text-decoration: none;}
.toc-note {padding: 5px 10px;
position: relative;top: -13px;
}.toc-header-col1, .toc-header-col2, .toc-header-col3 {
background: #eee;border: 1px solid #ddd;
color: #006BFF;padding: 2px 5px;
font-weight: bold;}
/*------عناوين المواضيع------*/
.toc-header-col1 { width:58%;}
.toc-entry-col1 {
background: #FFFFFF;border: 1px solid #ddd;
padding-right: 8px;line-height: 30px;font-size: 14px;}
.toc-entry-col1 a {color: #018EC5;
}
/*------التاريخ------*/
.toc-header-col2 {width: 11%;text-align: center; }
.toc-entry-col2 {
background: #222;
border: 1px solid #111;
color: #fff;text-align: center;font-size: 14px;}
/*------الأقسام-------*/
.toc-header-col3 {width:31%;}
.toc-entry-col3 {
background: #018EC5;
border: 1px solid #0086B7;color: #fff;
padding-right: 8px;
font-size: 14px;}
.toc-entry-col3 a { color: #fff; }.post-header,.post-title.entry-title,.bvd,#menu2{display: none;}
.post-body {border-bottom: 20px ridge #E4E4E4;}</style>
<br /><div id="bp_toc">..إنتظر قليلا لتحميل الفهرس..</div>
<script src="http://yourjavascript.com/7710117410/blogtoc-orig.js" type="text/javascript"></script>
<script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=500&amp;callback=loadtoc" type="text/javascript"></script></div>
</div>

ثم قم بالحفظ
يمكنك التعديل على الفهرس كما تريد مثل تغير اللون الازرق الى اللون الذي تريد او يمكنك تغير حجم , فهو عبارة عن اكواد html وcss سهلة التعديل في حال واجهتك اي مشكلة لاتتردد بترك تعليق ولاي تعديل على الفهرس قم بمراسلتي , لاتحرمونا من تعليقات المشجعة .

اقرء المزيد

طريقة تشفير أو فك تشفير أكواد الجافا سكربت

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

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

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

في البداية قم بالذهاب من هنا 

وقم بوضع الكود المراد تشفير في الصندوق واظغط على تشفير 

ولفك التشفير ايضا بنفسك الطريقة قم بوضع الكود المشفر واضغط على فك كما في الصورة في الاسفل للتوضيح 

هناك مواقع أخرى تقدم خدمة تشفير الاكواد مجانا 

http://www.csgnetwork.com/directjsencoder.html

http://www.addressmunger.com/javascript_obfuscator/index.php

اقرء المزيد

عمل قائمة جانبية لاقسام المدونة بلوجر

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

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

للمزيد من اضافات بلوجر من هنا 

صورة للاضافة 

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

مثال حي للاضافة من هنا 

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

1 - أذهب التخطيط >>>> وقم بإنشاء آداة html javascript جديدة وأضف إليها الكود التالي :

   

<style type="text/css">
table{
width:300px;
height:375px;
border:3px solid#333;
border-collapse:collapse;
margin:0px;
font-size:20px;
margin-bottom:20px;
text-align:center;
}
#minnn{
background:hsl(0,100%,60%);}
#minnn:hover{
color:hsl(0,0%,100%);}
#minnn:hover{
background:#ff8d45;}
#shrohat{
background:#009d73;}
#shrohat:hover{
color:hsl(0,0%,100%);}
#shrohat:hover{
background:#1dbe60;}
#aandroid{
background:#165aa5;}
#aandroid:hover{
color:hsl(0,0%,100%);}
#aandroid:hover{
background:#0098cf;}
#hmaya{
background:#e8404d;}
#hmaya:hover{
color:hsl(0,0%,100%);}
#hmaya:hover{
background:#d92f67;}

a{
text-decoration:none;
color:hsl(0,0%,0%);}
a:hover{
color:hsl(0,0%,100%)}
#bloggerr{
background:#ff892f;}
#bloggerr:hover{
background:#fc5d43;}
#moneyy{
background:#6c96ca}
moneyy:hover{
background:#64add5;}
#desss{
background:#6547ec;}
#desss:hover{
background:#ff8571;}




</style>



<table id="1111" border="3px">
<tr id=shrohat><td><a href="http://www.ahmad-web.com/search/label/%D8%A7%D9%84%D8%AD%D9%84%D9%82%D8%A7%D8%AA?max-results=8">الحلقات</a></td></tr>
<tr id=bloggerr><td><a href="http://www.ahmad-web.com/search/label/%D8%A7%D8%B6%D8%A7%D9%81%D8%A7%D8%AA%20%D8%A8%D9%84%D9%88%D8%AC%D8%B1?max-results=8">اضافات بلوجر</a></td></tr>
<tr id=moneyy><td><a href="http://www.ahmad-web.com/search/label/%D9%82%D9%88%D8%A7%D9%84%D8%A8%20%D8%A8%D9%84%D9%88%D8%AC%D8%B1?max-results=8">قوالب بلوجر احترافية</a></td></tr>
<tr id=desss><td><a href="http://ahwebs.blogspot.com/search/label/%D9%81%D9%8A%D8%B3%20%D8%A8%D9%88%D9%83?max-results=8">الفيس بوك</a></td></tr>
<tr id=minnn><td><a href="http://www.ahmad-web.com/search/label/%D8%A8%D8%B1%D8%A7%D9%85%D8%AC?max-results=8">برامج</a></td></tr>
<tr id=hmaya><td><a href="http://www.ahmad-web.com/search/label/%D8%A7%D9%87%D9%85%20%D8%A7%D9%84%D8%A7%D8%AE%D8%A8%D8%A7%D8%B1">اخبار التقنية</a></td></tr>
<tr id=shrohat><td><a href="http://www.ahmad-web.com/search/label/%D8%AA%D9%88%D8%A8%2018">توب 10</a></td></tr>
<tr id=bloggerr><td><a href="http://www.ahmad-web.com/search/label/%D8%A7%D9%84%D9%88%D9%8A%D9%86%D8%AF%D8%B2">الويندز</a></td></tr>
<tr id=desss><td><a href="http://www.ahmad-web.com/search/label/%D8%A7%D9%84%D8%A7%D9%84%D8%B9%D8%A7%D8%A8?max-results=8">الألعاب</a></td></tr>


</table>

لتحميل كود الاضافة من هنا 
ثم قم بحفظ قالبك ومبروك عليك الاضافة، عندي إضافة أخرى أكثر إحترافية وأناقة من هذه الإضافة، إن كنتم تريدون مني طرحها لكم، أروني تفاعلكم في قائمة التعاليق.

اقرء المزيد