مدونة كمبيوتر العرب تقفز إلى بيج رانك 3

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


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


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

دمتم في أمان الله

إقرأ المزيد
مدونة كمبيوتر العرب تتمنى لكل متابعيها عيد مبارك سعيد وبهذه المناسبة أهديكم هذه الهدية المتواضعة

10/25/2012

تم تغيير نطاق المدونة

السلام عليكم ورحمة الله تعالى وبركاته اليوم أكتب لكم هذا الموضوع لأعلمك أنه قد تم تغيير نطاق المدونة إلى نطاق مدفوع ألا وهو  /http://www.arabs-c.info لكن هذا لايعني أن نطاق بلوجر تم حذفه بل سيتم تحويل الزوار بطريقة أتوماتيكية إلى النطاق الجديد وكل الشكر راجع للأخ مصطفى الذي أعطاني الدومين وقبل أن أنسى أتمنى لكم عيد مبارك سعيد للأمة الإسلامية قاطبة.
إقرأ المزيد

إعلان عام

السلام عليكم ورحمة الله تعالى وبركاته ،اليوم أكتب هذا الموضوع بعد العديد من الإستفسارات والمشاكل التي واجهت الأعضاء في قالب المدونة وكذلك عدم وجود قسم للمشاكل والإستفسارات لذلك قررت أن أقوم بعمل موضوع في آخر كل أسبوع لأجيب عن إستفساراتكم والمشاكل التي تواجهكم بخصوص كل مايتعلق بالبلوجر والووردبريس كل ماعليك فعله هو إرسال
رسالة عنوانها مشكلة أو إستفسار إلى الإيميل التالي: abdelghafour.arabs2012@gmail.com باللغة العربية وسيتم إجابتكم في آخر كل أسبوع أما بالنسبة للقالب فسأضع فيديو يشرح بالتفصيل كيفية تركيب القالب وكيفية تركيب بعض الإضافات التي لم تكن موجودة به أتمنى أن تعجبك هذه الفقرة الجديدة بالمدونة وإن شاء الله ستكون هناك أشياء أحسن من هذا ولاتنسى.

&&إذا أعجبك الموضوع قم بمشاركته ولاتكن ممن يحتكر المعلومة&&
إقرأ المزيد

قالب مدونة كمبيوتر العرب متاح للتحميل

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

