2013


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

    1.   اضافة تويتات داخل التدوينة





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

    2.     اضافة زر المتابعة





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



    3.     اضافة زر " tweet " او " غرد "





مثل زر المتابعة فان تويتر تقدم اداة رائعة للحصول على زر tweet من ( هنــــــــــا ) و لكن مرة اخرى اذا كنت لا تستطيع التعديل على ملفات php الخاصة بالقالب فى يمكنك استخدام احد الاضافات الجاهزة من موقع الووردبريس مثل

   4.    اضافة twitter timeline widget



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




اليوم سوف نشرح كيفية تحديث الجلاكسى اس2  i9100G الى احدث نسخة من اندرويد جيلى بين 4.2.2 و ذلك عن طريق روك خاص و هو سيانوجين مود cyanogen mod 10.1 النسخة النهائية و التى تشبه الى حد تماما الروم الخاص ب nexus و يعد هذا الروم من الاشهر و الاكثر استخداماً على مستوى العالم .

   -    طريقة التحديث


  • اولاً قم بتحميل الروم من الرابط التالى ( هنــــا ) و للنسخة i9100 بدون G من ( هنـــا )

  • ستجد فى الرابط عدة نسخ قم بتحميل الاولى 10.1.2 و هى الاحدث و التحميل مباشر و سريع جدا 

  • قم بعمل باك اب للموبايل عن طريق clockword recovery لتجنب اى خطأ اثناء التحديث

  • قم باطفاء الهاتف ثم اضغط على زر القائمة + زر رفع الصوت + زر القفل (power ) للدخول الى وضع recovery

  • قم باحتيار wipe data / factory reset  (قم بالتنق عن طريق ازرار رفع وخفض الصوت واختار عن طريق زر power )

  • ثم قم باختيار wipe cache patition

  • بعد ذلك قم باختيار install zip from sdcard  و قم باختيار الروم بصيغة zip من الفولدر التى وضعتها بداخله ثم اضغط install cyanogenmod

  • انتظر قلبلا حتى ينتهى الهاتف من التثبيت ثم قم بعمل reboot system now ثم يطلب بعض الاعدادات الاساسية كالوقت و اللغة ثم يعمل الهاتف على الروم الجديد و بكده نكون انتهينا من تثبيت الروم

  • بعد ذلك قم بعمل reboot وقم بتنزيل google apps ( حملها من هنــــا ) (للنسخة i9100G ) ثم اضغط على install zip frpm sdcard و اختار gaaps بصيغة zip من الفولدر التى وضعتها بداخله بعد التحميل

  • ثم قم بعمل reboot system now و بعد اعدة التشغيل سيطلب الهاتف ايميل ال gmail الخاص بك و بعد ادخاله ستتمكن من استخدام google aaps و بكده مبروك عليك الروم

  • أى استفسار ضعه فى التعليــــق 


ملحوظة : الموقع غير مسئـــول عن أى خطأ لعدم تنفيذ التعليمات بدقة .

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


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

   -   شرح الاضافة


  • ادخل الى لوحة تحكم بلوجر > ثم اضغط على قالب
  • قم باخذ نسخة احتياطية من القالب فى حالة حدوث اى مشاكل
  • اضغط على  " تحرير html "
  • قم بالبحث عن الكود التالى عن طريق الضغط على ctrl+f
]]>
  • ثم قم بلصق الكود التالى قبله :
 /* AuthorBio By Arab Technology
----------------------------------------------- */

