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

المشاركات الأكثر جمالا في انتظاركم

.
اضافة  شريط نطام iOS7 الي مدونة بلوجر 2016/2017

اضافة شريط نطام iOS7 الي مدونة بلوجر 2016/2017

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

اضافة  شريط نطام iOS7 الي مدونة بلوجر 2016/2017

مرحبا يا صدقائي حصريا  اضافة  شريط نطام iOS7 الي مدونة بلوجر 2016/2017 ونحن نبحث علي اضافة جديدة  الي مدونتة اليوم اقدم لكم اضافة جديدة من نوعها وهي اضافة شريط التنقل في المدونة بنظام او بنوع  iOS7  باختصار الضافة تعمل عند تضغط علي اي رابط في المدونة واو رابط خارجي تعمل الاضافة وهي عبار عن شريط  تنقل بين الروابط  والاضافة خفيفة جدا ولا تؤاثر علي تحميل الصفحات الي المدونة  تعمل وتعطي شكل جمالي الي مدونتك 

ويمكنك مشاهدة الاضافة قبل التركيب مثال حي

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

ثم اضغط علي تحرير htmlكما واضح

 ثم قوم بلضغط علي 
  

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

ثم اضغط علي حفظ ومبروك عليك الاضافة


<style>
#page-loader {
        position: fixed!important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9999;
        background:#fff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2yMF2edQeic4ywWLBRdKT27JwlK0Wm22nsVOommXZhBVri8hqwBIEGH2lpgabuufP9frMCPfbcrwpJ9ayPBgfGX4XIgM0EJu7yXdpe7hXLZxLahP-vhAPOdqtPAxpfLyneSeUoNK72VY/s1600/iOS7Loader.gif') no-repeat 50% 30%;
        color: #000;
        display: none;
        font: 0/0 a;
        text-shadow: none;
        padding: 1em 1.2em;
}
</style> 
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="page-loader">Loading...</div>');
$(window).on("beforeunload", function() {
    // ... Show the Animation `.fadeIn()`
    $('#page-loader').fadeIn(000).delay(6000).fadeOut(000);
});
//]]>
</script>
ومبروك عليك الاضافة

   اذا استفدت من الموضوع اترك تعليق وشجعنا علي الاستمرار


ان وفقت فهذا من الله وان اخطاءت فمن نفسي والشيطان  
افضل  مواقع تعلمية للاطفال 2016

افضل مواقع تعلمية للاطفال 2016

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

اولا :موقع تعلم tv 
هذا الموقع هو جميل جدا يقوم بإستعمال الفيديو علي اوسع نطاق اذا يعرض مواد في شكل افلام تعليمية والجميل ايضا في الموقع ان مدة الفيديو  التي بها الشرح لا تزيد عن ثلاث دقائق بحيث لا يكل ولا يمل الطفل ايضا تقدم الدروس بطريقة جميلة وممتعا وسهلة يستوعب الطفل الشرح...

  1. الموقع:::( تعلم tv)
صورة من الموقع 

والموقع الثاني  موقع عصافير 

  • يتيح موقع عصافير مجموعة من القصص المصورة والجميل ايضا يقدم الموقع مستويات مختلفة وهي ,مستوي متقدم , مستوي متوسط ، ومستوي مبتدئ, وهذا المستويات تجعل الموقع مميز من الناحية التعليمية،،،ومع كل هذا الموقع لا زال يقدم نسختا التجريبية وايضا عندما تقوم بمرور المؤس علي اقسام الموقع يصدر صوت عند الكلمة التي تم التوقف عليها بالمؤس

صور من الموقع 
 والموقع الثالث أ،ب،ت

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

         ان وفقت فهذا من الله وان اخطاءت فمن نفسي والشيطان 


اضافة مربع البحث الي مدونتك بشكل انيق  2016 /2017

اضافة مربع البحث الي مدونتك بشكل انيق 2016 /2017

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

  اليك الاضافة #الاولي
طبعا الاضافة تعمل بتقنية  CSS والمميز في الاضافة عند مرور الموس عليها تغير لونها كما واضح في الصورة 
كود الاضافة 

                               
                                                                                 
وايضا صورة من الاضافة الثانية 
وهذا كود الاضافة 

                                 
                                                                                
واضافة اخرة لتناسب جميع المدونات
وهذا كود الاضافة

                                 
                                                                                  
واضافة مربع اليحث اخرة ايضا
وهذا كود الاضافة 





                                
                                                                                    
ولتركيب الاضافة اتبع 

     الخطوة 1: اذهب إلى لوحة تحكم مدونتك واضغط علي التخطيط  
     الخطوة 2: انقر على "إضافة أداة"
     الخطوة 3: من النافذة المنبثقة، اختر JavaScript
     الخطوة 4: نسخ والصق الكود في المربع
ومبروك عليك الاضافة 
                اذا استفدت من الموضوع اترك تعليق وشجعنا علي الاستمرار


ان وفقت فهذا من الله وان اخطاءت فمن نفسي والشيطان 



افضل اضافتين من المشاركات الاخيرة للمواضيع  2016/2017

