الجمعة، 26 يوليو 2013

أفضل 4 موقع لتحميل فديوهات اليوتيوب أونلابن

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


1/ video converter رابط الموقع : هنا
2/ keepvid رابط الموقع : هنا
3/ savevid رابط الموقع : هنا
4/ catchvideo رابط الموقع : هنا




الخميس، 25 يوليو 2013

كيف تضيف أداة التبادل الإعلاني للمدونة

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

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


1/ قم بفتح مدونتك و أضغط على التخطيط >> اضافة اداة >> اختر                                    HTML/JavaScript

2/ قم بوضع هذا الكود في المكان الذي تريد أن تظهر فيه الأداة و بعد ذلك قم بلحفظ 


--------------------------------------------------------------------------
<div class="widget-content">
<style>
    #advertise{
      margin: auto;
    }
     .adss { list-style:none; margin-top:5px auto; margin: 0 1px 2px 1px; display:inline-block; text-align: center; }
     .adss a { display:block; width:75px; height:75px; padding-right:0px; padding-top: 3px; position:relative; text-decoration:none; }
     .adss a strong { font-weight:normal; position:absolute; left:20px; top:-1px; color:#fff; padding:3px; z-index:9999; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7); -moz-border-radius:3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius:3px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
     .adss img { max-height: 75px; max-width: 75px; }
     #adsanime:hover { opacity:0.2; }
     #adsanime a strong {
        -webkit-transition-property: opacity;
         -webkit-transition-duration: 500ms;
         -moz-transition-property: opacity;
          -moz-transition-duration: 500ms; }
     #adsanime a strong {
       opacity:0;
        -webkit-transition-property: opacity, top;
         -webkit-transition-duration: 300ms;
          -moz-transition-property: opacity, top;
           -moz-transition-duration: 300ms; }
     #adsanime {
        opacity:0.5;
         -webkit-transition-property: opacity, top;
          -webkit-transition-duration: 300ms;
           -moz-transition-property: opacity, top;
            -moz-transition-duration: 300ms; }
     #adsanime:hover { opacity:1; }
     #adsanime:hover a strong { opacity:1; top:-10px; }
    </style>
    <center>
    <div class="adss" id="adsanime">


    <a href="#"target='_blank'>
       <img src="http://im25.gulfup.com/cMT41.jpg" original="http://im25.gulfup.com/cMT41.jpg" style="display: inline-block;" />
       <strong>sebai</strong></a>
        </div>




       <div class="adss" id="adsanime">
 <a href="#"target='_blank'>
       <img src="http://im25.gulfup.com/cMT41.jpg" original="http://im25.gulfup.com/cMT41.jpg" style="display: inline-block;" />
       <strong>sebai</strong></a>
        </div>



       <div class="adss" id="adsanime">
 <a href="#"target='_blank'>
       <img src="http://im25.gulfup.com/cMT41.jpg" original="http://im25.gulfup.com/cMT41.jpg" style="display: inline-block;" />
       <strong>sebai</strong></a>
        </div>



       <div class="adss" id="adsanime">


    <a href="#"target='_blank'>
       <img src="http://im25.gulfup.com/cMT41.jpg" original="http://im25.gulfup.com/cMT41.jpg" style="display: inline-block;" />
       <strong>sebai</strong></a>
        </div>


       <div class="adss" id="adsanime">


    <a href="#"target='_blank'>
       <img src="http://im25.gulfup.com/cMT41.jpg" original="http://im25.gulfup.com/cMT41.jpg" style="display: inline-block;" />
       <strong>sebai</strong></a>
        </div>


       <div class="adss" id="adsanime">


    <a href="#"target='_blank'>
       <img src="http://im25.gulfup.com/cMT41.jpg" original="http://im25.gulfup.com/cMT41.jpg" style="display: inline-block;" />
       <strong>sebai </strong></a>
        </div>   



       <div class="adss" id="adsanime">


    <a href="#"target='_blank'>
       <img src="http://im25.gulfup.com/cMT41.jpg" original="http://im25.gulfup.com/cMT41.jpg" style="display: inline-block;" />
       <strong>sebai</strong></a>
        </div>   


       <div class="adss" id="adsanime">



    <a href="#"target='_blank'>
       <img src="http://im25.gulfup.com/cMT41.jpg" original="http://im25.gulfup.com/cMT41.jpg" style="display: inline-block;" />
       <strong>sebai</strong></a>
        </div> 


       <div class="adss" id="adsanime">


    <a href="#"target='_blank'>
       <img src="http://im25.gulfup.com/cMT41.jpg" original="http://im25.gulfup.com/cMT41.jpg" style="display: inline-block;" />
       <strong>sebai</strong></a>
        </div>   



        </center>

     <br /></div>

