إضافة أزرار المواقع الإجتماعية بأشكال مختلفة

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

أقدم لكم اليوم إضافة من الإضافات الأساسية و التي تساعد في انتشار موقعك  أو مدونتك بالمواقع الإجتماعية و بالتالي زيادة عدد زوار لديك , قم بإضافة أزرار المواقع الإجتماعية بأشكال مختلفة إلى موقعك  أو مدونتك :

 يتوجب ‘ليك فقط إختيار الشكل الذي أعجبك , بعدها قم بالذهاب الى
التخطيط >> اضافة اداة >> اختر HTML/JavaScript

الشكل الاول :

<div class="metro-social">

<li><a class="fb" href="http://www.facebook.com/YOURNAME"></a></li>

<li><a class="tw" href="http://twitter.com/YOURNAME"></a></li>

<li><a class="gp" href="https://plus.google.com/YOURNAME"></a></li>

<li><a class="pi" href="http://pinterest.com/YOURNAME"></a></li>

<li><a class="in" href="https://www.linkedin.com/in/YOURNAME"></a></li>

<li><a class="yt" href="http://www.youtube.com/YOURNAME"></a></li>

<li><a class="fd" href="http://feeds.feedburner.com/YOURNAME"></a></li>

</div>

<style>

/*Metro UI Social Profile Widget v3.0 by Tech Prevue Labs

Web link to gadget code: http://www.techprevue.com/2013/02/social-profile-widget-metro-style.html

Distributed under license CC BY-NC-ND 3.0 INT

Please keep license information intact while using this widget*/

.metro-social{width:285px}

.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}

.metro-social .fb,.tw,.gp,.pi,.in,.yt,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}

.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}

.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:68px;height:70px}

.metro-social .gp{background:url(//goo.gl/oT0kF) no-repeat center center #da4a38;width:69px;height:70px}

.metro-social .pi{background:url(//goo.gl/7olxx) no-repeat center center #d73532;width:68px;height:69px}

.metro-social .in{background:url(//goo.gl/PhFhj) no-repeat center center #0097bd;width:69px;height:69px}

.metro-social .yt{background:url(//goo.gl/zcwjB) no-repeat center center #e64a41;width:140px;height:69px}

.metro-social .fd{background:url(//goo.gl/lhBP1) no-repeat center center #e9a01c;width:140px;height:69px}

.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}

.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}

.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}

.metro-social li:hover .pi{background:url(//goo.gl/IORvy) no-repeat center center #d73532}

.metro-social li:hover .in{background:url(//goo.gl/2zHrm) no-repeat center center #0097bd}

.metro-social li:hover .yt{background:url(//goo.gl/I1c4a) no-repeat center center #e64a41}

.metro-social li:hover .fd{background:url(//goo.gl/CjzDP) no-repeat center center #e9a01c}

</style>

الشكل الثاني :

<div class="metro-social">

<li><a class="fb" href="http://www.facebook.com/YOURNAME"></a></li>

<li><a class="tw" href="http://twitter.com/YOURNAME"></a></li>

<li><a class="gp" href="https://plus.google.com/YOURNAME"></a></li>

<li><a class="fd" href="http://feeds.feedburner.com/YOURNAME"></a></li>

</div>

<style>

/*Metro UI Social Profile Widget v2.0 by Tech Prevue Labs

Web link to gadget code: http://www.techprevue.com/2013/02/social-profile-gadget-metro-style.html

Distributed under license CC BY-NC-ND 3.0 INT

Please keep license information intact while using this widget*/

.metro-social{width:285px}

.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}

.metro-social .fb,.tw,.gp,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}

.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}

.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:140px;height:70px}

.metro-social .gp{background:url(//goo.gl/oT0kF) no-repeat center center #da4a38;width:140px;height:69px}

.metro-social .fd{background:url(//goo.gl/ncoLY) no-repeat center center #e9a01c;width:282px;height:69px}

.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}

.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}

.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}

.metro-social li:hover .fd{background:url(//goo.gl/JFGqn) no-repeat center center #e9a01c}

</style>

<br>

قراءة المزيد

10 اختصارات مفيدة في لوحة المفاتيح

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

 الكثير من مستخدمي الحواسيب يرغبون في التعرف على عدة مميزات في لوحة المفاتيح من أهمها اللإختصارات اللتي توفرها هذه الأخيرة ( لوحة المفاتيح ) وتكون بذلك أحسن من الماوس لأنها أسرع وأدق .

أهم هذه الإختصارات 

إضغط على الصورة لترى المعلومات بالكامل

إضغط على الصورة لترى المعلومات بالكامل

قراءة المزيد

جديد البلوجر : قامت جوجل بإطلاق أداة جديدة على مدونات بلوجر تحت عنوان "الحملات"

قامت جوجل باطلاق أداة جديدة على مدونات بلوجر تحت عنوان "الحملات" هذه الأخيرة تمكن من إنشاء حملة مباشرة على جوجل adwords كما هو الحال مع الأدسنس حيث يمكنك كسب المال من خلال مدونتك عن طريق ربطها ببرنامج جوجل أدسنس التابع لها 
     الآن يمكنك ربطها ببرنامج  جوجل adwords الإعلاني

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

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

قراءة المزيد

خطوات إنشاء مدونة بلوجر بكل بساطة

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

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

• يجب أن تتوفر على حساب ب (Gmail)

لإنشاء حسابك ( البريد الإلكتروني ) قم بالضغط على الرابط التالي "Gmail" و اتبع الخطوات كما يتضح بالصورة :

• بعدها تقوم بعمل مدونة على بلوجر

بعد توفرك الآن على Gmail يمكنك فتح الحساب على بلوجر , قم فقط بالضغط على الرابط التالي : "blogger.com"

• أدخل لتسجيل حسابك في جوجل تم اضغط على ( تسجيل الدخول/ Sing in ) 

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

ستنبثق الناففدة التالية

فقط قم بملئ البيانات لاستكمال خطوات إنشاء مدونة بلوجر .

قراءة المزيد

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

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

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

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

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

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

 أو استعمال مراوح التبريد الخاصة بكمبيرتر المحمول .

قراءة المزيد

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

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

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

قم بتجربة هذا البرنامج وسترى ما أخبرتك به, فقط قم بتحميله عبر الرابط التالي :  

cursorfx

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

قراءة المزيد