Imàd Fàns

إضافة صندوق بحث متميز خاص بمدونتك

noreply@blogger.com (Imad Rafai) — Sat, 11 Oct 2014 17:17:00 +0000

بسم الله الرحمن الرحيم

و الصلاة و السلام على أشرف المرسلين

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

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

لن أطول عليكم .. نبدأ على بركة الله ..

نبدأ مع طريقة الإضافة إلى بلوجر ..

أولا نتوجه إلى بلوجر ثم تخطيط ثم إضافة أداة html/javascript ..

ثم تضع أحد الأكواد التالية حسب الشكل الدي تريده .. و لا تنسى تغيير روابط مدونتنا بمدونتك .. و ما يناسبك ..

الآن مع الأشكال :

الشكل الأول :

الكود :

الشكل الثاني :

الكود :

الشكل الثالث :

الكود :

الشكل الرابع :

الكود :

الشكل الخامس :

الكود :

الشكل السادس :

الكود :

و لاتنسى تغيير روابط مدونتنا إلى مدونتك .. و بما يناسبك ..

إلى هنا أكون قد انهيت الشرح .. لا تنسوا دعمنا بتعليق مشجع ..

دمتم بود .

إخفاء الأشياء من المدونة

noreply@blogger.com (Imad Rafai) — Mon, 06 Oct 2014 18:02:00 +0000

بسم الله الرحمن الرحيم

و الصلاة و السلام على أشرف المرسلين

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

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

الشرح بالفيديو :

الأكواد ..

الكود الأول :

#ar-tech {
display: none;
}

غير ar-tech إلى الكلمة المحصل عليها من الأداة ..

الكود الثاني :

.ar-tech {
display: none;
}

غير ar-tech إلى الكلمة المحصل عليها من الأداة ..

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

دمتم بود ..

طريقة الحصول على بحث مخصص من جوجل

noreply@blogger.com (Imad Rafai) — Sat, 04 Oct 2014 20:02:00 +0000

بسم الله الرحمن الرحيم

و الصلاة و السلام على أشرف المرسلين

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

الشرح سيكون كتابيا ..

أولا : ندخل على رابط الخدمة من هنااااا.

ثم نظغط على Add كما هو مبين في الصورة ..

ثم تملأ الإستمارة بمعلومات موقعك .. و اللغة ..

ثم بعدها .. تظغط على إنشاء .. و في الصفحة الجديدة .. تنقر على "الحصول على الشفرة" ..

ثم تنسخ الكود الدي تحصلت عليه في مدونتك عبر ما يلي :

من مدونتك إضغط على تخطيط ثم إضافة أداة ثم أداة html/javascript ثم ألصق الكود الدي تحصلت عليه ..

وبهدا نكون قد انهينا الحلقة .. إلى اللقاء في درس جديد بإدن الله ..

دمتم بود ..

إضافة النسبة المئوية لسكرولبار

noreply@blogger.com (Imad Rafai) — Sat, 04 Oct 2014 14:34:00 +0000

بسم الله الرحمن الرحيم

و الصلاة و السلام على أشرف المرسلين

دائما مع الإضافات .. و مع إضافة رائعة تضيف لمسة فنية على مدونتك .. تتمحور حول إضافة النسبة المئوية للسكرولبار .. الشرح سيكون كتابيا

لن أطيل عليكم .. نبدأ على بركة الله ..

من بلوجر ==> قالب ==> تحرير html ثم ابحث عن الكود التالي .:

]]></b:skin>.

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

#scroll {
display: none;
position: fixed;
top: 0;
right: 20px;
z-index: 500;
padding: 3px 8px;
background-color: #2187e7;
color: #fff;
border-radius: 3px;
}
#scroll:after {
content: ” “;
position: absolute;
top: 50%;
right: -8px;
height: 0;
width: 0;
margin-top: -4px;
border: 4px solid transparent;
border-left-color: #2187e7;
}

بعدها نبحث عن :

</head>

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

و أخيرا ابحث عن :

</body>

ثم ضع بعده :

ثم اظغط حفظ .. و إلى هنا أكون قد انهيت الدرس ..

إلى اللقاء في درس جديد بإدن الله ..

دمتم بود.

طريقة إضافة تعليقات Disqus إلى مدونات بلوجر و مزاياها

noreply@blogger.com (Imad Rafai) — Tue, 19 Aug 2014 20:54:00 +0000

بسم الله الرحمن الرحيم

و الصلاة و السلام على أشرف المرسلين

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

مزايا تعليقات Disqus جعلت مدونتنا تضعه بها أيضا .. ( يمكنك رؤية شكلها الرائع أسفل التدوينة ) ..

كان هذا جزءا صغيرا من مزاياها .. نمر الآن إلى طريقة إضافتها :

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

أولا نتجه إلى الموقع الرسمي للتعليقات من هناااااااا ..

ثم نظغط على Add Disqus To Your Site .. أسفل يمين الشاشة .. كما في الصورة التالية .. :

ثم تدخل بياناتك في الخانات كما هو موضح في الصورة التالية :

في الخانة الأولى : إسم المستخدم .
في الخانة الثانية : البريد الإلكتروني.
أما الثالثة فنضع بها كلمة السر .

ثم نضغط على Next Step .

بعدها ستظهر لنا صفحة جديدة :

نضع في الخانة الأولى : إسم الموقع.

و نضع في الخانة الثانية : رابط فرعي خاص بتعليقات موقعك ..

ثم في الثالثة تختار الفئة التي ينتمي إليها موقعك.

ثم تظغط على Finish Registration .

ثم بعدها من الصفحة الجديدة تختار نوع مدونتك ( كبلوجر ) ..

ثم بعدها تظهر صفحة جديدة .. فنظغط على Add To My Blogger Site كما هو موضح في الصورة :

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

وبدلك تكون قد انهيت الإضافة بإدن الله .. :D

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

دمتم بود.

طريقة كسر كلمة سر الملفات المظغوطة (rar, zip .. )

noreply@blogger.com (Imad Rafai) — Sun, 17 Aug 2014 21:20:00 +0000

بسم الله الرحمن الرحيم

و الصلاة و السلام على أشرف المرسلين

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

الشرح كالعادة مقسم إلى جزئين :

1) شرح بالفيديو.

2) شرح كتابي مع بعض الصور.

الشرح بالفيديو :

الشرح الكتابي مع بعض الصور :

أولا نحمل البرنامج من هذا الرابط :

إظغط هنااااااا لتحميل البرنامج

نفتح واجهة البرنامج :

نظغط على الأيقونة المشار إليها في الصورة التالية :

ثم نبحث عن الملف المظغوط المراد فك الظغط عنه ..

ثم نظغط على Start Repair .. كما في الصورة التالية :

ثم ننتظر انتهاء الفك .. ثم تظهر لنا بإذن الله صفحة جديدة بها الملفات التي كانت مظغوطة حيث يمكنك فتحها بدون كلمة سر .. كما أن البرنامج ينشئ ملفا به الملفات المفك ظغطها ..