--------------------------------------------------------------------------

3/ قم بتغير sebai بإسم المدونة التي تود عمل لها تبادل إعلاني
و # قم بتغير هذا المربع برابط المدونة التي تود عمل لها تبادل إعلاني

4/ مبروك عليك الأداة و لا تبخل علينا بردودك المشجعة



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

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

1/ قم بدخول إلى مدونتك و اضغط على تخطيط ثم إضافة أداة ثم HTML/java
2/ قم بلصق هذا الكود الخاص بي الاداة وقم بحفظ التغيرات
--------------------------------------------------------------------------
<!-- Start Code Ramadan by sebai -->
<div align="center">  <table border="0" width="900" cellspacing="0" cellpadding="0">   <tr>    <td width="" height=""><div style="float:top right; position:absolute; overflow:visible; left:210px; top:43px; height:192px; width:144px  z-index: 9999;">          <object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj2" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="192" height="144">      <param name="movie" value="http://im37.gulfup.com/GJv36.swf" />      <param name="quality" value="High" />      <param name="wmode" value="transparent" />      <embed src="http://im37.gulfup.com/GJv36.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj2" width="192" height="144" quality="High" wmode="transparent"></embed></object>  </div></td></tr></table></div>

<!-- End Code Ramadan by sebai -->
--------------------------------------------------------------------------
3/ مبروك عليك و لا تبخل علينا بردود مشجعة

كيفية تغير لون شريط المهام في windows7

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

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

1/ انقر بزر الماوس الأيمن على مساحة فارغة من سطح المكتب
ثم أضغط على personalize

2/ سوف يعرض لك خيارات عديدة أختر الألوان >> color


3/ حدد اللون الذي تريده و ضبط كثافة لون و قم بحفظ التغيرات


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


أفضل 10 مواقع لتحميل الكتب الإلكترونية مجانا

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


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

 

1-freecindle books

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

 

2-barnes&noble

يوفر هذا الموقع الكثير من العروض المجانية للكتب الإلكترونية ولكن لسوء الحظ لا يمكنك البحث عن كتاب معين عن طريق العنوان أو المؤلف ففي الجانب العلوي من الموقع يتم تجميع كافة التحديدات معاً حيث يمكنك تصفح عدة عناوين لمعرفة ما هو المتاح لديهم.

 

3-google books

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

 

4-project Gutenberg 

هنا يمكنك أن تجد أكثر من 33 ألف كتاب إلكتروني للقراءة وهذا الموقع يحتوي على عدة خيارات للبحث الإلكتروني ويمكن الإطلاع على الكتب بناء على المؤلف أو عنوان الكتاب أو الفئة.

 

5-manybooks.net

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

 

6-bookyards

يهدف هذا الموقع إلى أن يكون مكتبة العالم فهو يوجد به 800 ألف كتاب إلكتروني وهو ما يجعله من أكثر مواقع الكتب شعبية على الإطلاق.

 

7-bibliotestic

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

 

8-bookrix

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

 

9-munseys

توفر هذه المكتبة أكثر من 20 ألف كتاب يسهل العثور عليهم عن طريق العنوان بسهولة، ويمكن تحميل الكتب أيضاً وهناك أكثر من 35 نوعاً للاختيار فيما بينها.

 

10-mobile read

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


أفضل 10 سحابات مجانية لتخزين الملفات

