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

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

2012-11-10T14:01:00.000+00:00

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

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

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

ملحوظة: أرجو من جميع المدونات التي تعمل معنا تبادل إعلاني تغيير رابط المدونة إلى الرابط الجديد وشكرا.

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

2012-10-25T14:23:00.000+00:00

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

هديتكم

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

2012-10-24T00:17:00.001+00:00

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

إعلان عام

2012-10-16T18:47:00.001+00:00

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

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

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

2012-10-13T18:26:00.002+00:00

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

مميزات القالب

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 == "index"'>
<title><data:blog.pageTitle/> | إضافات بلوجر،إضافات ووردبريس،قوالب بلوجر،قوالب ووردبريس,دروس بلوجر,دروس ووردبريس</title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<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

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

حقوق القالب

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

تحميل القالب

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

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

2012-10-11T23:55:00.000+00:00

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

-أول شيء نقوم بتحميل الملف من هنا.
-بعدها نقوم بفك الضغط عليه ستجد ملف بإسم Colors.xml قم بنسخه واذهب إلى المسار التالي :

C:\Program Files\Adobe\Adobe Dreamweaver CS5\configuration\CodeColoring

ملاحظة : يجب أن يكون الدريم ويفر مغلق عند القيام بهاته الخطوة.

-الآن بعد الدخول إلى المسار في الأعلى ستجد ملف بإسم colors.xml غيره إلى colors2.xml مثلا وقم بلصق الملف الذي قمت بنسخه سابقا،الآن قم بفتح الدريم ويفر،ثم إذهب إلى

edit>preferance>code coloring

ثم غير الخلفية الإفتراضية التي تكون بالأبيض إلى اللون التالي 333#

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

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

2012-10-04T20:13:00.001+00:00

السلام عليكم ورحمة الله تعالى وبركاته لعل هناك الكثير من الإضافات الخاصة بالتبادل الإعلاني المنتشرة لكن تبقى هذه الإضافات تقليدية ولاتعطي جمالية للمدونة لكن ليس بعد الآن فقد أتيتكم بواحدة ستعجبكم فهي على عكس سابقاتها من الإضافت مصممة بتقنية الويب الحديثة ألا وهي 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>

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

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

2012-10-01T12:07:00.001+00:00

السلام عليكم ورحمة الله تعالى وبركاته اليوم درسنا سنتحدث فيه عن كيفية تركيب صندوق المتابعة بالبريد الإلكتروني مثل الموجود في المدونة هذه الإضافة تحتوي على العديد من الإضافات فهي تتضمن أيقونات المواقع الإجتماعية وأداة الإحصاء الخاصة بفيد برنر
وهي متوافقة مع جميع المتصفحات لن أطيل عليكم أترككم مع شرح تركيب الإضافة،لكن لاتنسى أخد نسخة إحتياطية من القالب في حال حدوث أخطاء.
أولا من لوح تحكم مدونتك توجه إلى صفحة تحرير 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>

<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&fg=444444&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>

</div>

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

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

كيفية تركيب سلايد شو على مدونات بلوجر

2012-09-30T16:59:00.003+00:00

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

أولا من لوحة تحكم مدونتك إذهب لتخطيط ثم إضافة أداة ثم إختر HTML/JAVASCRIPT ثم أضف الكود الآتي.

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {

//Execute the slideShow, set 6 seconds for each images
slideShow(3000);

});

function slideShow(speed) {

//append a LI item to the UL list for displaying caption
$('ul.slideshow').append('<li id="slideshow-caption" class="caption"><div class="slideshow-caption-container"><h3></h3><p></p></div></li>');

//Set the opacity of all images to 0
$('ul.slideshow li').css({opacity: 0.0});

//Get the first image and display it (set it to full opacity)
$('ul.slideshow li:first').css({opacity: 1.0});

//Get the caption of the first image from REL attribute and display it
$('#slideshow-caption h3').html($('ul.slideshow a:first').find('img').attr('title'));
$('#slideshow-caption p').html($('ul.slideshow a:first').find('img').attr('alt'));

//Display the caption
$('#slideshow-caption').css({opacity: 0.7, bottom:0});

//Call the gallery function to run the slideshow
var timer = setInterval('gallery()',speed);

//pause the slideshow on mouse over
$('ul.slideshow').hover(
function () {
clearInterval(timer);
},
function () {
timer = setInterval('gallery()',speed);
}
);

}

