مرحبا بك أيها الزائر الكريم ..

جولة ممتعة في الموقع !!

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

Showing posts with label بلوجر. Show all posts
Showing posts with label بلوجر. Show all posts

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

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



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


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

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

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

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

الشكل الأول :


الكود :

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


الكود :


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


الكود :

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


الكود : 


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


الكود :


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


الكود : 


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

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

دمتم بود .

عن التدوينة :
عن المدون
أنا عماد الرافعي من المغرب .. هدف المدونة هو نشر المعرفة بعيدا عن الربح
للتواصل معي :
- - -
إقرأ المزيد.. bloggeradsenseo

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

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



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

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



الأكواد .. 

الكود الأول :
#ar-tech {
display: none;
}

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

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


.ar-tech {
display: none;
}
غير ar-tech إلى الكلمة المحصل عليها من الأداة ..


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

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

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



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

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

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

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


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

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



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

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

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

دمتم بود ..
عن التدوينة :
عن المدون
أنا عماد الرافعي من المغرب .. هدف المدونة هو نشر المعرفة بعيدا عن الربح
للتواصل معي :
- - -
إقرأ المزيد.. bloggeradsenseo

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

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


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

من بلوجر ==> قالب ==> تحرير 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>

ثم ضع بعده :

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

دمتم بود.
عن التدوينة :
عن المدون
أنا عماد الرافعي من المغرب .. هدف المدونة هو نشر المعرفة بعيدا عن الربح
للتواصل معي :
- - -
إقرأ المزيد.. bloggeradsenseo

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

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




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

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


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

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

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

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


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

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

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


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

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

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

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


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

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

دمتم بود.
عن التدوينة :
عن المدون
أنا عماد الرافعي من المغرب .. هدف المدونة هو نشر المعرفة بعيدا عن الربح
للتواصل معي :
- - -
إقرأ المزيد.. bloggeradsenseo

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

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



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

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

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

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



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

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

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

و إلى هنا أكون قد انهيت الشرح .. إلى اللقاء في درس جديد بإذن الله .. 
دمتم بود.
عن التدوينة :
عن المدون
أنا عماد الرافعي من المغرب .. هدف المدونة هو نشر المعرفة بعيدا عن الربح
للتواصل معي :
- - -
إقرأ المزيد.. bloggeradsenseo

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

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

لا يخفى على أحد أهمية مظهر المدونة في كسب الزوار و جذبهم .. اليوم معنا إضافة جديدة و هي عبارة عن قائمة أفقية رائعة بتقنية 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="مدونة عماد الرافعي">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhZ0jI1m2sp6h68tiC3UzzkDYvN3tQC92X239TAhlzFMR1tmLEr-vDBYR6obsmjDUgKdjoOrwxBeRUQxh6xUjj3e6Z9uQ47kraHjMry_fvz6aRK2DZKOOkwdbU7l68se8N5cHt12y-5dDA/s1600/picasion.com_d5af0346ee8f5cd3f88a33fef5ea6b13.gif" border="0" alt="مدونة عماد الرافعي" style="position:absolute; top: 0px; right: 0px;" /></a>
<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 إلى روابط التقسيمات.
و غير ؟؟؟؟؟؟؟ إلى أسماء الصور لتضمينها في محركات البحث .

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

دمتم بود .



عن التدوينة :
عن المدون
أنا عماد الرافعي من المغرب .. هدف المدونة هو نشر المعرفة بعيدا عن الربح
للتواصل معي :
- - -
إقرأ المزيد.. bloggeradsenseo

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

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

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



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

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

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

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


الملفات :

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


إلى اللقاء في درس جديد بإذن الله ..
دمتم بود .
عن التدوينة :
عن المدون
أنا عماد الرافعي من المغرب .. هدف المدونة هو نشر المعرفة بعيدا عن الربح
للتواصل معي :
- - -
إقرأ المزيد.. bloggeradsenseo

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

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


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

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


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



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




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


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


 
<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>
أتمنى أنكم استفدتم من الشرح .. أي غموض حول أي موضوع اطرحه في تعليق ..
دمتم بود.
عن التدوينة :
عن المدون
أنا عماد الرافعي من المغرب .. هدف المدونة هو نشر المعرفة بعيدا عن الربح
للتواصل معي :
- - -
إقرأ المزيد.. bloggeradsenseo

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

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

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

فوائد التبادل الإعلاني.
  • كسب روابط خارجية وبالتالي رفع ترتيبك في محركات البحث وعلي رأسها جوجل .
  • كسب زوار المدونة التي تتبادل معها.
لن تحصل علي هذة الفؤائد إلا بشروط  :
لتكسب رتبة في محركات البحث عليك بالتبادل مع مدونات ذات ترتيب عالي في محركات البحث, يفضل مثلاً التبادل مع مدونة ذات ترتيب 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyNksMTa-qmIKTOo0e0XDzZKhMdUxTRGqa0C0eYo0C7CIhash8imRSe0M5-SuMLGpStHuVXSgtR43OwBCcbOixqtNgA4_GE7cpQ5pFCHPO2V820jzMmt4VpZtX8Iqke3_H9b-YVHCnx9NF/s1600/%5Bgickr.com%5D_74a88683-8b58-a7a4-613d-902ad97a9a40.gif
" original="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyNksMTa-qmIKTOo0e0XDzZKhMdUxTRGqa0C0eYo0C7CIhash8imRSe0M5-SuMLGpStHuVXSgtR43OwBCcbOixqtNgA4_GE7cpQ5pFCHPO2V820jzMmt4VpZtX8Iqke3_H9b-YVHCnx9NF/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 التالي :

 إلى اللقاء في درس و إضافات جديدة بإذن الله.
دمتم بود.
عن التدوينة :
عن المدون
أنا عماد الرافعي من المغرب .. هدف المدونة هو نشر المعرفة بعيدا عن الربح
للتواصل معي :
- - -
إقرأ المزيد.. bloggeradsenseo

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

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

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

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

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

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



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

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

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

و إلى هنا أكون قد انهيت الشرح, إلى اللقاء في درس جديد و حصري.
دمتم بود.
عن التدوينة :
عن المدون
أنا عماد الرافعي من المغرب .. هدف المدونة هو نشر المعرفة بعيدا عن الربح
للتواصل معي :
- - -
إقرأ المزيد.. bloggeradsenseo

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

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

أحبتي في الله هذه مجموعة كبيرة و جد هامة من أكواد 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>

إلى هنا أكون قد أنهيت الشرح إلى اللقاء في موضوع جديد.
دمتم بود.
عن التدوينة :
عن المدون
أنا عماد الرافعي من المغرب .. هدف المدونة هو نشر المعرفة بعيدا عن الربح
للتواصل معي :
- - -
إقرأ المزيد.. bloggeradsenseo
جدنا على الفيسبوك
‎الموسوعة العربية‎
ترتيب الموقع عالميا
جدنا على المواقع الإجتماعية