السلام عليكم و رحمة لله و بركاته
قد تحتاج في بعد الاحيان الى أماكن لحفظ ملفاتنا و ذلك عوض القرص c أو d أو e وذالك لتجنب ملفاتك من السرقة (( هكر )) أو من مشاهدتها من أي شخص و اليوم سوف تتعرف علا السحابة ?
هي مجموعة صغيرة من الخدمات السحابية مما يسمح لك لتخزين الملفات الخاصة بك على الانترنت وبيانات متزامنة على أجهزة كمبيوتر متعددة أو غيرها من الأجهزة النقالة. هنالك العديد من السحبات التي هي غير مجانية نوع ما و التي تقدم لك سعة كبيرة لملفاتك لكن هنالك أيض جانب اخر و هو الجانب المجاني و الذي يعطيك 2GB أو أكثر هي سعة لا بأس بها اما إذا كانت لا تكفيك فقم بإنشاء عدد من الحسابات و ضع فيها ما تريد المهم لن أطيل عليكم و لا تنسو تقيم الدرس .

Google Drive

لديك من 5-15 من سعة التخزين المجانية
رابط الموقع : هنا

Skydrive

لديك 7GB من سعة التخزين المجانية
رابط الموقع : هنا

Adrive

لديك 50GB من سعة التخزين المجانية
رابط الموقع: هنا

Dropbox

لديك 2GB من سعة التخزين المجانية
رابط الموقع : هنا

Ubuntu One

لديك 5GB  من سعة التخزين المجانية، والتي يمكن توسيعها حتى 20GB
رابط الموقع : هنا

Cubby

لديك 5GB من سعة التخزين المجانية.
رابط الموقع : هنا

SpiderOak

لديك 2GB من سعة التخزين المجانية.
رابط الموقع : هنا

Bitcasa

لديك 10GB من سعة التخزين المجانية.
رابط الموقع : هنا

Amazon Cloud Drive

لديك 5GB من سعة التخزين المجانية.
رابط الموقع : هنا

TeamDrive

لديك 10GB من سعة التخزين المجانية.

رابط الموقع : هنا


الاثنين، 22 يوليو 2013

كيفية إضافة أداة إتصل بنا لمدونات بلوجر

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

3/بعد إضافة الأداة إذهب إلى القالب ثم قم بتحريره وابحث عن 

]]></b:skin>


بعد ان تجده ضع فوقه هذا الكود


/* Contact Form Container */

.contact-form-widget {

width: 500px;
max-width: 100%;
margin: 0 auto;
padding: 10px;
background: #F8F8F8;
color: #000;
border: 1px solid #C1C1C1;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
border-radius: 10px;
}

/* Fields and submit button */
.contact-form-name, .contact-form-email, .contact-form-email-message {
width: 100%;
max-width: 100%;
margin-bottom: 10px;
}

/* Submit button style */
.contact-form-button-submit {
border-color: #C1C1C1;
background: #E3E3E3;
color: #585858;
width: 20%;
max-width: 20%;
margin-bottom: 10px;
}

/* Submit button on mouseover */
.contact-form-button-submit:hover{
background: #4C8EF9;
color: #ffffff;
border: 1px solid #FAFAFA;
}
4/ بعد أن أضفت هذا الكود قم بالبحث عن ContactForm
ستجده بهذا الشكل
5/بعد ان تجد الاداة قم بتضليلها كلها كما هو موضح في الصورة ثم قم بحذفها واحفظ القالب 
بعد ذالك إذهب للصفحات وقم بإضافة صفحة جديدة فارغة ثم
غير التحرير من تاليف إلى HTML
وضع هذا الكود في الصفحة
-------------------------------------------------------------------------------------------
 <div class='widget ContactForm' id='ContactForm1'>
  <div class='contact-form-widget'>
    <div class='form'>
      <form name='contact-form'>
        <p>الإسم<p>
        <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
        <p>البريد الإلكتروني *</p>
        <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
        <p>الرسالة *</p>
        <textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
        <input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='أرسل'/>
        <p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
        <p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
      </form>
    </div>
  </div>
</div>

---------------------------------------------------------------------------------------------------------------------------------------------
قم بحفظ العمل و مبرك عليك الإضافة