مميزات القالب
1-يحتوي القالب على مكان لوضع إعلانات أدسنس في الجانب الأيسر من الهيدر.
2-يمكنك وضع لوجو خاص بك.
3-يحتوي على محرك بحث.
4-صديق لمحركات البحث لأنه مجهز بميتا تاج.
5-ألوان القالب مريحة للعين.
6-متوافق مع جميع المتصفحات بما في ذلك إكسبلورر (الغبي).
7-يحتوي على صندوق لمشاركة التدوينة أسفل كل موضوع.
8-يحتوي كذلك على صندوق نبذة عن الكاتب أسفل كل تدوينة.
9-يحتوي على إضافة مواضيع ذات صلة بشكل متحرك.
10-يتميز بنظام تعليقات يدعم الرد.
11-يحتوي على زر الذهاب إلى الأعلى بالجي كويري.
12-تنسيق القالب في التخطيط متناسق حسب شكل القالب.
13-يحتوي على قائمة علوية لإظهار الصفحات. 
14-خفيف في تصفحه حيث تم ضغط خصائص السي إس إس.
والعديد من المميزات الأخرى التي سأدعكم تكتشفونها بأنفسكم.
تركيب القالب
من لوح تحكم مدونتك إذهب إلى قالب ثم إضغط على زر نسخ إحتياطي/إستعادة وارفع القالب.
الآن نأتي لكيفية التعديل على الروابط إلى غير ذلك.
1-أولا: تغيير اللوجو قم بالذهاب إلى قالب > تحرير html > ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
ثم ابحث عن الكود الآتي :
<a href='http://arabs-c.blogspot.com/'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGVKIHxCKK4f7M_cv80eyHto3jDRzdLV5qc-bPkrpkA5nFlrjyEAcnsKH-0bdE8MLZ-wPNUMNKa2rt_abCvOWE93sUgPhPIrwbRLWxeHCuZsE0Gshra5Wfn8xbyoGRsjTxQ4WlBe4YrVRu/s335/logo.png'/></a>
غير مالون بالأحمر برابط موقعك ومالون بالأزرق برابط اللوجو الخاص بك.
2-ثانيا: التعديل على الميتا تاج.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content=' مدونة كمبيوتر العرب مدونة تقنية تهتم بالتصميم والتكويد وبرامج إدارة المحتوى خاصة البلوجر والووردبريس حيث نهتم بتطويرهما سعيا إلى الرقي والتميز' name='description'/>
<meta content='blogger,blogspot,blog,google,adsense,إضافات بلوجر,إضافة, اضافة بلوجر, بلوغر, بلوقر, كود, إقرأ المزيد, أدسنس, مدونة, مدونات, تدوين, كيفية, اعلانات جوجل ادسنس,بلوجر, بلوغ,إضافات ووردبريس,قوالب ووردبريس,دروس ووردبريس,' name='keywords'/>
<meta content='7 days' name='revisit'/>
<meta content='7 days' name='revisit-after'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='عبدالغفور' name='author'/>
<meta content='ar' name='language'/>
<meta content='maroc' name='country'/>
<meta content='global' name='distribution'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/> | إضافات بلوجر&#1548;إضافات ووردبريس&#1548;قوالب بلوجر&#1548;قوالب ووردبريس,دروس بلوجر,دروس ووردبريس</title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName + data:blog.title' name='Description'/>
<meta expr:content='data:blog.pageName + data:blog.title' name='Keywords'/>
</b:if>
غير مالون بالأحمر بتعريف بسيط على مدونتك.
غير مالون بالأزرق بكلمات مفتاحية وافصل بين الكلمة والأخرى بفاصلة.
غير مالون بالوردي باسمك.
غير مالون بالبرتقالي ببلدك.
غير مالون بالأخضر بكلمات تدل على اختصاص مدونتك.

3-ثالثا: التعديل على تعريف الكاتب.
إبحث عن الكود التالي.
 <img alt='' height='80' src='http://www.photoshopcreative.co.uk/users/7359/thm1024/popman.jpg' width='80'/>
 <h4>بقلم عبدالغفور</h4>
 <p>أنا إسمي عبدالغفور بلدي هو المغرب مصمم ويب حر أعشق البلوجر والوورد بريس وأهتم بتطويرهما.أنشأت هذه المدونة لمشاركة معرفتي المتواضعة في مجال التصميم والتدوين من خلال مشواري وأتمنى أن تكون طريق المستخدم العربي للإحتراف</p>
غير مالون بالوردي باسمك.
غير مالون بالبرتقالي بصورتك.
غير مالون بالأزرق بنيذة عنك.

4-رابعا: التعديل على صندوق مشاركة المواضيع الموجود أسفل كل تدوينة.
 إبحث عن الكود التالي وغيره بإسم الفيدبرنر الخاص بك.
http://feeds.feedburner.com/arabs-computer
 إبحث عن الكود الآتي وغيره بصفحتك على الفيسبوك.
http://www.facebook.com/pages/Arabs-computer/390334474357755
إبحث عن الكود التالي وغيره برابط صفحتك على تويتر.
http://twitter.com/ArabicArabs
إبحث عن هذا الكود ثم غير مالون بالأحمر بإسم الفيدبرنر الخاص بك.
http://feedburner.google.com/fb/a/mailverify?uri=arabs-computer
 إبحث عن الكود التالي وغيره برابط صفحتك على يوتيوب.
http://www.youtube.com/user/abdelghafour5
5-خامسا: التعديل على الروابط العامة:
إبحث عن الكود التالي وغيره برابط صفحتك الخاصة بسياسة الخصوصية.
http://arabs-c.blogspot.com/p/privacy-policy.html
وشيء أخير وهو أني نسيت تركيب صندوق المتابعة بالبريد يمكنك الرجوع إلى الدرس الخاص به وإضافته.
حقوق القالب
هذا القالب تم تصميمه بواسطة عبدالغفور وأرجو بشدة عدم حذف الحقوق لأنني تعبت في تصميم القالب ولنظهر أن العرب وصلوا إلى مستوى راقي يجعلهم يقدرون جهود إخوانهم.