و إلى هنا أكون قد انهيت الشرح .. لا تبخل علينا بردك المشجع ..

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

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

noreply@blogger.com (Imad Rafai) — Fri, 08 Aug 2014 15:30:00 +0000

بسم الله الرحمن الرحيم

و الصلاة و السلام على أشرف المرسلين

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

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

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

بعد الظغط سيفتح رابط المنشور .. بعدها نظغط على الزر كما في الصورة التالية :

ثم من القائمة نظغط على تضمين المنشور .. فيظهر لنا كود التضمين (Html) لإضافته إلى مدونتك أو موقعك كما توضح الصورة التالية :

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

ندخل على المدونة .. ثم من القائمة الجانبية نختار تخطيط ثم نختار إضافة أداة .. ثم نختار أداة Html/Javascript ثم تلصق الكود المحصل عليه ..

و إلى هنا أكون قد انهيت الشرح .. إلى اللقاء في درس جديد بإذن الله ..

دمتم بود.

إضافة قائمة أفقية احترافية لمدونات بلوجر

noreply@blogger.com (Imad Rafai) — Thu, 07 Aug 2014 19:08:00 +0000

بسم الله الرحمن الرحيم

و الصلاة و السلام على أشرف المرسلين

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

نذهب كالعادة من مدونة بلوجر إلى قالب في القائمة في الجانب .. ثم نختار تحرير html, ثم نبحث عن ]]></b:skin>

و نضيف قبله الكود التالي :

??/*===MBL METRO UI Menu==*/


body {



ont-family:sans-serif;


f
}

a {


ation:none;

}

.mblm

text-deco
retromenu {

width:960px;


een and (max

margin:auto;

}

@media sc
r-width:960px) {

.mblmetromenu {


 */

.MblMe

width:100%;

}

}


/* MblMetroMen
utroMenu {

position:relative;

}

.om-nav {



display:none;

}

position:absolute;

width:100%;

z-index:999;
.om-ctrlbar {


padding:0px

width:100%;

height:48px;

}

.om-ctrlitems {

margin:auto;

;


ctrlitem {


height:48px;

display:inline-block;

text-align:center;

}

.om
-height:48px;

width:48px;

display:none;

cursor:pointer;

float:left;


ty=50)" !imp

opacity:0.5;

-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opac
iortant;

filter: alpha(opacity=50) !important; /* For IE8 and earlier */ }


rosoft.Alpha(Opacity

.om-ctrlitem:hover {

opacity:0.8;

-ms-filter: "progid: DXImageTransform.Mi
c=80)" !important;

filter: alpha(opacity=80) !important; /* For IE8 and earlier */ }


osoft.Alpha(Opacity=

.om-activectrlitem {

opacity:1 !important;

-ms-filter: "progid: DXImageTransform.Mic
r100)" !important;

filter: alpha(opacity=100) !important; /* For IE8 and earlier */ }

.om-controlitems {


ft;

}

.om-

width:960px;

margin:auto;

}

.om-controlitem {

height:48px;

cursor:pointer;

}

.om-closenav {

float:l
emovenext {

float:right;

}

.om-itemholder {

margin:auto;

padding:20px 0px;

}


999;

left:0;

top:0;

}

.om-movenex

@media screen and (max-width:960px) {

.om-closenav {

position:absolute;

z-index:
9t {

position:absolute;

z-index:9999;

right:0;

top:0;

}

.om-controlitems {

width:100%;

}

.om-itemholder {


:5px;

floa

width:100%;

}

}

.om-centerblock {

display:inline-block;

}

.om-item {

display:none;

}

.om-showitem {

margi
nt:left;

display:none;

}

/* END MblMetroMenu */


/* TILE BUTTONS */

/* Standar Buttons */

.tile-bt {

text-align:center;



.tile-bt img {

cursor:pointer;

width:90px;

height:90px;

}

.tile-bt a {

display:block;

padding-top:12px;

text-decoration: !important;

}


nt-size:12px;

paddin

margin:0 auto 0 auto;

padding-bottom:5px;

height:48px;

width:48px;

position:relative;

display:block;

}

.tile-bt span {

f
og-bottom:10px;

display:block;

}

.tile-bt:active {

opacity:0.5;

}

/* End Standard Buttons */



/* Large Buttons */

.tile-bt-large {


important;


width:190px;

height:90px;

line-height:90px;

text-align:center;

cursor:pointer;

}

.tile-bt-large a {

display:block;

text-decoration: 
!}

.tile-bt-large img {

vertical-align: middle;

margin:auto;

padding:0px;

position:relative;

width:48px;

height:48px;

}

.tile-bt-large span {


large {

text-align:cen

vertical-align: middle;

display:inline;

}

.tile-bt-large:active {

opacity:0.5;

}

/* End Large Buttons */

/* Extralarge Buttons */

.tile-bt-extr
ater;

cursor:pointer;

width:190px;

height:190px;

}

.tile-bt-extralarge a {

display:block;

padding-top:52px;

text-decoration: !important;

}

.tile-bt-extralarge img {




display:block;

}


margin:0 auto 0 auto;

padding-bottom:22px;

height:80px;

width:80px;

position:relative;

display:block;

}