افضل اضافتين من المشاركات الاخيرة للمواضيع 2016/2017

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

ولتركيب الاضافة اتبع 

     الخطوة 1: اذهب إلى لوحة تحكم مدونتك واضغط علي التخطيط  
     الخطوة 2: انقر على "إضافة أداة"
     الخطوة 3: من النافذة المنبثقة، اختر JavaScript
     الخطوة 4: نسخ والصق الكود في المربع 

                                  
ثم بعد ذالك غير هذا الرابط ب رابط مدونتك http://hh5050.blogspot.com

وايضا صورة من الاضافة التالية 
هذا اضافة اخرة جميلة اختار ما تشاء وهذا كود الاضافة 

                       
                                                                           
وايضا قوم بتغير هذا الرابط برابط مدونتك http://hh50.blogspot.com.eg/

                اذا استفدت من الموضوع اترك تعليق وشجعنا علي الاستمرار



ان وفقت فهذا من الله وان اخطاءت فمن نفسي والشيطان 



حصريا اضافة سلايد شو ذاتي في الشريط الجانبي 2016/2017

حصريا اضافة سلايد شو ذاتي في الشريط الجانبي 2016/2017

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

                                                                 سلايد شو ذاتي في الشريط الجانبي 2016/2017slideshow

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

     الخطوة 2: انقر على "إضافة أداة"
     الخطوة 3: من النافذة المنبثقة، اختر JavaScript
     الخطوة 4: نسخ والصق الكود في المربع ثم اضغط حفظ 

<style scoped="" type="text/css">
/*Made by AllBloggerTricks.com with lot of hardwork please keep the comment intact
*/
ul.abt-sidebar-slider *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
ul.abt-sidebar-slider{font:normal normal 11px Verdana,Geneva,sans-serif}
ul.abt-sidebar-slider,ul.abt-sidebar-slider li{margin:0;padding:0;list-style:none;position:relative}
ul.abt-sidebar-slider{width:100%;height:500px}
ul.abt-sidebar-slider li{height:24.5%;position:absolute;padding:0;width:49.5%;float:left;overflow:hidden;display:none}
ul.abt-sidebar-slider li:nth-child(1),ul.abt-sidebar-slider li:nth-child(2),ul.abt-sidebar-slider li:nth-child(3),ul.abt-sidebar-slider li:nth-child(4){display:block}
ul.abt-sidebar-slider img{border:0;width:100%;height:100%}
ul.abt-sidebar-slider li:nth-child(1){width:100%;height:49.5%;margin:0 0 2px;left:0;top:0}
ul.abt-sidebar-slider li:nth-child(2){left:0;top:50%}
ul.abt-sidebar-slider li:nth-child(3){left:50.5%;top:50%}
ul.abt-sidebar-slider li:nth-child(4){width:100%;left:0;top:75%}
ul.abt-sidebar-slider  .overlayx,ul.abt-sidebar-slider li{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
ul.abt-sidebar-slider .overlayx{width:100%;height:100%;position:absolute;z-index:2;left:0;top:0;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg51u78Dcej-w7zs-WKUiW1zYNOgXjUfNQSlX7VLZHLYt1AzkB_x2_vwkgnvqO697pECXRe-is9Bo6TmmlDxWaGZqf6dDKy0VOAqURFfkNNXwx2MVXYkyuafe5aYFaio3chQOQlINyogHk/s1600/linebg-fade.png);background-position:50% 50%;background-repeat:repeat-x}
ul.abt-sidebar-slider .overlayx,ul.abt-sidebar-slider img{border:4px solid #2E8DCE;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
ul.abt-sidebar-slider li:nth-child(1) .overlayx{background-position:50% 25%}
ul.abt-sidebar-slider .overlayx:hover{-ms-filter:"progid:DXImageTransform.Microsoft. Alpha(Opacity=10)";filter:alpha(opacity=10);-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.1}
ul.abt-sidebar-slider h4{position:absolute;bottom:30px;z-index:2;color:white;margin:0;width:100%;padding:0 10px;line-height:1.5em;font-family:Georgia,Times,"Times New Roman";font-weight:normal}
ul.abt-sidebar-slider li:nth-child(1) h4,ul.abt-sidebar-slider li:nth-child(4) h4{font-size:150%}
ul.abt-sidebar-slider .label_text{position:absolute;bottom:10px;left:10px;z-index:2;color:white;font-size:90%}
ul.abt-sidebar-slider li:nth-child(2) .autname,ul.abt-sidebar-slider 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 src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script src="http://files.allbloggertricks.com/Scripts/abt-sidebar-slider.js" type="text/javascript"></script>
<script type='text/javascript'>
//<![CDATA[
FeaturedPostSide({
blogURL:"http://awsa9090.blogspot.com.eg/",MaxPost:8,
idcontaint:"#featuredpostside",
ImageSize:300,
interval:5000,
autoplay:true,
tagName:false
});
//]]>
</script>


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

ان وفقت فهذا من الله وان اخطاءت فمن نفسي والشيطان