function gallery() {

//if no IMGs have the show class, grab the first image
var current = ($('ul.slideshow li.show')? $('ul.slideshow li.show') : $('#ul.slideshow li:first'));

//Get next image, if it reached the end of the slideshow, rotate it back to the first image
var next = ((current.next().length) ? ((current.next().attr('id') == 'slideshow-caption')? $('ul.slideshow li:first') :current.next()) : $('ul.slideshow li:first'));

//Get next image caption
var title = next.find('img').attr('title');
var desc = next.find('img').attr('alt');

//Set the fade in effect for the next image, show class has higher z-index
next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000);

//Hide the caption first, and then set and display the caption
$('#slideshow-caption').animate({bottom:-70}, 300, function () {
//Display the content
$('#slideshow-caption h3').html(title);
$('#slideshow-caption p').html(desc);
$('#slideshow-caption').animate({bottom:0}, 500);
});

//Hide the current image
current.animate({opacity: 0.0}, 1000).removeClass('show');

}
//]]>
</script>
<style type="text/css">
.post{
width: 600px;
padding: 14px 14px 14px 14px;
border: 1px solid #e7edb5;
background: #FFF;
font-family: arial, sans-serif;
margin-bottom: 20px;
margin-right: 10px;
margin-top: 10px;
font-size: 18px;
}
/* Styles for the slideshow */

ul.slideshow {
list-style:none;
width:600px;
height:240px;
overflow:hidden;
position:relative;
margin:0;
padding:0;
}

ul.slideshow li {
position:absolute;
right:0;
left:0;
}

ul.slideshow li.show {
z-index:500;
}

ul img {
border:none;
}

#slideshow-caption {
width:600px;
height:70px;
position:absolute;
bottom:0;
right:0;
color:#fff;
background:#000;
z-index:500;
}

#slideshow-caption .slideshow-caption-container {
padding:5px 10px;
z-index:1000;
}

#slideshow-caption h3 {
margin:0;
padding:0;
font-size:16px;
}

#slideshow-caption p {
margin:5px 0 0 0;
padding:0;
font-size: 13px;
font-family: tahoma;
}

.PageList LI.selected A {
font:bold 17px arial;
text-decoration: none;
}

</style>
</head>

<body>

<div class='post'>

<ul class="slideshow">

<li><a href="رابط الموضوع"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvWsumaLuPi4Sf1VS5TCgOUfZ63t6ZQ-CP4V0k1LK59zYjqp9bzhF1Bd4In_m846lWuFpPkeDtRwcBxNBUEcgJqqTcttqiIQu95x0UBznL5M-6LhoawMiKPKGrjazhG_kbfKubO4u8tZYX/s1600/hd_nature_wallpaper_wallpaper-desktop-nature-hd-.jpg" width="600" height="240" title="عنوان الموضوع الأول" alt="مقتطف من الموضوع يظهر اسفل العنوان." /></a></li>

<li><a href="رابط الموضوع"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAwRbhrahFRSJi0huLzk8j_Zk1VaWlt6jE6kOEnisP4MCQ01awkh4dEZArH67z65c06FE8eaYHMDeMFWkxEeVQaSYdg4dLwKETADFVlKv_aiI5ORFEt1Jswl6SRnwGhRv6AzDz9hNmOBQ/s1600/freedownloading+natural4.jpg" width="600" height="240" title="عنوان الموضوع الثاني" alt="مقتطف من الموضوع يظهر اسفل العنوان." /></a></li>

<li><a href="رابط الموضوع"><img src="http://www.freecodesource.com/wallpaper/nature_0032-138761.jpeg" width="600" height="240" title="عنوان الموضوع الثالث" alt="مقتطف من الموضوع يظهر اسفل العنوان." </a></li>
</ul>
</div>

مالون بالأحمر يخص الموضوع الأول ومالون بالأزرق يخص الموضوع الثاني ومالون بالأخضر خاص بالموضوع الثالث قم بتغيير هذه المعلومات الملونة حسب ماتريد ويمكنك إضافة أكثر من موضوع وذلك من خلال وضع هذا الكود فوق </ul> وتكراره حسب المرات التي تريد

<li><a href="رابط الموضوع"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAwRbhrahFRSJi0huLzk8j_Zk1VaWlt6jE6kOEnisP4MCQ01awkh4dEZArH67z65c06FE8eaYHMDeMFWkxEeVQaSYdg4dLwKETADFVlKv_aiI5ORFEt1Jswl6SRnwGhRv6AzDz9hNmOBQ/s1600/freedownloading+natural4.jpg" width="600" height="240" title="عنوان الموضوع الثاني" alt="مقتطف من الموضوع يظهر اسفل العنوان." /></a></li>

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

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