.tile-bt-extralarge span {

font-size:14px;

padding-bottom:20px
;.tile-bt-extralarge:active {

opacity:0.5;

}

/* End Extralarge Buttons */


/* END TILE BUTTONS */


/* SHADOW LIST */

.shadow-white, .shadow-black, .shadow-blue, .shadow-green, .shadow-red {


 #fff;

-ms-box-shadow:0p

/*display:inline-block;*/

}

.shadow-white:hover {

box-shadow:0px 0px 6px 3px #fff;

-webkit-box-shadow:0px 0px 6px 3px #fff;

-moz-box-shadow:0px 0px 6px 3px #fff;

-o-box-shadow:0px 0px 6px 3p
xx 0px 6px 3px #fff;

}

.shadow-blue:hover {

box-shadow:0px 0px 6px 3px #38D1F7;

-webkit-box-shadow:0px 0px 6px 3px #38D1F7;

-moz-box-shadow:0px 0px 6px 3px #38D1F7;

-o-box-shadow:0px 0px 6px 3px #38D1F7;


x 6px 3px #AACA37;

-ms-box-shadow:0px 

-ms-box-shadow:0px 0px 6px 3px #38D1F7;

}

.shadow-green:hover {

box-shadow:0px 0px 6px 3px #AACA37;

-webkit-box-shadow:0px 0px 6px 3px #AACA37;

-moz-box-shadow:0px 0px 6px 3px #AACA37;

-o-box-shadow:0px 0
p0px 6px 3px #AACA37;

}

.shadow-red:hover {

box-shadow:0px 0px 6px 3px #E81750;

-webkit-box-shadow:0px 0px 6px 3px #E81750;

-moz-box-shadow:0px 0px 6px 3px #E81750;

-o-box-shadow:0px 0px 6px 3px #E81750;

-ms-box-shadow:0px 0px 6px 3px #E81750;




}

.shadow-black:hover {

box-shadow:0px 0px 6px 3px #444;

-webkit-box-shadow:0px 0px 6px 3px #444;

-moz-box-shadow:0px 0px 6px 3px #444;

-o-box-shadow:0px 0px 6px 3px #444;

-ms-box-shadow:0px 0px 6px 3px #444;

}

/* END SHADOW LIST */

/* BACK
GROUND LIST */

/* Solid Colors */

.solid-blue { background:#00BBE2; }

.solid-blue-2 { background:#2C84EE; }

.solid-darkblue { background:#044E94; }

.solid-violetred { background:#781766; }

.solid-red { background:#E51400;}


; }

.solid-coral { background:#CD5B

.solid-red-2 { background:#E81750; }

.solid-pink { background:#FF539B; }

.solid-purple { background:#D02090; }

.solid-orange { background:#FB8F02; }

.solid-orange-2 { background:#FF6600; }

.solid-orange-3 { background:#DD5F3
745; }

.solid-green { background:#67B239; }

.solid-green-2 {background:#96BF01; }

.solid-darkgreen { background:#016C38; }

.solid-olive { background:#999900}

.solid-grass { background:#CDCD00; }

.solid-darkred { background:#5F0000; }


}

.floatright { float:right; }

.n

.solid-gold { background:#FEE9AE; }

.solid-yellow { background:#F7D100; }

.solid-black { background:#000; }

.solid-smoke { background:#F5F5F5; }

/* End Solid Colors */


/* MISC */

.clearspace { clear: both; }

.floatleft { float:left;
 one { display: none !important; width:0px !important; }

.light-text {

color:#fff;

}

.dark-text {

color:#1e1e1e;

}

.gradient {

background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%); /* FF3.6+ */


55,0.3) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* Opera 11.10+ */

back

background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.3))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 00%,rgba(255,255,
2ground: -ms-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* IE10+ */

background: linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* W3C */

}



.margin-5 { margin:5px; }

ثم نعود من جديد إلى المدونة .. و نختار تخطيط ثم إضافة أداة .. ثم نختار Html/Javascript, ونضيف الكود التالي :

??<div class="mblmetromenu">

<div class="tile-bt-extralarge solid-violetred shadow-black margin-5 floatleft MblMetroMenu" data-navid="om-nav">

<a class="gradient" href="aaaaaaaa" target="_blank">

<img alt="?????? ???????" src="tttttt">

<span class="light-text"> xxxxxx </span>

</a>

</div>

<div class="tile-bt-large solid-coral shadow-red margin-5 floatleft MblMetroMenu" data-navid="om-nav">

<a class="gradient" href="aaaaaaa">

<img alt="?????? ?????" src="tttttt">

<span class="light-text"> xxxxx </span>

</a>

</div>

<div class="tile-bt solid-purple shadow-blue margin-5 floatleft MblMetroMenu" data-navid="om-nav2">

<a class="gradient" href="aaaaaaa">

<img alt="????? ?????" src="tttttt">

<span class="light-text"> xxxxxx </span>

</a>

</div>

<a href="http://www.ar-tech.tk" target="_blank" title="مدونة عماد الرافعي">

<div class="tile-bt-large solid-red shadow-red margin-5 floatleft MblMetroMenu" data-navid="om-nav">

<a class="gradient" href="aaaaaa">

<img alt="?????" src="tttttt">

<span class="light-text"> xxxxx </span>

</a>

</div>

<div class="tile-bt solid-darkred shadow-red margin-5 floatleft MblMetroMenu" data-navid="om-nav2">

<a class="gradient" href="aaaaaaaa">

<img alt="???????" src="tttttt">

<span class="light-text"> xxxxxx </span>

</a>

</div>

<div class="tile-bt solid-black shadow-black margin-5 floatleft MblMetroMenu" data-navid="om-nav2">

<a class="gradient" href="aaaaaaaa">

<img alt="??? ????" src="ttttttt">

<span class="light-text"> xxxxxxx </span></a>

</div>

<div class="tile-bt solid-orange shadow-black margin-5 floatleft MblMetroMenu" data-navid="om-nav2">

<a class="gradient" href="aaaaaaa">

<img alt="youtube" src="tttttt">

<span class="light-text"> xxxxxxx </span>

</a>

</div>

<div class="tile-bt solid-darkblue shadow-blue margin-5 floatleft MblMetroMenu" data-navid="om-nav2">

<a class="gradient" href="aaaaaaa">

<img alt="Facebook" src="tttttt">

<span class="light-text"> xxxxxx </span>

</a>

</div>

<div class="tile-bt-large solid-blue shadow-blue margin-5 floatleft MblMetroMenu" data-navid="om-nav">

<a class="gradient" href="aaaaaaaa">

<img alt="???? ???????????" src="tttttt">

<span class="light-text"> xxxxxx </span>

</a>

</div>

<div class="tile-bt solid-olive shadow-green margin-5 floatleft MblMetroMenu" data-navid="om-nav2"><a class="gradient" href="aaaaaaa">

<img alt="???????" src="tttttt">

<span class="light-text"> xxxxxx </span>

</a>

</div>

<div class="tile-bt-large solid-blue-2 shadow-blue margin-5 floatleft MblMetroMenu" data-navid="om-nav">

<a class="gradient" href="aaaaaaa" target="_blank">

<img alt="????? ???????" src="tttttt">

<span class="light-text"> xxxxxxx </span>

</a>

</div>

ثم غير xxxxxx إلى أسماء التقسيمات.

و غير tttttt إلى روابط الصور.

و غير aaaaa إلى روابط التقسيمات.

و غير ؟؟؟؟؟؟؟ إلى أسماء الصور لتضمينها في محركات البحث .

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

أي مشكل يواجهك .. أكتبه في تعليق .. و سأصلحها شخصيا ..

دمتم بود .

طريقة تسريع الحاسوب بدون برامج

noreply@blogger.com (Imad Rafai) — Tue, 05 Aug 2014 21:41:00 +0000

بسم الله الرحمن الرحيم

و الصلاة و السلام على أشرف المرسلين

أضع بين أيديكم الآن موضوعا مهما يشكو و يعاني منه العديد و العديد .. و هو بطئ الجهاز .. و لعل أبرز أسبابه : كثرة الإستخدام .

فهدا يكثر من الملفات المؤقتة .. لن أطول عليكم .. كالعادة الشرح مقسم إلى قسمين :

1) شرح بالفيديو .

2) شرح كتابي .

1) الشرح بالفيديو :

2) شرح كتابي :

أولا : من لوحة المفاتيح نظغط على (Demarrer + r) كما هو مبين في الصورة :

ثم من النافدة الصغيرة تكتب :

Temp ثم تظغط Ok ثم تحذف الملفات في النافذة الجديدة ..

ثم تكرر نفس العملية مع تغيير كلمة Temp بما يلي على التوالي :

%Temp%
Prefetch
Recent

ثم أخيرا تحدف الملفات نهائيا من سلة المهملات أو Corbeille .

إلى هنا أكون قد انهيت الشرح .. إلى في اللقاء في حلقة و درس جديدين ..

دمتم بود.

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

noreply@blogger.com (Imad Rafai) — Thu, 03 Jul 2014 19:15:00 +0000

بسم الله الرحمن الرحيم

و الصلاة و السلام على أشرف المرسلين

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

و قد قدمت شرح مميزا عن استعمال الموقع ..

و الشرح كالعادة مقسم إلى قسمين :

1) شرح بالفيديو .

2) شرح كتابي مع بعض الصور.

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

1) شرح بالفيديو :

2) شرح كتابي بالصور :

أولا ندخل على هذا الموقع من هناااااا

ثم ننسخ النص أو المقالة.. ثم نلصقها في المربع ..

فيظهر لنا عدد الكلمات (words) و عدد الحروف (Characters) ..

إلى هنا ينتهي الدرس .. إلى اللقاء في درس جديد بإذن الله ..

دمتم بود.

طريقة إنشاء كلمة سر فريدة و قوية

noreply@blogger.com (Imad Rafai) — Wed, 02 Jul 2014 18:03:00 +0000

بسم الله الرحمن الرحيم

و الصلاة و السلام على أشرف المرسلين

كلمة السر .. ما فتئ أي موقع إلا ويتم اختراقه .. يوميا بآلاف بل ملايين الحسابات يوميا .. و خاصة الفيسبوك .. و غيرها من المواقع ..

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

الدرس جد سهل لكن محتاج تركيز .. و هو مقسم إلى قسمسن .. :

1) شرح بالفيديو .

2) شرح كتابي بالصور .

الموقع المستخدم في الشرح : إظغط هناااااااا.

1) الشرح بالفيديو :

2) الشرح الكتابي بالصور :

أولا ندخل على الموقع الدي سبق ذكره من هناااااااا.

ثم نكتب :

في الخانة الأولى : الإسم الكامل لك أو لشخص آخر قريب إليك ..

و في الخانة الثانية : تكتب أي كلمة خاصة بك ..

أما في الثالثة : فتكتب أي تاريخ مميز بالنسبة لك ..

ثم تظغط Create Password .

إلى اللقاء في القريب العاجل في حلقة جديدة بإذن الله ..

دمتم بود .

طريقة تحميل الفيديوهات من اليوتيوب بدون برامج و بالصيغة التي تريد

noreply@blogger.com (Imad Rafai) — Sun, 29 Jun 2014 14:24:00 +0000

بسم الله الرحمن الرحيم

و الصلاة و السلام على أشرف المخلوقين

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

هده الطريقة تعتبر بديلا عن برامج التحميل ك: IDM ( Internet Download Manager ) و غيرها من البرامج ..

الشرح جد سهل مقسم إلى قسمين .. :

1) شرح بالفيديو .

2) شرح بالكتابة و الصور .

1) شرح بالفيديو :

2) شرح بالصور و الكتابة :

أولا ندخل على اليوتيوب .. ثم نختار الفيديو الدي نريد .. ثم ننسخ رابط الفيديو على هدا الشكل :

www.youtube.com/watch?v=4RneCDhyrks

ثم نحدف www. من الرابط ثم نعوضها ب : ss .. ليصبح هكذا :

ssyoutube.com/watch?v=4RneCDhyrks

فيظهر لنا الموقع على هذا الشكل :

ثم من الجانب الأيمن في الأسفل : إختر الصيغة التي تريد ..

فيبدأ بإذن الله التحميل :

إلى هنا أكون قد انهيت الشرح .. إلى اللقاء بإذن الله في شرح جديد ..

لطلب أي شرح فقط أتركه في تعليق ..

دمتم بود .

طريقة الإشارة إلى جميع أصدقائك في الفيسبوك في التعليقات 2014

noreply@blogger.com (Imad Rafai) — Sun, 16 Mar 2014 13:29:00 +0000

بسم الله الرحمن الرحيم

و الصلاة و السلام على أشرف المرسلين

عدت لكم من جديد بسر من أسرار الفيسبوك .. و هو الإشارة إلى جميع أصدقائك في الفيسبوك في التعليقات من خلال كود يوضع في "La Console- F12" .. الشرح جد سهل و ممتع .. لكن محتاج تركيز ..

تابع الشرح بالفيديو :

الكود المستعمل في الشرح :

إضغط هنااااااا للتحميل .

إلى هنا أكون قد اهنيت الشرح إلى اللقاء في درس و حلقة جديدين ..

دمتم بود .

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

noreply@blogger.com (Imad Rafai) — Fri, 31 Jan 2014 14:20:00 +0000

بسم الله الرحمن الرحيم

و الصلاة و السلام على أشرف المرسلين

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

الشرح بالفيديو :

الموقع المستخدم في الشرح : إضغط هنا ..

إلى اللقاء في حلقة جديدة و درس جديد بإذن الله ..

دمتم بود.

شرح تحويل المدونة تلقائيا من الدومين الرئيسي إلى .www

noreply@blogger.com (Imad Rafai) — Mon, 27 Jan 2014 17:12:00 +0000

بسم الله الرحمن الرحيم
والصلاة و السلام على أشرف المرسلين

ضمن مجانيات موقعنا .. تطرقنا قي درس سابق إلى ربط مدونات بلوجر بدومين مجاني .tk .. و حل بعض المشاكل التي تراودنا بعد ربط الدومين .. فحلقة اليوم جاءت كتتمة لما سبق و هي بتحويل رابط المدونة :
من الدومين الأساسي : domain.tk
إلى رابط المدونة : www.domain.tk

فالكل يواجه مشكلة ورود صفحة الخطأ .. عندما لا يكتب الزائر www. .

كيف أحول مدونتي إلى www. تلقائيا ؟؟

الشرح بالفيديو :

الملفات :
انقر للتحميل برابط مباشر.

إلى اللقاء في درس جديد بإذن الله ..دمتم بود .

تحديث : إنشاء موقع ألعاب و إضافة الألعاب إليه

noreply@blogger.com (Imad Rafai) — Sat, 25 Jan 2014 17:38:00 +0000

بسم الله الرحمن الرحيم

و الصلاة و السلام على أشرف المرسلين

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

حيث يمكنك من هذا الموقع أن تضع إعلانات .. و الربح من الإعلانات .. و كذا التعديل عليه ليناسب ذوقك ..

مثال على الموقع :

إظغط هنا.

الشرح بالفيديو :

الملف المستعمل :

إظغط هنا للتحميل برابط مباشر.

الكود المستعمل :

<embed align="middle" allowscriptaccess="always" height="400" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="??? ??????" type="application/x-shockwave-flash" width="480"></embed>

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

دمتم بود.

مدونتنا في حلة شتائية جديدة

noreply@blogger.com (Imad Rafai) — Sat, 07 Dec 2013 22:44:00 +0000

بسم الله الرحمن الرحيم

و الصلاة و السلام على أشرف المخلوقين

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

إلى اللقاء في موضوع جديد بإذن الله.

دمتم بود.

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

noreply@blogger.com (Imad Rafai) — Wed, 04 Dec 2013 11:39:00 +0000

بسم الله الرحمن الرحيم

و الصلاة و السلام على أشرف المرسلين

لمن لا يعرف :

التبادل الإعلاني هو أن تضع رابط مدونتي عندك وأضع رابط مدونتك عندي .

فوائد التبادل الإعلاني.

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

لن تحصل علي هذة الفؤائد إلا بشروط :

لتكسب رتبة في محركات البحث عليك بالتبادل مع مدونات ذات ترتيب عالي في محركات البحث, يفضل مثلاً التبادل مع مدونة ذات ترتيب page rank 1 عن تلك التي ترتيبها 0.

لتكسب زوار المدونات التي تتبادل معها

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

كيف تتقن قواعد اللعبة ( لعبة التبادل الإعلاني )

إبحث عن مدونات كثيرة من نفس تخصصك
كون قائمة بالمدونات
رتبهم حسب رتبة المدونة في جوجل وحسب عدد الزوار

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

و أخيرا ها هو كود التبادل الإعلاني :

<div class="widget-content">
<style>#advertise{margin:auto}.adss{list-style:none;margin-top:5px auto;margin:0 1px 2px 1px;display:inline-block;text-align:center}.adss a{display:block;width:75px;height:75px;padding-right:0;padding-top:3px;position:relative;text-decoration:none}.adss a strong{font-weight:normal;position:absolute;left:20px;top:-1px;color:#fff;padding:3px;z-index:9999;text-shadow:1px 1px 0 rgba(0,0,0,0.75);background-color:rgba(0,0,0,0.7);-moz-border-radius:3px;-moz-box-shadow:0 0 5px rgba(0,0,0,0.5);-webkit-border-radius:3px;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5);border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,0.5)}.adss img{max-height:75px;max-width:75px}#adsanime:hover{opacity:.2}#adsanime a strong{-webkit-transition-property:opacity;-webkit-transition-duration:500ms;-moz-transition-property:opacity;-moz-transition-duration:500ms}#adsanime a strong{opacity:0;-webkit-transition-property:opacity,top;-webkit-transition-duration:300ms;-moz-transition-property:opacity,top;-moz-transition-duration:300ms}#adsanime{opacity:.5;-webkit-transition-property:opacity,top;-webkit-transition-duration:300ms;-moz-transition-property:opacity,top;-moz-transition-duration:300ms}#adsanime:hover{opacity:1}#adsanime:hover a strong{opacity:1;top:-10px}</style>
<center>
<div class="adss" id="adsanime">
<a href='http://www.4u-tech.tk/'>
<img src="http://1.bp.blogspot.com/-Qrnuxja5byA/UlqjinqkU0I/AAAAAAAAATA/ApEYYZ3lQCo/s1600/%5Bgickr.com%5D_74a88683-8b58-a7a4-613d-902ad97a9a40.gif
" original="http://1.bp.blogspot.com/-Qrnuxja5byA/UlqjinqkU0I/AAAAAAAAATA/ApEYYZ3lQCo/s1600/%5Bgickr.com%5D_74a88683-8b58-a7a4-613d-902ad97a9a40.gif
" style="display:inline-block" />
<strong>مدونة عماد الرافعي</strong></a>
</div>
<div class="adss" id="adsanime">
<a href='http://imad-13.blogspot.com/2013/10/traffic-exchange.html'>
<img src="http://im25.gulfup.com/cMT41.jpg" original="http://im25.gulfup.com/cMT41.jpg" style="display:inline-block" />
<strong>أعلن معنا</strong></a>
</div>
<div class="adss" id="adsanime">
<a href='http://imad-13.blogspot.com/2013/10/traffic-exchange.html'>
<img src="http://im25.gulfup.com/cMT41.jpg" original="http://im25.gulfup.com/cMT41.jpg" style="display:inline-block" />
<strong>أعلن معنا</strong></a>
</div>
<div class="adss" id="adsanime">
<a href='http://imad-13.blogspot.com/2013/10/traffic-exchange.html'>
<img src="http://im25.gulfup.com/cMT41.jpg" original="http://im25.gulfup.com/cMT41.jpg" style="display:inline-block" />
<strong>أعلن معنا</strong></a>
</div>
<div class="adss" id="adsanime">
<a href='http://imad-13.blogspot.com/2013/10/traffic-exchange.html'>
<img src="http://im25.gulfup.com/cMT41.jpg" original="http://im25.gulfup.com/cMT41.jpg" style="display:inline-block" />
<strong>أعلن معنا</strong></a>
</div>
<div class="adss" id="adsanime">
<a href='http://imad-13.blogspot.com/2013/10/traffic-exchange.html'>
<img src="http://im25.gulfup.com/cMT41.jpg" original="http://im25.gulfup.com/cMT41.jpg" style="display:inline-block" />
<strong>أعلن معنا</strong></a>
</div>
</center>
<br /></div>
<a href='http://www.4u-tech.tk/2013/12/traffic-exchange-add.html'>احصل على الإضافة من هنا</a>

كيف أضيف الكود ؟؟

كالعادة نتجه من مدونتنا إلى تخطيط, ثم إلى إضافة أداة جديدة, ثم تضيف كود Html التالي :

إلى اللقاء في درس و إضافات جديدة بإذن الله.

دمتم بود.

كيفية الكشف عن كلمة سر حساب فيسبوك

noreply@blogger.com (Imad Rafai) — Tue, 03 Dec 2013 18:40:00 +0000

بسم الله الرحمن الرحيم

و الصلاة و السلام على أشرف المرسلين

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

لن أطول عليكم .
الشرح بالفيديو :

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

دمتم بود.

مدونتنا تنتقل إلى دومين جديد :/

noreply@blogger.com (Imad Rafai) — Sun, 01 Dec 2013 13:44:00 +0000

بسم الله الرحمن الرحيم

و الصلاة و السلام على أشرف المرسلين

أود في هذه التدوينة السريعة إعلام متابعي مدونتي الأوفياء .. أننا انتقلنا إلى دومين جديد نتيجة أخطاء بسيطة تمت في الدومين السابق , الأخير الذي سبب في حذف تعليقاتكم و إعجاباتكم .. حيث أصبح الموقع على الرابط التالي : www.4u-tech.tk بعد ما كان www.imad-tech.tk و قد تم إعادة توجيه الرابط الرابط السابق إلى الرابط الجديد .. و نأسف عن أي خطأ ..

دمتم بود

طريقة مشاركة الملفات على النت لتخزينها و تحميلها

noreply@blogger.com (Imad Rafai) — Tue, 26 Nov 2013 14:31:00 +0000

بسم الله الرحمن الرحيم

و الصلاة و السلام على أشرف المرسلين

موضوعنا اليوم موضوع مهم جدا يتمحور حول مشاركة ملفاتك و صورك و العديد من المميزات على النت ليتمكن الأشخاص من تحميلها و مشاركتها.
فالخدمة تقدمها عدة مواقع منها :

4shared
box

لكن أنصحك بالموقع الأخير لأنه الأفضل و الأسهل ..

نبدأ على بركة الله..

أولا ندخل إلى الموقع من هنااا.
هذه واجهة البرنامج : نضغط على Sign Up أو Inscription كما في الصورة :

ثم تضغط على Inscrivez-Vous :

ثم تملأ الخانات بمعلوماتك الشخصية .. كما هو مبين في الصورة :

ثم تضغط على Continuer :

ثم تفعّل إيميلك و تسجل دخولك إلى الموقع باستخدام الحساب الذي أدخلته.
سيظهر لك الموقع هكذا : لإضافة ملف ما إضغط على Upload ثم من القائمة تختار نوع الملف الذي ستضيفه :

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

ثم بعد التحميل .. تظغط في جانب الملف على زر More Options كما هو موضح في الصورة :

ثم من القائمة تختار Share ثم Get Link ثم سيظهر لك رابط تحميل الملف .. ثم قم بنشره في مدونتك و منتدياتك ..

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

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

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

دمتم بود.

طريقة الحصول على دومين .tk مجاني و ربطه بمدونة بلوجر.

noreply@blogger.com (Imad Rafai) — Fri, 08 Nov 2013 14:56:00 +0000

بسم الله الرحمن الرحيم

و الصلاة و السلام على أشرف المرسلين

مجانيات !! مجانيات !! مجانيات !!

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

فالجميع يمكنه الحصول على دومين .tk و بالقدر الذي يريد, ( المئات و الآلاف إن شئت ) و ربطها بمدوناتك على بلوجر عن طريق ال DNS ( و هي اختصار لكلمة Domain Name System و تعني نظام أسماء النطاقات و هو نظام يخزن معلومات تتعلق بأسماء نطاقات في قاعدة بيانات موزعة على الإنترنت ) .

كيف أحصل على الدومين المجاني ؟؟

تابع الشرح في الفيديو :

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

حل مشكلة ورود صفحة الخطأ : blogspot.com/ncr/ :

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

كيف أزيل الكود ؟؟

أدخل إلى مدونتك ثم اتجه إلى القالب ثم تحرير Html ثم إضغط على Ctrl + f و ابحث عن :

ncr

ثم ستجدها داخل كود على هذا الشكل : (ستجده قبل وسم <b:skin> ) :

ثم تحذف الكود المحاط بمستطيل . و مبرووووووووووووك عليك الدومين الجديد .

و إلى هنا أكون قد انهيت الشرح و أتمنى أن يكون قد استفاد الجميع من الشرح المتواضع.

أي استفسار أو طلب لأي شرح :
أتركه في تعليق أو راسلني على :

إميل المدونة : Imad-13@tw.ma
حسابي الشخصي على الفيسبوك : Fb/Imadostoos.Fans

إلى اللقاء في درس جديد وحصري .

دمتم بود.

مدونة عماد الرافعي تنتقل إلى دومين .tk

noreply@blogger.com (Imad Rafai) — Thu, 07 Nov 2013 11:05:00 +0000

بسم الله الرحمن الرحيم

و الصلاة و السلام على أشرف المرسلين

أحبتي في الله .. و بعد 3 أشهر من افتتاح المدونة, 3 أشهر من العطاء و التألق, مدونتنا تنتقل إلى دومين .Tk مجاني تم ربطه بنجاح إلى المدونة.

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

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

من : www.imad-13.blogspot.com

إلى : www.imad-tech.tk

إنتظرونا في الدرس القادم بإذن الله

دمتم بود.

كيفية إنشاء استطلاع رأي بشكل احترافي حصريا

noreply@blogger.com (Imad Rafai) — Tue, 05 Nov 2013 15:53:00 +0000

بسم الله الرحمن الرحيم

و الصلاة و السلام على أشرف المخلوقين

جئتم اليوم و كالعادة بدرس جديد و حصري ألا و هو : إنشاء استطلاع رأي بشكل احترافي.

معاينة الأداة : ( يمكنك اختيار عدة ألوان و أشكال .. حسب ما يناسبك )

كيفية إنشاء استطلاع رأي ؟؟

تابع الشرح في الفيديو :

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

لطلب شرح أو للإستفسار : راسلني على :

إيميل المدونة : Imad-13@tw.ma

على حسابي الشخصي على الفيسبوك : Fb/Imadostoos.Fans

و إلى هنا أكون قد انهيت الشرح, إلى اللقاء في درس جديد و حصري.

دمتم بود.

مكتبة أكواد هتمل Html

noreply@blogger.com (Imad Rafai) — Tue, 05 Nov 2013 14:31:00 +0000

بسم الله الرحمن الرحيم

و الصلاة و السلام على أشرف المرسلين

أحبتي في الله هذه مجموعة كبيرة و جد هامة من أكواد Html لأصـحاب المواقع و المدونات. و هي كالآتي :

أولاً :أكواد النصوص

كود النص العريض

<b>اكتب النص هنا </b>

كود تحديد اتجاه النص

<p dir="rtl" align="right">اكتب هنا النص الذي سيظهر من اليمين إلى اليسار</p>

كود التحكم فى حجم الخط ولونه ونوعه

<CENTER><FONT COLOR="#كود اللون المرغوب" FACE="اسم الخط المرغوب" SIZE="4">اكتب هنا ما تريد</FONT></CENTER>

أكواد الألوان موجودة هـــــــــنـــــاااااااااا

كود نص يتحرك لأعلى

<marquee behavior="scroll" direction="up" height="140" scrollamount="1" scrolldelay="60" onMouseOver="this.stop()" onMouseOut="this.start()">


<center><br>اكتب هنا النص الذي سيتحرك للأعلى الفقرة 1
<br>اكتب هنا النص الذي سيتحرك للأعلى الفقرة 2
<br>مدونة كن داعيا للخير 3
<br>اكتب هنا النص الذي سيتحرك للأعلى الفقرة 4
<br>......</center>
</marquee>

كود نص يتمدد وينكمش

<table align="center" width="98%"><tr><td>

<HTML>
<HEAD>
<script language="JavaScript">
var sizes = new Array("0px", "1px", "2px", "3px", "4px");
sizes.pos = 0;
function elast() {
var el = document.all.elastic;
if (null == el.direction)
   el.direction = 1;
else if ((sizes.pos > sizes.length - 4) || (0 == sizes.pos))
   el.direction *= -1;
   el.style.letterSpacing = sizes[sizes.pos += el.direction];
}
setInterval('elast()', 100)
</script>
</HEAD>
<BODY>
<h1 align="center" id="elastic"><font size="3">مدونة عماد الرافعي</font></hi>
</BODY>
</HTML></td></tr></table>

كود نص متأرجح يميناً ويسارا

<marquee scrolldelay="60" scrollamount="3" width="400" direction="left" behavior="alternate" bgcolor="#FF0000">مدونة عماد الرافعي</marquee>

كود إظهار نصوص بها روابط بالتناوب

<div style="position:relative;center:0px;top:0px">
<span id="highlighter" style="position:absolute;left:0;top:0;font-size:18px;font-family:Verdana;background-color:yellow;clip:rect(0px 0px auto 0px)"></span>
</div>
<script type="text/javascript">
var tickercontents=new Array()
tickercontents[0]='مدونة عماد الرافعي <a href="http://imad-13.blogspot.com/">text</a>'
tickercontents[1]='اكتب هنا نص عادي رقم 1 دون روابط <a href="الرابط الذي سيوضع فوق النص التالي">text</a>'
tickercontents[2]='اكتب هنا نص عادي رقم 2 دون روابط <a href="الرابط الذي سيوضع فوق النص التالي">text</a>'
tickercontents[3]='اكتب هنا نص عادي رقم 0 دون روابط <a href="الرابط الذي سيوضع فوق النص التالي">text</a>'
var tickdelay=3000 //delay btw messages
var highlightspeed=10 //10 pixels at a time.

////Do not edit pass this line////////////////

var currentmessage=0
var clipwidth=0

function changetickercontent(){
crosstick.style.clip="rect(0px 0px auto 0px)"
crosstick.innerHTML=tickercontents[currentmessage]
highlightmsg()
}

function highlightmsg(){
var msgwidth=crosstick.offsetWidth
if (clipwidth<msgwidth){
clipwidth+=highlightspeed
crosstick.style.clip="rect(0px "+clipwidth+"px auto 0px)"
beginclip=setTimeout("highlightmsg()",20)
}
else{
clipwidth=0
clearTimeout(beginclip)
if (currentmessage==tickercontents.length-1) currentmessage=0
else currentmessage++
setTimeout("changetickercontent()",tickdelay)
}
}

function start_ticking(){
crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter
crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement
if (parseInt(crosstick.offsetHeight)>0)
crosstickParent.style.height=crosstick.offsetHeight+'px'
else
setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sake
changetickercontent()
}

if (document.all || document.getElementById)
window.onload=start_ticking

</script>

كود نص متحرك

<div align="center">
<table border="0" width="100%" style="border-collapse: collapse">
<tr><td class="alt1" colspan="3"><b>
<font size="4" color="000000">
<marquee direction="right" width="100%" height="20"direction="right" onmouseover="this.stop()" onmouseout="this.start()" scrolldelay="0" scrollamount="5">مدونة عماد الرافعي </marquee></font></b></td></tr></table></div>

كود شريط متحرك مع روابط

<marquee direction="right" width="100%" height="20"direction="right" onmouseover="this.stop()" onmouseout="this.start()" scrolldelay="0" scrollamount="5">
<a href="اكتب هنا عنوان الموقع">اكتب هنا اسم الموقع</a> ------
 </marquee>

كود نص يضئ بالتدريج

<h2>
<script language="JavaScript1.2">



var message="مدونة عماد الرافعي"
var neonbasecolor="gray"
var neontextcolor="yellow"
var flashspeed=100  //in milliseconds

///No need to edit below this line/////

var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)

function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
//eval("document.all.neonlight"+m).style.color=neonbasecolor
crossref(m).style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor

if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}

