شائع على أدسنر

‏إظهار الرسائل ذات التسميات دروس. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات دروس. إظهار كافة الرسائل

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


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

موقع " KUKU.IO " هو وسيلة ممتازة للنشر فى العديد من الشبكات الإجتماعية بنقرة زر فقط, ويمكنك من خلاله النشر عبر الشبكات الإجتماعية بطريقة بسيطة وسهلة للمستخدم العادى.

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

كيف تقوم بحماية حسابك على فيس بوك من التعطيل

حماية حسابك على فيس بوك

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

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

أول شيئ عليك التوجه إلى Facebook Developers ومن ثم تقوم بالإشارة بالفأرة على " My Apps " وستظهر لك قائمة صغيرة قم بالضغط على " Add a New App " من ثم ستنبثق أمامك نافذة كما بالصورة أدناه قم بأختيار " ‎Facebook Canvas‎ ".


بعد ذلك ستنتقل إلى صفحة جديدة لكتابة أسم التطبيق, وهذه الخطة لا توجب عليك أستخدام أسم معين وإنما يمكنك كتابة أى أسم ثم تقوم بالضغط على " Create New Facebook App ID " كما بالصورة أدناه.


بعد ذلك ستظهر لك نافزة لأختيار فئة التطبيق, وكل ما عليك هو أختيار " محلى " أو أى فئة أخرى, ومن ثم تقوم بالضغط على " ‎Create App ID‎ ".

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

طريقة التعرف على مواصفات جهازك فى ويندوز 10

التعرف على مواصفات جهازك

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

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

إذاً كل ماعليك هو التوجه إلى قائمة البدء " Start " وتقوم بالضغط على كليك يمين وستظهر لك قائمة تقوم بأختيار خيار " run ", بعد ذلك ستظهر لك نافزة بالشكل التالى.


الآن قم بكتابة " dxdiag " وتقوم بالضغط على " OK " كما هو مبين فى الصورة أسفله.


بعد الضغط على " OK " ستظهر لك نافزة أخرى وستختفى نافزة " Run ", وستجد فيها قائمة بمواصفات جهازك, ومنها مواصفات الرام والبروسيسور وأسم ونوع نظام التشغيل, فكا يظهر لك فى الصورة أسفله أنا مستعمل ونظام ويندوز 10 برو.


ويمكنك أخز نسخة من هذه البيانات عبر الضغط على " Save All Information " وأأختيار مكان حفظ البيانات, وهذه الخاصية تتيح لك المقارنى بين عدة أجهزة أو المقارنة بين أداء جاهزك كل فترة.
بواسطة
في :

الحلقة 8: طريقة الوصول إلى ip الخاص بأى موقع

طريقة الوصول إلى ip

مرحباً بكم فى هذه الحلقة والتى سأتطرق معك فيها إلى كيفية الوصول إلى ip الخاص بأى موقع عن طريق الويندوز بطريقة بسيطة, ومن المعروف أن للـ IP العديد من الأستخدامات, لكن لن نتطرق لها فى هذه لاحلقة وسنكتفى فقط بطريقة الوصول للآي بي.

بالنسبة لمن ليس لديهم معرف عن IP فبأختصار الآي بى عبارة عن رقم عنوان جهازك على الإنترنت, كما الأمر بالنسبة لرقم هاتفك, فبكل بساطة لكى تستطيع أى شخص الأتصال بك يجب أن يتصل على الرقم الخاص بك, ولا يقتصر الأمر على الأجهزة فقط بل يشمل كذلك المواقع الإلكترونية.

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

بواسطة
في :

طريقة تحميل وتثبيت الإصدار الأخير من ويندوز 10 مجاناً

تحميل وتثبيت ويندوز 10 مجاناً

مرحباً بكم فى هذا الدرس الجديد والذى سنتطرق فيه إلى كيفية تحميل وتثبيت نظام التشغيل ويندوز 10 مجاناً من مايكروسوفت بعد الضجة الكبيرة التى أثارتها مايكروسوفت بإعلانها عن الإصدار الأخير من ويندوز 10. وفى هذا الشرح سوف نقوم بتثبيته من خلال ملف " ISO " ومن بعدها نقوم بحرقه على DVD أو USB على حسب رغبتك.