أكثر من 1300 خط للتحميل

2012-09-20T10:59:00.002+01:00

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

إختبر ذكاءك

2012-09-19T13:15:00.000+01:00

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

قبل البدأ

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

قالب مدونة بلوجر فيس بشكل مطور وجديد

2012-09-18T12:46:00.000+01:00

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

مميزات القالب

سأدعكم ترون القالب مباشرة لتحكموا بأنفسكم.
رابط المدونة

كيفية تركيب إضافة Tooltip على مدونات بلوجر ووردبريس

2012-09-16T20:26:00.002+01:00

السلام عليكم ورحمة الله تعالى وبركاته اليوم سنتحدث عن كيفية تركيب إضافة Tooltip لمدونات بلوجر ومدونات الووردبريس لمن لايعرف هذه الإضافة فهذه صورة تبين لكم عمل هذه الإضافة.

كما لاحضتم هذه الإضافة تقوم بتغيير شكل title عند المرور بالماوس الآن نأتي لكيفية تركيبها على بلوجر.
أولا من لوح تحكم مدونتك توجه إلى صفحة تحرير HTML و ضع علامة في خانة توسيع القوالب ثم ابحث عن الكود الموالي بواسطة (CTRL+F) :

]]></b:skin>

وضع مباشرة فوقه الكود التالي :

#menu{border-radius:10px;padding:5px;background-color:#06F;color:#FFF;border:1px solid #333;display:block;position:absolute;font:9pt Tahoma,Geneva,sans-serif;border:1px solid #03C}

بعد ذلك إبحث عن هذا الكود :

</head>

ثم ضع فوقه مباشرة الكود التالي :

<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.2.min.js'/>

<script type='text/javascript' src='http://totoptop.googlecode.com/files/tooltip.js'/>

والآن عندما تريد إظهار التأثير في رابط كل ماعليك فعله هو أن تضيف إليه كلاس بإسم menu وأضف له title وسيظهر لك التأثير.

والآن نأتي لإضافتها في الووردبريس.

أضف الكود التالي في ملف الستايل الخاص بقالبك:

#menu{border-radius:10px;padding:5px;background-color:#06F;color:#FFF;border:1px solid #333;display:block;position:absolute;font:9pt Tahoma,Geneva,sans-serif;border:1px solid #03C}

الآن إفتح ملف header.php وابحث عن الكود التالي:

</head>

ثم ضع فوقه مباشرة الكود التالي:

<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.2.min.js'/>

<script type='text/javascript' src='http://totoptop.googlecode.com/files/tooltip.js'/>

والآن عندما تريد إظهار التأثير في رابط كل ماعليك فعله هو أن تضيف إليه كلاس بإسم menu وأضف له title وسيظهر لك التأثير.

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

تحميل فوتوشوب cs5 me

2012-09-15T22:16:00.001+01:00

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

تعريف البرنامج

الإسم : photoshop cs5 me
الحجم : 66 ميقابايت
التفعيل : لايحتاج لكراك أو سيريال
الشركة : adobe
اللغات : العربية ، الفرنسية والإنجليزية
إضغط هنا للتحميل

كيفية عرض أكوادك المصدرية بأبسط الطرق

2012-09-07T02:14:00.002+01:00

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

أولا نقوم بعمل مثل التعديلات التي تظهر في الصورة.

والآن عندما نريد إضافة كود مصدري نضعه في إقتباس ،الآن نأتي لتنسيق الخلفية التي ستظهر بداخلها الأكواد

من لوح تحكم مدونتك توجه إلى صفحة تحرير HTML و ضع علامة في خانة توسيع القوالب ثم ابحث عن الكود الموالي بواسطة (CTRL+F).

]]></b:skin>

ثم ضع قبله الكود الموالي