function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()


</script>
</h2>
</font></p>

كود نص يضئ بألوان مختلفة

<b>
<font size="5">
<script>

// ********** عدل هنا

var text="مدونة عماد الرافعي" 
var speed=80 // سرعه تغير الالوان

// ********** لا تعدل شي هنا


if (document.all||document.getElementById){
document.write('<span id="highlight">' + text + '</span>')
var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight
}
else
document.write(text)
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
function changetext(){
rainbow="#"+hex[r]+hex[g]+hex[b]
storetext.style.color=rainbow
}
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (document.all||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()
</script>
</font></b>
</font></p>

ثانياً : أكواد الصور

كود إضافة صورة

<img src="رابط الصورة" >

كود صورة مع رابط

<CENTER><a href="الرابط">
<img src="رابط الصورة" width="30" height="80" border="2" align=" middle" /></a></CENTER>

كود تغيير الصور تلقائيا

<center><style type="text/css">
#pscroller1{
font-size: 14px;
font-family: Tahoma;
width: 250px;
height: 250px;
border: 0px solid black;
padding: 5px;
background-color: white;
}

</style>

<script type="text/javascript">

/*Example message arrays for the two demo scrollers*/

var pausecontent=new Array()
pausecontent[0]='<img border="0" src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-frc3/s160x160/1374718_448407485276733_2145347103_a.png">'
pausecontent[1]='<img border="0" src="رابط الصورة 2">'
pausecontent[2]='<img border="0" src="رابط الصورة 3">'
pausecontent[3]='<img border="0" src="رابط الصورة 1">'
</script>