أولاً تقوم بالتوجه إلى رابط تحميل أداة تثبيت الويندوز من الموقع الرسمى لمايكروسوف من هنا, من ثم ثقوم بأختيار النسخة التى تتناسب مع الجهاز الذى تستعمله سواء كان 32 bit أو 64 bit.


ثانياً بعد تحميل الأداة والتى لا تتجاوز 20 ميجا بيت تقوم بفتحها وستظهر لك بالشكل التالى كما بالصورة أسفلة, قم بأختيار الخيار الثانى كما هو مبين, وهذا الخيار هو لتحميل ملف " ISO " بينما الخيار الأول هو الخيار المتعلق بترقية النسخة.


ثالثاً تقوم بتحديد لغة الويندوز ومنها العربية, وتقوم بأختيار الإصدار الذى يعجبك, وأخيراً بعدها تقوم بتحديد ما إذا كان جهازك يعمل على 32 bit أو 64 bit والجديد فى هذا النظام أنه يوفر لك خيار ثالث يمكنك من أختيار النواتين معاً.


رابعاً وأخيراً ستظهر لك واجهة جديدة مجدداً تقوم بأختيار الخيار الثانى لتحميل ملف " ISO " من ثم تقوم بتحديد مكان حفظ الملف على الجهاز الخاص بك وتضغط على " Save ".


بعد ذلك ستبدأ عملية تحميل الملف, ويبلغ حجم الملف 3 جيجا بيت تقريباً, وتعتمد سرعة تحميل الملف على سرعة الإنترنت المتوافرة عندك, لذا إذا كانت سرعة الإنترنت المتوفرة لديك بطيئة فهذا يعنى أن التحميل سيستغرق بعض الوقت, وبعد التحميل تقوم بحرق الملف على DVD أو USB كما قلنا سابقاً.


رابط التحميل مجدداً : Windows 10
بواسطة
في :

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

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

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

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


أولاً قم بالدخول إلى القالب ثم قم بعمل " تحرير HTML " بعد ذلك قم بالبحث عن " <head> " بأستعمال " Ctrl + f " من ثم أضف الكود التالى أسفله مباشرة.

<link href='http://fonts.hosni.netdna-cdn.com/fonts/cdn/file_font/?font=Stc' rel='stylesheet'/> <link href='//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/>

ثانياً تقومم بالبحث عن " ]]></b:skin> " بأستعمال نفس طريقة البحث وتقوم بإضافة الكود التالى فوقه مباشرة.

#Share { margin-top: 15px; background: rgb(40, 39, 39); height: 32px; padding: 10px; } #icon-share { float: right; margin-left: 8px; transition-duration: 0.4s; } #icon-share:before { content: "\f1e1"; font-family: fontawesome; color: #1BA49A; font-size: 27px; } #Share:hover #icon-share { transform: rotate(360deg); transition-duration: 1s; } .text-share { float: right; font: 19px normal 'Stc'; color: #fff; } .twitter-share { width: 110px; height: 32px; background: #23B0E6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizRx9nINQu3NJg_hEjnqV5opPWzU_iAOmjAD-i38tWMdyEPkx5O3YfSkw8lBjeXal4mLSNhNfRCMnNKEXiOW7iPQsTQGgRXFkvmcjYdxnHWrfmy2UYBz6hwkgVs1R4NZkPOiAfoqx6OgE/s1600/Twitter.png) center no-repeat; float: left; margin: 0 3px; border-radius: 4px; } .twitter-share:hover { width: 130px; transition-duration: 0.5s; } .facebook-share { width: 110px; height: 32px; background: #3B5998 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3_AqIODym0PEptbgMera41b7F0q3Z74dUNGCSX7co5r53Fd4Tea5QUeMjnwPuzFTDnTOcpaDQZ1PqZyobf4NejVOF8RKqodj3M6mxvGeSGbD-M0_YyJa9M38PBdfQNNdOMZ2HM_gRaSQ/s1600/facebook-e76885eb3963a60dc10145e6165a575b.png) center no-repeat; float: left; margin: 0 3px; border-radius: 4px; } .facebook-share:hover { width: 130px; transition-duration: 0.5s; } .google-share { width: 110px; height: 32px; background: #CF1717 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT7QCqv-EI5iBE0joXGoPEUBaYtUqyM6xXWOEl7ZiZCxx3Ff40sJa5C-JSLjfqe_rdYvOZf2Z4powIqtmXEIaOBTD6dwXzfkCABk3gK0UtQqMudE-N7yKS474Ja0VWVmKelh37byDTjbdR/s1600/google-plus-icon.png) center no-repeat; float: left; margin: 0 3px; border-radius: 4px; } .google-share:hover { width: 130px; transition-duration: 0.5s; }