#mblrib {
width: 111px;
height: 111px;
margin-right:-35px;
margin-top:-15px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHbPNXqNfK5rIQuGninPKSc1fxeGVJrNK2mc6TGBBmsXhOXiUzJ_S1BJEDc-N0AZrOdaXehipV5EQlRX5HqgsPPU8GYdRbsyyxE3uRFBJwVPjLz8ncVzYW-7eDAA8-qvRLXh-37SDsy4x3/s109/1rib.png) no-repeat;
z-index: 7;
position:absolute;
}
.mblautbox { width:610px;}
.authorinfoname { padding-bottom:8px;padding-right:35px;width:180px;display: inline-block;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6VwsLgJQgvoWBsXHtnMxUuruwtLNbYmcTWB1uYonvvOR0XOT2iUQ18Uk79WGpkkexQOXa3WVabicWKCtLMIHXHlhagRGf3kHZOVfuPCP8pfUlY8-oGxVTZ3t-YMUuPQfZnqNv13EaQLo/s1600/line.png) no-repeat 50% bottom;}
.authorinfodescription {}
.mblautbox a:hover {
color: #afafaf;
text-decoration: underline;
outline: none;
}
.mblautbox a {
color: #afafaf;
text-decoration: none;
outline: none;

}
.mblautinfo {
background: #f5f5f5;
margin-left:20px;
-webkit-box-shadow: 0px 0px 9px rgba(255, 255, 255, 0.75);
-moz-box-shadow:    0px 0px 9px rgba(255, 255, 255, 0.75);
box-shadow:         0px 0px 9px rgba(255, 255, 255, 0.75);
float:right; padding:2px;margin-right: 0px;height:110px;
}
.mblautobox {
font-size:20px;
margin-top:-20px;
}
.mblautbox{
direction:rtl;
background:#222222;
float:center;
padding:10px 10px 10px 10px;
margin:20px 0px 5px 0;
color: #eeeeee;
font-family:GESSTwoMediumRegular;
font-size: 14px;
line-height: 26px;
}
.mblautbox-right-min{
border-left:solid 0px #e8e8e8;
height:auto
}
#mycontents {
position:absolute;
width: 111px;
height: 111px;
margin-left:565px;
margin-top:-5px;
}
#socialcontact {
direction:rtl;
float:right;
background: #12bde9;
width:400px;
margin: -5px 0px 0 0;
}
#socialcontact img {
float:right;
margin: 0 8px 0;
}
#joinus {
background: #0c96ba;
float:right;
width:230px;
height:48px;
margin-top:-5px;
}
  • ثم قم بالبحث عن الكود التالى
  •  الصق بعده مباشرة الكود التالى
 
   

   

   

   
   
   


   

   

      بقلم : اسم الكاتب

   
نبذه عن الكاتب
   

   

   

   

   

   


تابعنا على facebook
تابعنا على twitter

تابعنا على google+
تابعنا على youtube

تابعنا على stumbleuop

تابعنا على pinterest


   


انضم الى فريق العمل



   

   -   تعديلات


  • استبدل اسم الكاتب باسم صاحي التدوينة
  • استبدل نبذه عن الكاتب بنذه مختصره عن صاحب التدوينة لا تتعدى ثلاثة اسطر حتى لا تخرب شكل الاضافة
  • استبدل روابط المتابعة على الشبكات الاجتماعية بالروابط الخاصة بالكاتب مثال : استبدل https://www.facebook.com/technology4ar/ برابط الفيس الخاص بصاحب التدوينه 
  • نصيحة لاتغير روابط صور الشبكات الجتماعية لانى معدل ابعادها لتتناسب مع الاضافة
  • اى احد له الحق فى تطوير الاضافة لكن دون ازالة الحقوق
  • احقاقاً للحق الاضافة من تصميم الاخ جلال البعدانى و لكنى قمت بتطويرهـــــا
السلام عليكم و رحمة الله و بركاته


Round-corners-popular-post-widget

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



   -   شرح تركيب الاضافة


  • قم بتسجيل الدخول الى لوجة التحكم
blog-post-option
  •   اختار " قالب "