<script type="text/javascript">

/***********************************************
* Pausing up-down scroller- © Dynamic Drive (www.dynamicdrive.com)
***********************************************/

function pausescroller(content, divId, divClass, delay){
this.content=content //message array content
this.tickerid=divId //ID of ticker div to display information
this.delay=delay //Delay between msg change, in miliseconds.
this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over scroller (and pause it if it is)
this.hiddendivpointer=1 //index of message array for hidden div
document.write('<div id="'+divId+'" class="'+divClass+'" style="position: relative; overflow: hidden"><div class="innerDiv" style="position: absolute; width: 100%" id="'+divId+'1">'+content[0]+'</div><div class="innerDiv" style="position: absolute; width: 100%; visibility: hidden" id="'+divId+'2">'+content[1]+'</div></div>')
var scrollerinstance=this
if (window.addEventListener) //run onload in DOM2 browsers
window.addEventListener("load", function(){scrollerinstance.initialize()}, false)
else if (window.attachEvent) //run onload in IE5.5+
window.attachEvent("onload", function(){scrollerinstance.initialize()})
else if (document.getElementById) //if legacy DOM browsers, just start scroller after 0.5 sec
setTimeout(function(){scrollerinstance.initialize()}, 500)
}

// -------------------------------------------------------------------
// initialize()- Initialize scroller method.
// -Get div objects, set initial positions, start up down animation
// -------------------------------------------------------------------