.post blockquote {overflow: auto;background:-moz-linear-gradient(top,#9BCFFF,#329CFF) -webkit-gradient(linear,left top,left bottom,from(#9BCFFF),to(#329CFF));border: 5px solid #329CFF;margin: 10px;padding: 10px;direction:ltr;}

وإذا كانت لديك معرفة بcss يمكنك التعديل على الكود السابق ليتناسب مع ذوقك.

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

حل مشكلة شريط الأدوات في بلوجر

2012-09-07T00:52:00.002+01:00

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

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

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

أطلب قالبك الآن

2012-09-05T00:27:00.000+01:00

السلام عليكم ورحمة الله تعالى وبركاته موضوعنا اليوم فريد من نوعه ولن تجدوه في أي مدونة أخرى.لقد رأيت أن هناك الكثيرين يرون قالب في مدونات ويعجبهم ذلك القالب لكنهم لايجدونه متاحا للتحميل أولا_بسبب أن صاحب تلك المدونة إشترى ذلك القالب بمقابل مادي ثانيا_يريد أن يكون متميز عن المدونات الأخرى بتصميم مدونته ثالثا_أنه يخاف من أن تحذف حقوق القالب بعد أن تعب في تعديله وتصميمه وأنا متفق مع هذا الشخص الثالث كون أنه يخاف من أن يذهب جهده سدا فماذا سيربح ذلك الشخص إذا قام بحذف حقوق الآخر هل يريد التكبر على أشخاص آخرين أو يخاف أن تقتله إذا لم يحذفها وأنا ضد هؤلاء الذين يقومون بمثل هذه الأشياء لن أتعمق في هذا الموضوع لأنه يحتاج لشرح منفصل،الآن نرجع إلى الفكرة التي
أخبرتكم عنها فكما قلت لكم إذا أعجبكم قالب لمدونة ما ولم يكن متوفرا للتحميل فقط قومو بكتابة عنوانها في تعليق وبهذا تكونون قد صوتتم على تلك المدونة وسيتم وضع قالب المدونة التي ستحصل على أعلى نسبة من التصويتات سينتهي التصويت في مدة شهرين ونصف للحصول على أكبر عدد من التصويتات وسيتم بعدها الإعلان على المدونة التي حصلت على أعلى تصويت وسيتم طرح القالب الخاص بها لكن هناك شروط لهذه الخدمة :
1_لاتقم بحذف الحقوق الخاصة بنا أو حقوق صاحب القالب الأصلي أو التلاعب بالرابط المؤدي للمدونة فإذا فعلت هذا سيتم وقف هذه الخدمة نهائيا.
3_لاتقم بوضع رابط لمدونة قالبها متاح للتحميل فسيتم حذف الرابط في الحال.
4_لاتقم بوضع رابط مدونة قصد إشهارها فأيضا سنقوم بحذف ذلك الرابط.
5_لاتقم بالتصويت أكثر من مرة لكن يمكن أن تخبر أصدقاءك لكي يصوتوا لك.
أرجو أن تروقك هذه الفكرة ولاتنس.

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

5000 أيقونة عادية و 100 عالية الجودة للتحميل

2012-09-04T15:43:00.001+01:00

السلام عليكم ورحمة الله تعالى وبركاته اليوم أحببت أقدم لكم حزمة من الأيقونات التي أستعملها في تصاميمي هذه الحزمة تضم أكثر من 5000 أيقونة عادية و 100 أيقونة بجودة عالية HD بحجم 14.88 ميقابايت لتحميل الحزمة إضغط

هنا.

دورة تعليم HTML (الدرس الأول)

2012-09-03T18:46:00.002+01:00

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

إضغط هنا لتحميل برنامج ++Notepad

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

كيفية إضافة أحدث التعليقات بالصور

2012-08-23T22:46:00.001+01:00

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

قم بالذهاب إلى تخطيط ثم إختر إضافة أداة ثم HTML/JAVASCRIPT ثم أضف الكود التالي.

<style type="text/css"> ul.w2b_recent_comments{list-style:none;margin:0;padding:0;} .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;} .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;} .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;} .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;} .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;} </style> <script type="text/javascript"> //<![CDATA[ // Recent Comments Settings var numComments = 3, showAvatar = true, avatarSize = 50, roundAvatar = true, characters = 40, showMorelink = true, moreLinktext = "إقرأ المزيد »", defaultAvatar = "http://www.gravatar.com/avatar/?d=mm", hideCredits = false; //]]> </script> <script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script> <script type="text/javascript" src="http://arabs-c.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=3"></script>

قم بتغيير مالون بالأحمر بعدد التعليقات التي تريد أن تظهر.
قم بتغيير مالون بالأزرق ب false إذا لم ترد أن تظهر الأيقونة الخاصة بالمعلق.
قم بتغيير مالون بالوردي ب false إذا لم ترد أن تكون للصورة حواف دائرية.
قم بتغيير مالون بالأخضر ب false إذا لم ترد أن تظهر إقرأ المزيد.

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

كيفية تغيير السكرول بار

