عرب تكنولوجى

صورة الغلاف هي الصورة العريضة والكبيرة التي تظهر أعلى صفحة اليوميات للمستخدم أو أعلى صفحة الفيسبوك العامة ( صفحة المعجبين ) ، هذه الصورة لن يراها إلا من يقوم بزياة الصفحة فقط ، اما الصفحة الشخصية فهي الصورة المربعة الصغيرة التي تظهر جوار الإسم ، والتي تظهر عندما يقوم المستخدم بالتعليق على أي منشور في الفيسبوك. هنالك بعض الأشخاص قاموا بتصميم صورة غلاف متناسقة مع الصورة الشخصية لتبدوا بشكل رائع ، فإذا كنت مصمم ومحترف في مجال التصميم بواسطة البرامج مثل ( الفوتوشوب ) فستكون مهمة تصميم صورة غلاف وصورة شخصية أمر سهل بالنسبة إليك ، أما إذا كنت غير متخصص في التصميم ، فهذا الموقع سيوفر عليك هذه المهمة ويقدم لك أدوات مساعدة لتصميم صورة الغلاف مع الصورة الشخصية. رابط الموقع  قم بالدخول إلى الموقع.  انقر على الأيقونة الخضراء التي في وسط الصفحة والمكتوب عليها ( First let's choose the Banner Background ).  قم باختيار الصورة المناسبة لتكون صورة الغلاف ( يمكنك تغييرها فيما بعد ).  الآن يمكنك اعتماد صورة الغلاف الجاهزة التي اخترتها ، او يمكنك اختيار صورة...

إضافة أزرار مواقع التواصل الإجتماعي بشكل ويندوز 8 لمدونة بلوجر ، اضافة جميلة جدا تعطي لمدونتك جمالية رائعة كما انها تشجع الزوار على الضغط عليها مما يرفع عدد متابعي المدونة و كما يعرف الجميع فمواقع التواصل الاجتماعي تلعب دورا مهما في جلب الزوار و توسيع نطاق جماهير المدونة. لإضافتها اتبع الخطوات التالية : 1- ادخل الى مدونتك عن طريق الرابط التالي: http://blogger.com/ 2- اذهب الى لوحة التحكم تم اضغط على تخطيط 3- تم اضغط على اضافة أداة ، HTML/JavaScript ثم الصق الكود التالي: <div class="metro-social"> <li><a class="fb" href="http://www.facebook.com/th3anas"></a></li> <li><a class="tw" href="http://twitter.com/anasnokri"></a></li> <li><a class="gp" href="https://plus.google.com/117554884515213827524"></a></li> <li><a class="fd" href="http://feeds.feedburner.com/th3xd"></a...

 السلام عليكم و رحمة الله و بركاته الاضافة هذه اكثر من رائعة فهة تمكن الزائر من البقاء على اطلاع بروابط مدونتك على الشبكات الاجتماعية فى اى مكان فى المدونة فهى تتواجد فى مكان فى الصفحة ولعلنا شاهد انتشارا لها فى الاَونة الاخيرة ولكن هذه الاضافة من وجهة نظرى هى الاكثرهم جمالا و فعالية . معاينة الاضافة demo  تركيب الاضافة  1. ادخل الى لوحة التحكم ثم اختر layout او تخطيط   2. اضغط على html/javascript 3. الصق الكود التالى position:relative; z-index:5; display:block; float:none; margin:5px 0 0; width:210px; height:38px; border-radius:5px; background:url(http://1.bp.blogspot.com/-JKq0eFFwx34/UGx39fhHO_I/AAAAAAAABE4/56i9phAS2do/s1600/NBT+Sprites+Social+Icons.png) no-repeat; background-color:rgba(217,30,118,.42); -webkit-box-shadow:rgba(0,0,0,.28) 0 2px 3px; -moz-box-shadow:rgba(0,0,0,.28) 0 2px 3px; box-shadow:rgba(0,0,0,.28) 0 2px 3px; color:#141414; text-align:left; text-indent:50px; text-shadow:#333 0 1px 0; white-space:nowrap; lin...

 السلام عليكم و رحمة الله و بركاته اليوم اقدم لكم تأثير اكثر من رائع للصور فى مدونة بلوجر فهذا التأثير يعتمد على اخفاء صورة تحت اخرى و بمجرد مرور الماوس تظهر الصورة المخفية بشكل رائع و انيق و يمكن اضافتها فى مكان فى المدونة لاعطاء مظهر جمالى رائع . تركيب الاضافة  1. ادخل الى لوحة تحكم بلوجر ثم اختار layout او تخطيط   2. اختر اداة html/javascript 3. الصق الكود التالى <style type="text/css"> a.nowandthen{ position:relative; display: block; overflow:hidden; cursor: pointer; width: 650px; height: 434px; } a.nowandthen img{ position:absolute; left:0; top:0; width: 100%; height: 100%; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; z-index: 2; clip: rect(0,650px,434px,0); } a.nowandthen img:nth-of-type(2){ z-index: 1; } a.nowandthen:hover img:nth-of-type(1){ clip: rect(0,0,434px,0); opacity: 0; } </style> ...

عندما تكون تتصفح مدونات عربية أو أجنبية  فإنك تلاحظ أن أغلب هاته المدونات تتوفر على صندوق اشتراك يحتوي  على أيقونة الفايسبوك وتويتر و اليوتوب والإشتراك بالبريد الإلكتروني و رابط التغذية Rss إلخ…. يمكنني القول أن هذا الصندوق ذو أهمية بالغة كونه يساعد في الحفاظ على الزوار فمثلا عند الإشتراك بالبريد الإلكتروني فإن الزائر سيبقى على اطلاع بآخر المواضيع و المستجدات و كذلك هو الحال بالنسبة  لصفحة الفايسبوك و تويتر و قناة اليوتوب و رابط التغذية RSS. لذلك تطرقت في هذه التدوينة إلى شرح طريقة إضافة هذا الصندوق إلى المدونة و بتأثير جميل مستعينا بتقنية CSS. تتبع هذه الخطوات لإضافة الصندوق : توجه للوحة التحكم =>اختر تصميم => تحرير HTML قم  بتوسيع القالب وأبحث عن الكود التالي : ]]></b:skin> قم بإضافة هذا الكود فوق ]]></b:skin > مباشرة. ----------------------Social Newsletter Widget  ----------------------------- /* Social &Newsletter Widget *//* Social */.social { background:#fcfcfc; ...

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

 بسم الله الرحمن الرحيم اظن من اسهل جدا الان على كل مدون ان يقوم بانشاء نموذج تواصل على مدونته ولكن البعض يكون غير راضى على التصميم الذى لايتماشى مع مظهر المدونة . اليوم سوف نقوم بانشاء نموذج تواصل رائع و سنقوم بشرح التعديل عليه ليصبح ذو مظهر جذاب يليق بتصميم المدونة . ....... . بدون اطالة نبدأ بشرج الاضافة   تركيب الاضافة 1. اذهب الى بلوجر > صفحات 2. اختار " صفحة فارغة " 3. قم بتسمية الصفحة و ليكن " اتصل بنا " 4. اختار html code ثم الصق الكود التالى  <div class='form'> <!-- Custom Contact Form By MBT Starts --> <form name='contact-form'> <!-- Name Field --> <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' value="Name" size='30' type='text' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Name&quot;;}' onfocus='if (this.value == &quot;Name&quot;) {this.valu...