Select-template
  •   ثم اضغط على " تحرير html "
  •  ابحث عن هذا الكود ]]>
  • الصق الكود التالى قبله
    .popular-posts ul li {background: #FFF url() no-repeat scroll 5px 10px; list-style-type: none;padding:5px 5px 5px 20px !important; border: 1px solid #ddd;border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; height: 40px; -moz-box-shadow: 3px 2px 5px #242424; -webkit-box-shadow: 3px 2px 5px #242424; box-shadow: 3px 2px 5px #242424;margin-bottom: 5px;height: 40px; } .popular-posts ul li a { font-style: italic; } .popular-posts ul li:hover { border:1px solid #d10202; -moz-box-shadow: 3px 2px 5px #d10202; -webkit-box-shadow: 3px 2px 5px #d10202; box-shadow: 3px 2px 5px #d10202; } .popular-posts ul li a:hover { text-decoration:none; } .popular-posts .item-thumbnail img { height:40px;width:40px; webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);box-shadow: 0 1px 3px rgba(0, 0, 0, .4); } .popular-posts .item-thumbnail img:hover{ -moz-box-shadow: 0px 0px 5px #d10202; -webkit-box-shadow: 0px 0px 5px #d10202; box-shadow: 0px 0px 5px #d10202;}

  • اضغط حفظ ثم اذهب الى  " تخطيط "
  • قم باضافة المواضيع الشائعة و عمل التعديلات التالية
Configure-Popular-Posts 
  • قم بازالة العلامة من امام " مقتطف " ثم حفظ ومبروك عليك الاضافة



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

  -   شرح الاضافة



 - قم بتحميل الاضافة من موقع add this من ( هنــــا ) . الان سو فنتعلم كيفية انشاء تطبيقات على تويتر و جوجل لتسجيل الدخول عن طريقها و اظن ان الفيسبوك مشروح قبل كده فى المنتدى و بعد انشاء هذه التطبيقات سوف نقول بادخال المعرف الخاص بها فى الااضفاة لكى تعمل

  اولاَ  انشاء تطبيق على تويتر




  • قم بتسجيل الدخول الى صفحة المطورين فى تويتر .
  • قم بانشاء تطبيق جديد و ادخل المعلومات التالية
  • الاسم : قم بانشاء اسم للتطبيق و الى من الممكن ان يكون اى اسم تريده
  • الوصف : قم بادخال وصف بسيط للتطبيق الذى قمت بانشائه .
  • الموقع : قم بادخال رابط الموقع و يجب ان يكون بهذا الشكل http://www.mysmartsite.com
  •  callback url ( رابط الاستدعاء ) : قم بادخال  https://www.addthis.com
  • الان قم بالتعليم على checkbox وقم بادخال الحروف  captcha  ثم " انشاء تطبيق "
  • و الان تم بحمد الله انشاء التطبيق


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

  • قم بنسخ consumer key ( رقم المستهلك) و الرقم السرى للتطبيق و قم بوضعها  فى الاضافة فى صفحة الاعدادات تحت تبويب تويتر و بكده نكون انتهينا من تويتر

  ثانياً  انشاء تطبيق على جوجل




سوف نقوم بشرح كيفية انشاء تطبيق و الذى يسمح لجوجل و لمستخدميه بتسجيل الدخول الى موقعك
  • قم بالدخول الى صفحة مطورى جوجل من ( هنــــا ) و اضغط على انشاء مشروع
  • عندما تنتهى من الانشاء اضغط على api access فى القائمة الجانبية ثم اضغط على " Create and OAuth client ID " او ما يوازيها بالعربية .
  • اتبع الخطوات فى الصورة لاكمل انشاء التطبيق





لم اقم بشرح انشاء تطبيق الفيس بوك لان له شروحات كثيره و سهلة

   -   استخدام الاضافة


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



كثير منا عندما يحاول بدأ التدوين سعياَ لكسب الارباح كان ام حباَ فى التدوين او لأى سبب اخر فانه يتحير كثيرا اى يجب ان اختار ووردبري , بلوجر , جوملا ........ او ماذا وذلك لانه يرع العديد من الميزات و العيوب فى كل منها و لكننا اليوم سنحاول الوقوف على المييزات التى من شأنها أن تجعل الووردبريس فى نظرى افضلهم جميعاَ ..... وها هى المميزات

  أولاً  موثوق به


- طبقا لموقع و يكبيديا فان الوورد بريس يستخدم من قبل 14.7 % من الاعلى مليون موقع تقييما على اليكسا و بحلول اغسطس 2011 تمكن الوورد بريس من زيادة هذه النسبة الى حاول  22 % . فالوورد بريس حالياَ هو المنصة الاكثر شعبية للتدوبن مع حصيلة مواقع تصل ال 60 مليون موقع فى أنحاء العالم .

  ثانياَ  مجانى


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

  ثالثاً  بسيط فى التعامل


- الووردبريس يمكنه ان يكون بسيطا او معقدا حسبما تريده فابمكانك تكييفة ليلاءم احتياجاتك اياً كانت و لكن لأولك الين يتعاملون معه للمرة الاولى فهو يعد من ابسط و اسهل منصات التدوين على الاطلاق فلا تحتاج سوى لعدة ظغطات لتثبيته .

  رابعاً  السيــــو


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

  خامساً  الدعـــم


- حيث أن كل 1 من 6 مواقع يستخدم الوورد بريس فحوالى 100,000 موقع جديد يتم انشاؤه باستخدام الوورد بريس يومياَ يمكنك ان تتخيل مقدار الدعم التى توفره الوورد بريس الى مجتمع بهذ الحجم فهذا الدعم يساعدك على انشاء ة تخصيص نوقعك بكل سهولة مهما كانت تساؤلاتك فسوف تجد لها الحل .

  سادساً  المرونــة


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

  سابعاً  الاضافــات


- يعتبر هذا السبب الرئيسى وراء هذا النجاح الباهر للورد بريس فهو تضيف امكانات اكثر من رائعة للورد بريس و مع اكثر من 25,000 الف اضافة فلا يمكن الا تجد طلبك بين هذه الاضافات .

  ثامناً  القوالب و الثيمات


- يتوفر لوورد البريس الكثير من القوالب الاكثر منر رائعة و التى تمكنك من الحصول على موقع انيق يجذب الزوار بدلاً من الحصول على موقع غير مرتب ينفر الزوار حيث يعتبر الفيس الاول من ناحية الجمالية فقوالب الوورد بريس هى الاجمل و الاكثر مرونة على الاطلاق .

  تاسعاُ  الملكية


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



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








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

  روابط التحميل




  بعض التعليمات


  • تأكد من أن " التثبيت من مصادر غير معروفة " يعمل .
  • اذهب الى مدير الملفات و جد ملف ال apk و قم بتثبيته
  • تم التثبيت بحمد الله و الان البرنامج يعمل .

ملحوظة : الموقع غير مسئول عن اى ضرر لعد اتباع التعليمات بدقة



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

  اولاً  صور البرنامج






  ثانياً  تعلميات التثبيت


  •  قم بتنزيل التطبيق عن طريق clockwordrecovery mod وذلك عن طريق قفل الهاتف ثم الضغط على زر القفل مع زر الرئيسية و زر رفع الصوت كلاً فى نفس الوقت .
  • ثم install zip from sd card
  • ثم اختار التطبيق و بعدها install

      ثالثاً  التحميل


    http://www.mediafire.com/download/yk6ppw13hkvdozo/MultiWindow_AllApps_LSJ.zip

    ملحوظة : الموقع غير مسئول عن اى ضرر يلحق بجهازك لعم تنفيذ التعليمات

     

    اقدم لكم اضافة بلوجر اعتبرها من اروع اضافات بلوجر التى رأيتها على الاطلاق ان لم تكن اروعها و هى عبارة عن اضافة 6 مواضيع اسفل المدونة مع صورة مصغرة لكل موضوع و مع تأثير رائع عن الوقوف على كل موضوع ... المهم بدون اطالة

    صورة الاضافة



                    



    معاينة الاضافة ( من موقعى و لكن التأثير مختلف ) تجدها اعلى الفوتر


    http://technology4ar.blogspot.com/

    طريقة التركيب



    1. اذهب الى لوحة التحكم

    2. اضغط على تخطيط > اضافة اداة > html / javascript

    3. اضف الكود التالى









    كيفية دمج صوره الغلاف مع الصوره الشخصيه في الفيس بوك


    صمم صورة غلاف تتماشى مع الصورة الشخصية


    اقرأ المزيد






    كيفية دمج صوره الغلاف مع الصوره الشخصيه في الفيس بوك


    صمم صورة غلاف تتماشى مع الصورة الشخصية


    اقرأ المزيد







    كيفية دمج صوره الغلاف مع الصوره الشخصيه في الفيس بوك


    صمم صورة غلاف تتماشى مع الصورة الشخصية


    اقرأ المزيد




    مع مراعاة التعديلات التالية


    • وضع عنوان الموضوع بين وسم

    • وضع وصف الموضوع بين وسم

    • استبدال http://2.bp.blogspot.com/-V9Pgv8CK8Zg/UReprQZdMsI/AAAAAAAAAT8/IwBhoq_zyfQ/s400/fb-timeline-pic2.jpg بعنوان الصورة الخاصة بالموضوع
    • استبدال http://technology4ar.blogspot.com/2013/07/merge-prsonal-and-cover-photos-facebook.htm برابط الموضوع


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





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


    رابط الموقع


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

    المصدر: مهووسي المعلوميات http://th3xd.blogspot.com/2013/02/integration-de-image-sur-facebook.html#ixzz2XzAlPwNV

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


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


    لإضافتها اتبع الخطوات التالية :


    1- ادخل الى مدونتك عن طريق الرابط التالي:


    http://blogger.com/

    2- اذهب الى لوحة التحكم تم اضغط على تخطيط


    3- تم اضغط على اضافة أداة ، HTML/JavaScript


    ثم الصق الكود التالي:








  • 4- الأن قم بتغير ما لون بالازرق بحساباتك


    و أخيرا قم بالضغط على حفظ و مبروك عليك الاضافة.


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

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


    معاينة الاضافة


    demo 

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


    1. ادخل الى لوحة التحكم ثم اختر layout او تخطيط


    blog-post-option

    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;
    line-height:32px;
    -webkit-transition:width .25s ease-in-out,background-color .25s ease-in-out;
    -moz-transition:width .25s ease-in-out,background-color .25s ease-in-out;
    -ms-transition:width .25s ease-in-out,background-color .25s ease-in-out;
    -o-transition:width .25s ease-in-out,background-color .25s ease-in-out;
    transition:width .25s ease-in-out,background-color .25s ease-in-out;
    -o-box-shadow:rgba(0,0,0,.28) 0 2px 3px;
    }
    #bloggertrix-SexySocialButtons li:after{
    position:absolute;
    top:0;
    left:50px;
    z-index:2;
    display:block;
    height:38px; color:#ffffff;
    content:attr(data-alt);
    line-height:32px;
    }
    #bloggertrix-SexySocialButtons .icon{
    overflow:hidden;
    color:#fafafa;
    }
    #bloggertrix-SexySocialButtons .facebook{
    width:32px;
    height:32px;
    background-color:rgba(59,89,152,0.42);
    background-position:0 0;
    }
    #bloggertrix-SexySocialButtons .twitter{
    width:32px;
    height:32px;
    background-color:rgba(64,153,255,0.42);
    background-position:0 -33px;
    }
    #bloggertrix-SexySocialButtons .googleplus{
    width:32px;
    height:32px;
    background-color:rgba(228,69,36,0.42);
    background-position:-3px -66px;
    }
    #bloggertrix-SexySocialButtons .YouTube{
    width:32px;
    height:32px;
    background-color:rgba(174,45,39,0.42);
    background-position:-2px -95px;
    }
    #bloggertrix-SexySocialButtons .rss{
    width:32px;
    height:32px;
    background-color:rgba(255,102,0,0.42);
    background-position:-3px -126px;
    }
    #bloggertrix-SexySocialButtons li:hover .icon,
    .touch #bloggertrix-SexySocialButtons li .icon{
    width:210px;
    }
    .touch #bloggertrix-SexySocialButtons li .facebook, #bloggertrix-SexySocialButtons li:hover .facebook{
    background-color:rgba(59,89,152,1);
    }
    .touch #bloggertrix-SexySocialButtons li .twitter, #bloggertrix-SexySocialButtons li:hover .twitter{
    background-color:rgba(64,153,255,1);
    }
    .touch #bloggertrix-SexySocialButtons li .googleplus, #bloggertrix-SexySocialButtons li:hover .googleplus{
    background-color:rgba(228,69,36,1);
    }
    .touch #bloggertrix-SexySocialButtons li .YouTube, #bloggertrix-SexySocialButtons li:hover .YouTube{
    background-color:rgba(174,45,39,1);
    }
    .touch #bloggertrix-SexySocialButtons li .rss, #bloggertrix-SexySocialButtons li:hover .rss{
    background-color:rgba(255,102,0,1);
    }

    • استبدل bloggertrix باسم المستخدم على الفيس بوك
    • استبدل bloggertrix باسم المستخدم على تويتر
    • استبدل 107955298793879607964 بال id الخاص بك على جوجل بلس
    • استبدل Username باسم المستخدم على اليوتيوب
    • استبدل bloggertrix بال id الخاص بك على feedburner
    5. اضغط حفظ . ومبروك عليك الاضافة    


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

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

    Css3+Peel+Image+Effect

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


    1. ادخل الى لوحة تحكم بلوجر ثم اختار layout او تخطيط


    blog-post-option



    2. اختر اداة html/javascript
    3. الصق الكود التالى

    4. اضغط حفظ وبكده نكون انتهينا

    ملحوظة : استبدل روابط الصور فى الكود بروابط الصور الخاصة بك

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

    و كذلك هو الحال بالنسبة  لصفحة الفايسبوك و تويتر و قناة اليوتوب و رابط التغذية RSS. لذلك تطرقت في هذه التدوينة إلى شرح طريقة إضافة هذا الصندوق إلى المدونة و بتأثير جميل مستعينا بتقنية CSS.
    تتبع هذه الخطوات لإضافة الصندوق :
    • توجه للوحة التحكم =>اختر تصميم => تحرير HTML
    • قم  بتوسيع القالب
    • وأبحث عن الكود التالي :
    ]]>
    • قم بإضافة هذا الكود فوق ]]>> مباشرة.
    ----------------------Social Newsletter Widget  -----------------------------
    /* Social &Newsletter Widget *//* Social */.social {
    background:#fcfcfc;
    height:80px;
    padding:0 15px;
    border-bottom:1px solid #f0f0f0;
    }
    .social li {
    float:right;
    width:52px;
    margin-left:15px;
    text-align:center;
    }
    .social li.last {
    margin-right:0;
    }
    .social li a {
    opacity:0.6;
    filter:alpha(opacity=60);
    font-size:11px;
    color:#666;
    padding-top:42px;
    line-height:34px;
    }
    .social li a:hover {
    opacity:1.0;
    filter:alpha(opacity=100);
    color:#666;
    text-decoration:none;
    }
    .social .social-feed {
    display:block;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnvDuL1gmK8eDDZntoaYhL7FdRdOGgvrsHerO7an-sk8OVIPujiOE5f7MkaU2HKZMi4gCZ2yeIvsQ072oiNozKLwXJsdUSdmvBYiniRbP6D9bm7tErTg-c70PvOtSsoZofOIXo02qNgII/s1600/ico-social-rss.png) no-repeat;
    }
    .social .social-twitter {
    display:block;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNdJ6yWkwKxG6i2V49fWjsFrY-t_rq6hlhVncd5iBgA0cOXTZhvS6x_ydk7h0JcEFTXeBkLliPQN3SaWJzPjLXDRPd81uUz91WlWjK5DWFFyoSIfdtPSo0ShsezqmZAyMU47q9HO6KSfU/s1600/ico-social-twitter.png) no-repeat;
    }
    .social .social-facebook {
    display:block;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdwKiQbECLqx3o3VZhjQ5xRHz-LTMQxbFOUOMzlbHupcs1U8z27na01fto8bpmPCYnQ5Y1kdOuNov65dT5qpfSPnFRUduhcxO_leV0XsVF5cJnmgjuObR9w4WLlmFUgELjX_sOWDKOpA8/s1600/ico-social-facebook.png) no-repeat;
    }
    .social .social-youtube {
    display:block;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH-244OK-UcoL4uv1FYh3Ozn9xvXcRRYAcLRr_H-rifux7k3Im0pBBPz_JgLSXCLjYB6RWT2VBnAZYxZ_eS2a1yYHahWNasN4s30rp2oYNQwZP2HoWhHpxFN7gpVjJKItcJVtCKBocdsw/s1600/ico-social-youtube.png) no-repeat;
    margin-right:0;
    }
    form.emailform {
    margin:20px 0 0;
    display:block;
    clear:both;
    }
    .emailtext {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5xOsYp5WNj7O_whvrUqOOqzstE35l1rO9OYxy_b7M5qGt7rCaa6s0eAZKV-d843QA2gHF7UsSWpuzA8MXODqgN1zsmtBkTjZSw6GkricMo-xSkGwdxcIXOSgpVkdYjkN9-l1MhI-g22d_/s28/w2b-mail.png) no-repeat scroll 4px center transparent;
    padding:7px 15px 7px 33px;
    color:#444;
    font-weight:bold;
    text-decoration:none;
    border:1px solid #D3D3D3;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    -moz-box-shadow:1px 1px 2px #CCC inset;
    -webkit-box-shadow:1px 1px 2px #CCC inset;
    box-shadow:1px 1px 2px #CCC inset;
    }
    .ebutton {
    color:#444;
    font-weight:bold;
    text-decoration:none;
    padding:6px 15px;
    border:1px solid #D3D3D3;
    cursor:pointer;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -goog-ms-border-radius:4px;
    border-radius:4px;
    background:#fbfbfb;
    background:-moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #f4f4f4));
    background:-webkit-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
    background:-o-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
    background:-ms-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4', GradientType=0 );
    background:linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
    }

    • الأن قم بحفظ القالب وتوجه بعدها إلى تصميم أو تخطيط.
    • ثم إضافة أداة HTML/JavaScript .
    • قم بنسخ ثم لصق هذا الكود داخل الأداة :


    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_eIvdQ0Yqitg_gVfTfKE3qETHAMrBwtAJUkr95bYlsriDTWgLA9E5Nh8LDP_pwAJvciq1NlR4EkkehARRe6mOmEqlwLH6-g3-Qa7AyHaEyf2w0g47gyxN7qeGgKIpOQc0pXv3lMe6qOU/s1600/email-px-png.png" />

    توصل بكل المواضيع الجديدة ،كن السبّاق وقم بإدخال بريدك الإلكتروني و إنتظر الجديد


    http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" class="emailform" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=xxxxx', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">









    http://Pro-fess-ional.blogspot.com/ target="_blank" title="Blogger Widget">Blogger Widget »



    التعديل على الكود :
    1. Facebook Page ==> رابط صفختك على الفايسبوك
    2. Twitter ==> رابط التويتر الخاص بك 
    3. Feedburner Url ==> رابط التغذية Rss الخاص بمدونتك
    4. Youtube Chaine ==> رابط قناتك على اليوتوب
    5. Uri=xxxxx ==> اسم المستخدم الخاص برابط التغذية
    6. http://Pro-fess-ional.blogspot.com/ ==> غير هذا الرابط برابط مدونتك
    و بهذا نكون قد ركبنا هذا الصندوق في المدونة و بالتوفيق للجميع

    المصدر: http://www.mohamedblog.com/2012/07/css.html#ixzz2WtHbWW8y


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

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

    1  -      امسح الكاش   Cache  الخاص بالتطبيقات :

    clear-cache-settings

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

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

    3-      تثبيت تطبيق جديد للواجهة الخاصة بجهازك :

    complete-action-homescreen

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

    4-      احدف الاضافات و الاختصارات التي لا تعد ضرورية
    remove-widget

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

    5-      تقييد أو تعطيل بيانات الخلفية
    جيميل, الفايسبوك , تويتر و تطبيقات أخرى كلها تستقبل بيانات من الانترنيت بشكل منتظم و على مدد محددة كل هذه العمليات تستهلك طاقة بطارية جهازك و ليس هذا فقط بل أيضا تستهلك موارد جهازك و منصة الاندرويد و لهذا نلاحظ بطء الجهاز باستمرار
    المطلوب منا تقييد أو تعطيل البيانات الخلفية و التي يدخل ضمنها استقبال بيانات و ارسالها من و الى الانترنيت في خلفية جهازك دون الشعور بذلك
    و لتعطيل بيانات الخلفية لجميع التطبيقات :
    - من اعدادات اضغط على Data usage
    - توجه الى context menu بالضغط على النقاط الثلاثة الموجودة في الاطار الاخضر بالصورة التالية :

    data-usage

    - قم بتعطيل Autosync data و اضغط على Ok بعد خروج رسالة التحدير
    و يمكنك أيضا تعطيل بيانات الخلفية لكل تطبيق على حدا فمثلا اذا اردت تعطيل بيانات الخلفية لتطبيق الفايسبوك فسيكون ذلك بالذهاب الى اعداداته و ايجاد خيار عدم تحديث المنشورات اتوماتيكيا و تعيين التحديث اليدوي.
    و مع قيامك بهذه الخطوة ستلاحظ زيادة سرعة جهازك أكثر


    المصدر :  http://techarabi.com/%D8%B7%D8%B1%D9%82-%D9%81%D8%B9%D8%A7%D9%84%D8%A9-%D9%84%D8%AA%D8%B3%D8%B1%D9%8A%D8%B9-%D9%87%D8%A7%D8%AA%D9%81%D9%83-%D8%A7%D9%84%D8%A7%D9%86%D8%AF%D8%B1%D9%88%D9%8A%D8%AF/