&&إذا أعجبك الموضوع قم بمشاركته ولاتكن ممن يحتكر المعلومة&&

إقرأ المزيد

خدعة تغيير ألوان الدريم ويفر

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

 



-أول شيء نقوم بتحميل الملف من هنا.
-بعدها نقوم بفك الضغط عليه ستجد ملف بإسم Colors.xml قم بنسخه واذهب إلى المسار التالي :
C:\Program Files\Adobe\Adobe Dreamweaver CS5\configuration\CodeColoring
ملاحظة : يجب أن يكون الدريم ويفر مغلق عند القيام بهاته الخطوة.
-الآن بعد الدخول إلى المسار في الأعلى ستجد ملف بإسم  colors.xml غيره إلى colors2.xml مثلا وقم بلصق الملف الذي قمت بنسخه سابقا،الآن قم بفتح الدريم ويفر،ثم إذهب إلى
edit>preferance>code coloring
ثم غير الخلفية الإفتراضية التي تكون بالأبيض إلى اللون التالي 333#

&& إذا أعجبك الموضوع قم بمشاركته ولاتكن ممن يحتكر المعلومة&&
إقرأ المزيد

أداة التبادل الإعلاني بتقنية CSS3

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


أولا من لوح تحكم مدونتك إختر تخطيط ثم إضافة أداة ثم HTML/JAVA SCRIPT وأضف الكود التالي.