pausescroller.prototype.initialize=function(){
this.tickerdiv=document.getElementById(this.tickerid)
this.visiblediv=document.getElementById(this.tickerid+"1")
this.hiddendiv=document.getElementById(this.tickerid+"2")
this.visibledivtop=parseInt(pausescroller.getCSSpadding(this.tickerdiv))
//set width of inner DIVs to outer DIV's width minus padding (padding assumed to be top padding x 2)
this.visiblediv.style.width=this.hiddendiv.style.width=this.tickerdiv.offsetWidth-(this.visibledivtop*2)+"px"
this.getinline(this.visiblediv, this.hiddendiv)
this.hiddendiv.style.visibility="visible"
var scrollerinstance=this
document.getElementById(this.tickerid).onmouseover=function(){scrollerinstance.mouseoverBol=1}
document.getElementById(this.tickerid).onmouseout=function(){scrollerinstance.mouseoverBol=0}
if (window.attachEvent) //Clean up loose references in IE
window.attachEvent("onunload", function(){scrollerinstance.tickerdiv.onmouseover=scrollerinstance.tickerdiv.onmouseout=null})
setTimeout(function(){scrollerinstance.animateup()}, this.delay)
}


// -------------------------------------------------------------------
// animateup()- Move the two inner divs of the scroller up and in sync
// -------------------------------------------------------------------