2012-08-15T01:01:00.001+00:00

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

أولا من لوح تحكم مدونتك توجه إلى صفحة تحرير HTML و ضع علامة في خانة توسيع القوالب ثم ابحث عن الكود الموالي بواسطة (CTRL+F).

]]></b:skin>

ضع مباشرة فوقه هذا الكود.

::-webkit-scrollbar{
background:#fff;
width:15px;
}
::-webkit-scrollbar-thumb{
-webkit-shadow:inset 0 0 6px rgba(0,0,0,0.5);
-webkit-border-radius:30px;
background-image:-webkit-linear-gradient(top,#9bcfff 25%,#0e8aff 51%);
}
::-webkit-scrollbar-track{
-webkit-shadow:inset 0 0 6px rgba(0,0,0,0.3);
-webkit-border-radius:30px;
}

إذا كانت لديك معرفة ب css يمكنك تغيير شكل السكرول بار ليتناسب مع مدونتك.

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

كيفية إضافة إلى الأعلى بواسطة jQuery

2012-08-13T09:17:00.002+00:00

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

أولا من لوح تحكم مدونتك توجه إلى صفحة تحرير HTML و ضع علامة في خانة توسيع القوالب ثم ابحث عن الكود الموالي بواسطة (CTRL+F).

]]></b:skin>

ضع مباشرة فوقه هذا الكود.

#topcontrol{background:
url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRdLShUJNPbUkV3tLmrKkg0T76Ztck4qJvJEvDDMYrgjP78RpLIwzHCJVFCDVtlJFXvkhudvqQGcqXhVsh-BibjCQBCJJ5zHKIJ1mSKJ_r8AqDw02x1z5muv4D_hvAQbfnZDxpY5ubb_C0/s32/up.png")
no-repeat;height:32px;width:32px}

بعد ذلك إبحث عن هذا الكود.

</head>

ثم ضع فوقه مباشرة الكود التالي.

<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.2.min.js'/><script type='text/javascript' src='http://totoptop.googlecode.com/files/top.js'/>

مالون بالأحمر هو رابط الصورة يمكنك تغييره إذا أردت.

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

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

2012-08-12T16:04:00.000+00:00

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

]]></b:skin>

ضع مباشرة فوقه هذا الكود.