ثالثاً تقوم بالبحث عن " <data:post.body/> " بأستعمال نفس طريقة البحث, لكن فى هذه الخطوة ستظهر لك العديد من النتائج لذا قم بالتوجه إلى النتيجة الثالثة وأضف الكود التالى أسفلها مباشرة.

<div id='Share'> <div id='icon-share'/> <a class='text-share'>مشاركة الموضوع</a> <b:if cond='data:top.showTwitterButton'><a class='twitter-share' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if> <b:if cond='data:top.showFacebookButton'><a class='facebook-share' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if> <b:if cond='data:top.showFacebookButton'><a class='google-share' expr:href='&quot;http://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank' title='المشاركة في Google'><div id='googl'/></a> </b:if> </div>

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

إضافة زر الصعود للأعلى لمدونات بلوجر

زر الصعود للأعلى

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

ما سنقوم به فى هذا الدرس هو إضافة بعض الأكواد الصغيرة إلى القالب من أجل إضافة الزر بشكل مناسب, وأول شيئ سنقوم به هو التوجه إلى بلوجر ثم الدخول إلى القالب ونقوم بعمل " تحرير HTML ", من ثم نقوم بالبحث عن " <head> " بأستعمال " Ctrl + f " ونقوم بإضافة الكود التالى بعده مباشرة.

<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/>

ثانياً نقوم بالبحث عن " ]]></b:skin> " بنفس طريقة البحث لإضافة أكواد " CSS " ونقوم بإضافة الكود التالى فوقه مباشرة.

#Rise-to-Top { border-radius: 6px; background: rgba(0, 0, 0, 0.15); width: 80px; text-align: center; padding: 5px; position: fixed; bottom: 20px; right: 50px; cursor: pointer; text-decoration: none; border: 1px solid rgba(0, 0, 0, 0.2); } #icon-up:before{ content: "\f077"; font-family: fontawesome; color: #fff; font-size: 18px; }

ثالثاً نقوم بالبحث عن " </body> " بنفس الطريقة أيضاً ونقوم بإضافة الكود التالى فوقه مباشرة.

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script type='text/javascript'> $(function() { $.fn.scrollToTop = function() { $(this).hide().removeAttr("href"); if ($(window).scrollTop() != "0") { $(this).fadeIn("slow") } var scrollDiv = $(this); $(window).scroll(function() { if ($(window).scrollTop() == "0") { $(scrollDiv).fadeOut("slow") } else { $(scrollDiv).fadeIn("slow") } }); $(this).click(function() { $("html, body").animate({ scrollTop: 0 }, "slow") }) } }); $(function() { $("#Rise-to-Top").scrollToTop(); }); </script> <a href='#' title='الصعود للأعلى' id='Rise-to-Top' style='display:none;'><div id='icon-up'/></a>

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


كما بالصورة يوجد على اليسار أسم الأيقونة وعلى اليمين كود " CSS " الخاص بالأيقونة وكل ما عليك فعله هو نسخ الكود الملون باللون الأحمر على اليمين وتقوم بأستبداله بالكود الملون باللون الأحمر فى أكواد " CSS " الموجودة بالأعلى.
بواسطة
في :

الحلقة 7: أفضل موقع لإنشاء " Background "

أفضل موقع لإنشاء خلفيات

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

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

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


رابط الموقع : patternify
بواسطة
في :
الاشتراك في: الرسائل (Atom)