pausescroller.prototype.animateup=function(){
var scrollerinstance=this
if (parseInt(this.hiddendiv.style.top)>(this.visibledivtop+5)){
this.visiblediv.style.top=parseInt(this.visiblediv.style.top)-5+"px"
this.hiddendiv.style.top=parseInt(this.hiddendiv.style.top)-5+"px"
setTimeout(function(){scrollerinstance.animateup()}, 50)
}
else{
this.getinline(this.hiddendiv, this.visiblediv)
this.swapdivs()
setTimeout(function(){scrollerinstance.setmessage()}, this.delay)
}
}

// -------------------------------------------------------------------
// swapdivs()- Swap between which is the visible and which is the hidden div
// -------------------------------------------------------------------

pausescroller.prototype.swapdivs=function(){
var tempcontainer=this.visiblediv
this.visiblediv=this.hiddendiv
this.hiddendiv=tempcontainer
}

pausescroller.prototype.getinline=function(div1, div2){
div1.style.top=this.visibledivtop+"px"
div2.style.top=Math.max(div1.parentNode.offsetHeight, div1.offsetHeight)+"px"
}

// -------------------------------------------------------------------
// setmessage()- Populate the hidden div with the next message before it's visible
// -------------------------------------------------------------------

pausescroller.prototype.setmessage=function(){
var scrollerinstance=this
if (this.mouseoverBol==1) //if mouse is currently over scoller, do nothing (pause it)
setTimeout(function(){scrollerinstance.setmessage()}, 100)
else{
var i=this.hiddendivpointer
var ceiling=this.content.length
this.hiddendivpointer=(i+1>ceiling-1)? 0 : i+1
this.hiddendiv.innerHTML=this.content[this.hiddendivpointer]
this.animateup()
}
}