.multisharebox{background:none repeat scroll 0 0 #5fb1ff;float:left;margin:5px 10px 3px 0px;padding:5px 5px 0 0;text-shadow:0 1px 0 #FFF;width:587px;border:4px solid #0156a6}.fb-liketop{background:none repeat scroll 0 0 #EDEFF4;border:1px solid #D8DFEA;color:#000;float:left;font-size:11px;margin:0 0;padding:5px 10px;text-align:right;width:230px}.fb-liketop a{color:#000;text-decoration:none}.fb-liketop a:hover{color:#000;text-decoration:underline}.fb-like{background:none repeat scroll 0 0 #FFFFF7;border:1px solid #EAEDD8;color:#000;float:left;font-size:13px;font-family:tahoma;height:60px;margin:5px 0;overflow:hidden;padding:5px 10px;text-align:right;width:230px}

بعد ذلك إبحث عن هذا الكود.

<b:if cond='data:blog.pageType == "item"'>

ثم ضع تحته مباشرة الكود التالي.

<div class='multisharebox'><table><tr><td><table><tr><td><div style='margin-bottom: -5px'><a class='twitter-share-button' data-count='vertical' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'/>
<b:if cond='data:post.isFirstPost'><script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script></b:if></div></td><td><div style='margin-bottom: -5px'><g:plusone expr:href='data:post.url' size='tall'/></div></td><td><a class='google-buzz-button' data-button-style='normal-count' data-locale='en_IN' expr:data-url='data:post.url' href='http://www.google.com/buzz/post' rel='nofollow' title='Post on Google Buzz'/><script src='http://www.google.com/buzz/api/button.js' type='text/javascript'></script></td><td><a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script></td></tr></table></td></tr>
<tr></tr><tr><td><div class='fb-like-box'>هل اعجبك هذا الموضوع ؟<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=230&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:230px; height:40px;'/></div></td><td><div style='padding-left:70px;width:250px;line-height: 2;margin-top: 15px;font:bold 12pt arial;'><div style='margin-right:35px;'><div style='margin-top:-80px;'><table><tr><td><a href='http://feeds.feedburner.com/arabs-computer ' target='_blank' title='Subscribe To The Latest Posts'><img src='http://lh4.googleusercontent
.com/-u9U2XrRCijo/Tgon7lVPRzI/AAAAAAAACsM/R_1e9IpJ1Ds/rss1.png' style='float:right; margin-left:10px; width:24px; height:24px; margin-top: -2px;'/></a><a href='http://feeds.feedburner.com/arabs-computer ' target='_blank' title='إشترك للتوصل بأحدث المشاركات'>إشترك عبر خدمة RSS</a></td></tr><tr><td><a href='http://www.facebook.com/Arabs5' target='_blank' title='Facebook time'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM8cq9B_6kpk0X-MavF0iQyeJ0P-lR8d6YsSrGH7PrNzK7uyrn-0KEZMtb-AxIkQ-hsK4uolClIQdHixkUZBZrMAg25MyQ3cKBVG0BHe81oaGz7FxcmMob4PxuhTXDwm0Qq-ABHdrx1eg/' style='float:right; margin-left:10px; width:24px; height:24px; margin-top: -2px;'/></a><a href='http://www.facebook.com/Arabs5' target='_blank' title='Facebook time'>تابعني عبر الفيس بوك</a></td></tr><tr><td><a href='http://twitter.com/ArabicArabs' target='_blank'
title='Twitter time'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOTmWsaykzLrqroNV3qXPtmQnry96_usQy17TYQJ5Hnzncoz6VQzY0ba7UVHoKooXdlRGKrLmkpk6sZ3Kbjjwgtup-gB7TiKtJJgJ-Q1mHGws9X1LIW-EZ6eNgGBFr0M5W9W8zRzvcuEQ/' style='float:right; margin-left:10px; width:24px; height:24px; margin-top: -2px;'/></a><a href='http://twitter.com/ArabicArabs' target='_blank' title='Twitter time'>تابعني على تويتر</a></td></tr><tr><td><a href='http://feedburner.google.com/fb/a/mailverify?uri=arabs-computer' target='_blank' title='Twitter time'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSQQKVc3EywgGCc9bcocrNO2R8dj5PhAZ5YdbSNGCapGTJDzFNoULt_6RjzV5KtN6dPKdacbV0ri02UDhZGgpfWT1Yn5-AEWd-oLIvbWAxpCWXX8MGoVY_R5wozWgAPs2w7o3qryjK_7o/' style='float:right; margin-left:10px; width:24px; height:24px; margin-top: -2px;'/></a><a href='http://feedburner.google.com/fb/a/mailverify?uri=arabs-computer' target='_blank' title='احصل على اخر المواضيع بالبريد الالكتروني'>اشترك عبر البريد الالكتروني </a>
</td></tr></table></div></div></div></td></tr></table></div>

1_غير مالون بالأحمر بإسم الخلاصة الخاص بك.

2_غير مالون بالأخضر بإسم صفحتك على الفيسبوك.

3_غير مالون بالأزرق بإسم صفحتك على تويتر.

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

إفتتاح دورة تعليم HTML

2012-08-09T21:45:00.000+00:00

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

حصريا قالب أبو إياد للووردبريس

2012-07-31T13:07:00.000+00:00

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

مميزات القالب

1_إمكانية تعيين صورة كشعار للموقع في الهيدر .
2_إمكانية تعيين Favicon.
3_إمكانية إضافة صورة بارزة.
4_إمكانية تعيين وصف مخصص للموقع.
5_يحتوي على نافذة للتبادل الإعلاني.
7_إمكانية تعيين روابط وصور التبادل الإعلاني.
8_يحتوي القالب على 7 مربعات إضافية.
9_تمييز تعليق الكاتب على تعليق الزوار.
10_يتميز باستايل خاص للتدوينات المتبثة.
11_يحتوي على إضافة مواضيع ذات صلة أسفل كل موضوع.
12_يحتوي على إمكانية مشاركة المواضيع.
13_يقوم بإظهار المصدر أثناء النسخ واللصق.
14_مربع يعرض معلومات عن كاتب المقال أسفل كل تدوينة .
15_مربع أسفل كل تدوينة للتنبيه بذكر المصدر أثناء النسخ.
16_وكل هذا تستطيع فعله من لوحة تحكم.
17_متوافق مع قوقل كروم،فيرفوكس،سفاري،أوبرا،أنترنت إكسبلورر من 7 فما فوق

المربعات الإضافية

ستجدها في هذا الموضوع

http://arabs-c.blogspot.com/2012/07/blog-post_14.html

ولتحميل القالب إضغط هنا

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