<style>
.slide-up-boxes a { 
display: block;
margin: 10px -20px 0 0; 
background: rgba(215, 215, 215, 0.5); 
border: 1px solid #ccc; 
height: 65px; 
overflow: hidden;
width:235px; 
}
.slide-up-boxes h5 { 
color: #333; 
text-align: center;
height: 65px; 
font: 18px/65px HelveticaNeue;    
opacity: 1;
-webkit-transition: all 0.2s linear; 
-moz-transition: all 0.2s linear; 
-o-transition: all 0.2s linear;
}
.slide-up-boxes a:hover h5 { 
margin-top: -65px;opacity: 0; 
}
.slide-up-boxes div { 
position: relative; 
color: white; 
font: 12px/15px HelveticaNeue - bold;
padding: 10px; 
opacity: 0; 
-webkit-transform: rotate(6deg); 
-webkit-transition: all 0.4s linear; 
-moz-transform: rotate(6deg); 
-moz-transition: all 0.4s linear; 
-o-transform: rotate(6deg); 
-o-transition: all 0.4s linear; 
}
.slide-up-boxes a:hover div { 
opacity: 1; 
-webkit-transform: rotate(0); 
-moz-transform: rotate(0); 
-o-transform: rotate(0); 
}
.slide-up-boxes a:nth-child(1) div { background: #c73b1b url(http://cdn1.iconfinder.com/data/icons/dellipack/48/interact.png) no-repeat; padding-left:25px; }
.slide-up-boxes a:nth-child(2) div { background: #c73b1b url(http://cdn1.iconfinder.com/data/icons/dellipack/48/interact.png) no-repeat; padding-left:25px; }
.slide-up-boxes a:nth-child(3) div { background: #c73b1b url(http://cdn1.iconfinder.com/data/icons/dellipack/48/interact.png) no-repeat; padding-left:25px; }
</style>
<script type="text/javascript" async="" src="//s3.buysellads.com/ac/bsa.js"></script><script type="text/javascript" async="" src="http://www.google-analytics.com/ga.js"></script>
<section class="slide-up-boxes">

<a href="http://blogg-face.blogspot.com">
<h5>مساحة الاعلانية</h5>
<div style="width:200px;font:bold 9pt HelveticaNeue;">اهلا بك في مدونة كمبيوتر العرب للتبادل الاعلاني اضغط هنا</div>
</a>
<a href="http://arabs-c.blogspot.com">
<h5>مساحة الاعلانية</h5>
<div style="width:200px;font:bold 9pt HelveticaNeue">اهلا بك في مدونة كمبيوتر العرب للتبادل الاعلاني اضغط هنا</div>
</a>
<a href="http://arabs-c.blogspot.com">
<h5>مساحة اعلانية</h5>
<div style="width:200px;font:bold 9pt HelveticaNeue">اهلا بك في مدونة كمبيوتر العرب للتبادل الاعلاني اضغط هنا</div>
</a>

<a href="http://arabs-c.blogspot.com">
<h5>مساحة الاعلانية</h5>
<div style="width:200px;font:bold 9pt HelveticaNeue;">اهلا بك في مدونة كمبيوتر العرب للتبادل الاعلاني اضغط هنا</div>
</a>

<a href="http://arabs-c.blogspot.com">
<h5>مساحة الاعلانية</h5>
<div style="width:200px;font:bold 9pt HelveticaNeue">اهلا بك في مدونة كمبيوتر العرب للتبادل الاعلاني اضغط هنا</div>
</a>

<a href="http://arabs-c.blogspot.com">
<h5>مساحة اعلانية</h5>
<div style="width:200px;font:bold 9pt HelveticaNeue">اهلا بك في مدونة كمبيوتر العرب للتبادل الاعلاني اضغط هنا</div>
</a></section>
&&إذا أعجبك الموضوع قم بمشاركته ولاتكن ممن يحتكر المعلومة&&

إقرأ المزيد

تركيب صندوق المتابعة بالبريد

السلام عليكم ورحمة الله تعالى وبركاته اليوم درسنا سنتحدث فيه عن كيفية تركيب صندوق المتابعة بالبريد الإلكتروني مثل الموجود في المدونة هذه الإضافة تحتوي على العديد من الإضافات فهي تتضمن أيقونات المواقع الإجتماعية وأداة الإحصاء الخاصة بفيد برنر
وهي متوافقة مع جميع المتصفحات لن أطيل عليكم أترككم مع شرح تركيب الإضافة،لكن لاتنسى أخد نسخة إحتياطية من القالب في حال حدوث أخطاء.
أولا من لوح تحكم مدونتك توجه إلى صفحة تحرير HTML  و ضع علامة في خانة توسيع القوالب ثم ابحث عن الكود الموالي بواسطة (CTRL+F) :  
]]></b:skin>
وضع مباشرة فوقه الكود التالي :
.subscribe{background-color:#399FFF;background-image:-moz-linear-gradient(left top,#9bcfff 40%,#0e8aff 60%,#9bcfff 87%);border:1px solid #0E8AFF;background-image:-webkit-linear-gradient(left top,#9bcfff 40%,#0e8aff 60%,#9bcfff 87%);background-image:-o-linear-gradient(left top,#9BCFFF 40%,#198FFF 60%,#9BCFFF 87%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9BCFFF',endColorstr='#0E8AFF');height:260px;margin:-13px 0px -40px 35px;overflow:hidden;width:295px}div.subscribe{text-align:right;width:300px;margin-right:-30px}.gmail{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQZXnuo6dDv2uI90Y-sYZuoOisBK2lTRNh8tzfQ4CjcYCAPEGBjZU589QhdyYhOCrjMjOjv-mIiqmW1LIFYso77PZvy7al0lhutQFgViY5nILbABAOzM6N_QzhNufeO3RROM4B06r-Ypnh/s64/gmail.png") no-repeat scroll 100% 0 transparent;color:#FFF;font:bold 12pt Arial,Helvetica,sans-serif;height:60px;padding:10px 70px 0px 0px}#burner{border-bottom:2px groove #2681d5;padding-bottom:15px}#burner .email{background-color:#bddfff;border:1px solid #2681d6;border-radius:5px 5px 5px 5px;font:9pt Tahoma,Geneva,sans-serif;padding:0 10px;width:180px;direction:rtl;margin-right:20px;height:30px;line-height:30px}#burner .email:focus{background-color:#fff;box-shadow:0 0 20px #FFF}#burner input{height:30px}#burner .send{background-color:#bddfff;border:1px solid #2681d6;border-radius:5px 5px 5px 5px;color:#000;font:bold 9pt Tahoma,Geneva,sans-serif;padding:0 5px;width:50px;float:left;margin-left:10px}#burner .send:hover{background-color:#065eb0;color:#FFF}.social{width:250px}.social li{float:right;margin-right:20px}.share p{font:bold 15pt Arial,Helvetica,sans-serif;color:#fff;text-align:center;padding-top:20px;text-shadow:5px 5px 5px #000}.share a{float:right;margin:35px 22px 40px 0px}
الآن قم بحفظ القالب وتوجه لتخطيط المدونة واختر إضافة أداة ثم HTML/JAVASCRIPT ثم أضف الكود الآتي.


<div class="subscribe">
                <div class="gmail">ضع بريدك الإلكتروني ولاتنسى تفعيله من علبة الواردات ليصلك جديد الموقع أول بأول</div><!--end gmail-->
                <form id="burner" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=arabs-computer', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" method="post" action="http://feedburner.google.com/fb/a/mailverify">
                    <input class="email" type="text" onclick="this.value=''" onblur="this.value=!this.value?'ادخل بريدك الالكترونى ..':this.value;" name="email" value="ادخل بريدك الالكترونى .." />
                    <input type="hidden" name="uri" value="arabs-computer" />
                    <input type="hidden" value="en_US" name="loc" />
                    <input class="send" type="submit" value="اشترك" /><br />
<p style="margin-top:15px;text-align:center;"><a href="http://feeds.feedburner.com/arabs-computer"><img src="http://feeds.feedburner.com/~fc/arabs-computer?bg=99CCFF&amp;fg=444444&amp;anim=0" height="26" width="88" style="border:0" alt="" /></a></p>
                </form>

<p style=" font:bold 15pt Arial, Helvetica, sans-serif;color:#fff;text-align:center;text-shadow:5px 5px 5px #000;">تابعنا على</p>
                <div class="share" style="margin-top:-20px;">
                
                    <div id="fb"><a class="menu" title="الفيسبوك" href="http://www.facebook.com/Arabs5" target="_blank"><img src="http://cdn3.iconfinder.com/data/icons/iconshock-social/png/48/facebook.png" alt="fb"/></a></div>
                    <div id="tw"><a class="menu" title="تويتر" href="https://twitter.com/ArabicArabs" target="_blank"><img src="http://cdn3.iconfinder.com/data/icons/iconshock_social/png/48/twitter.png" alt="tw" /></a></div>
                    <div id="rss"><a class="menu" title="الخلاصة" target="_blank" href="http://feeds.feedburner.com/arabs-computer"><img src="http://cdn1.iconfinder.com/data/icons/iconshock_social/png/48/rss.png" alt="rss" /></a></div>
                    <div id="yt"><a class="menu "title="اليوتيوب" target="_blank" href="http://www.youtube.com/user/abdelghafour5"><img src="http://cdn1.iconfinder.com/data/icons/iconshock_social/png/48/youtube.png" alt="yt" /></a></div>
                </div><!--end share-->
            </div><!--end subscribe-->
غير مالون بالأحمر بإسمك على فيد برنر وغير مالون بالأزرق بإسم صفحتك على الفيسبوك ومالون بالأخضر بإسمك على تويتر والذي لون بالوردي غيره بإسم قناتك على اليوتيوب.

                            && إذا أعجبك الموضوع قم بمشاركته ولاتكن ممن يحتكر المعلومة &&

إقرأ المزيد

جميع المواد الواردة في هذا الموقع حقوقها محفوظة لذى ناشريها ،ممنوع النقل بدون تصريح أو ذكر للمصدر . Privacy-Policy | إتفاقية الإستخدام

إن جميع المواد الموجودة في الموقع تعبر عن آراء كتابها ولاتعبر عن رأي الموقع لذلك لايتحمل الموقع أي مسؤوليات تجاهها