pausescroller.getCSSpadding=function(tickerobj){ //get CSS padding value, if any
if (tickerobj.currentStyle)
return tickerobj.currentStyle["paddingTop"]
else if (window.getComputedStyle) //if DOM2
return window.getComputedStyle(tickerobj, "").getPropertyValue("padding-top")
else
return 0
}

</script>
<script type="text/javascript">

//new pausescroller(name_of_message_array, CSS_ID, CSS_classname, pause_in_miliseconds)

new pausescroller(pausecontent, "pscroller1", "someclass", 3000)
document.write("<br />")

</script>
</center>

كود صور متحركة

<img 
src="رابط الصورة المتحركة" 
onload="NcodeImageResizer.createOn(this);" border="0" 
originalWidth="250" originalHeight="270">

كود شريط الصور المتحرك مع روابط
يمكن التحكم فى طول وعرض الصور بتغيير قيمها يدويا وتغيير إتجاه الشريط بتغيير كلمة up بالكود إلى down أو right أو lift

<center/> <div class="textwidget"><marquee direction="up" width="115" onmouseover="this.stop()" scrollamount="2" onmouseout="this.start()" height="125" align="left"><br /> 
<a href="http://imad-13.blogspot.com/" rel="nofollow"><img border="0" alt="مدونة عماد الرافعي" width="115" src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-frc3/s160x160/1374718_448407485276733_2145347103_a.png" height="115" /></a> <br/> <a href="http://imad-13" rel="nofollow"><img border="0" alt="مدونة عماد الرافعي" width="115" src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-frc3/s160x160/1374718_448407485276733_2145347103_a.png"height="115" /></a> <br/> <a href="ضع الرابط هنا" rel="nofollow"><img border="0" alt="اسم الصورة" width="115" src="رابط الصورة" height="115" /></a> <br/> <a href=" ضع الرابط هنا" rel="nofollow"><img border="0" alt="اسم الصورة" width="115" src=" رابط الصورة"height="115" /></a> <br/> <a href="ضع الرابط هنا" rel="nofollow"><img border="0" alt="اسم الصورةرابط الصورة" height="115" /></a> <br/> <a href="ضع الرابط هنا/search?updated-max=2011-07-26T10%3A47%3A00-07%3A00&max-results=7 " rel="nofollow"><img border="0" alt="اسم الصورة" width="115" src="رابط الصورة "height="115" /></a> " width="115" src=" <p/></p></marquee></div></center>

ثالثاً : أكواد الروابط

كود إضافة رابط

<a href="ضع الرابط هنا">Nom du site</a>

فتح الرابط في نافذة جديدة

<a href="ضع الرابط هنا" target="_blank">Nom du site</a>

فتح الرابط في نفس النافذة

<a href="ضع الرابط هنا" target="_self">Nom du site</a>

لون الرابط

<a style="color:اسم اللون باللغة الانجليزية;" href="رابط الموقع">Nom du site</a>

رابعا:أكواد إسلامية

كود القرآن الكريم :

<center><iframe align="center" allowtransparency="1" frameborder="0" height="334" id="IW_frame_1438" scrolling="no" src="http://www.tvquran.com/add/index.htm" width="302"></iframe></center></div>

شريط الحديث والدعاء

<iframe
 align="center" 
src="http://www.wathakker.net/outdoor-strip-marquee.html" 
frameborder="0" allowtransparency="1" scrolling="no" width="474" 
height="41" vspace="0"></iframe>

خامسا:أكواد إخبارية

أخبار BBC

  <iframe name="I1" marginwidth="1" marginheight="1" height="30" width="90%" scrolling="no" border="0" frameborder="0" src="http://news.bbc.co.uk/hi/arabic/news/ticker.stm"></iframe>

شريط قناة الجزيرة

<iframe frameborder="0" height="50" marginheight="0" marginwidth="0" scrolling="no" src="http://www.faisal1.com/News_Grab/jazeera.php" width="100%"></iframe>

شريط العربية نت

<div width="600"><script src="http://www.alarabiya.net/ara_v_ticker.html"></script></div>

إلى هنا أكون قد أنهيت الشرح إلى اللقاء في موضوع جديد.

دمتم بود.