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

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

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

أكمل القراءة »

إضافة تاثير تعدد الألوان للينكات فى مدونتك



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

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

</head>
وأضف قبل الكود مباشرة هذا الكود 
<script type='text/javascript'>

//<![CDATA[

var rate = 20;

if (document.getElementById)
window.onerror=new Function("return true")

var objActive; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID

if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}

function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}


function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}


function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}

if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}


function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}


function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}

if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}


function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}


function ChangeColor()
{
objActive.style.color = makeColor();
}


function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?

// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;

if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}

elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;

elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;

return '#' + elmR + elmG + elmB;
}

//]]>

</script>

هذا هو الكود المخصص فى سرعة تحول اللون 
 
var rate = 15 ;  


فى رعاية الله 

أكمل القراءة »

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


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

تركيب الإضافة 
لوحة تحكم بلوجر - التخطيط - إضافة اداة جافاسكريبت 
وضع بها الكود التالى
 <style type="text/css">
    ul.w2b_recent_comments{list-style: none;margin: 0;padding: 0;}
    .w2b_recent_comments li{margin: 5px!important;padding: 5px!important;display: block;clear: both;overflow: hidden;list-style: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.w2b_recent_comments li:hover{background: #CCCCCC!important;border:1px #999999;margin: 5px!important;padding: 5px!important;display: block;clear: both;overflow: hidden;list-style: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
    .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;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 6,
 showAvatar  = true,
 avatarSize  = 60,
 roundAvatar = true,
 characters  = 60,
 showMorelink = false,
 moreLinktext = "للمزيد",
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://widgets.way2blogging.org/blogger-widgets/w2b-recent-comments-gravatar.js"></script>
<script type="text/javascript" src="http://mdwanblog.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

مع تغيير اللون الأحمر برابط مدونتك

والسلام عليكم ورحمة الله وبركاتة
أكمل القراءة »

فهرس دروس دورة مدونة مدون للمبتدئين



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

فهرس الدروس

  1. شرح نظرة عامة على مدونتك ومعرفة الإحصائيات 
  2. شرح المشاركات والتحكم بها
  3. الصفحات وإنشاء صفحة جديدة
  4. شرح كامل عن التخطيط وإضافة ادوات جديدة لمدونتك
  5. شرح التحرير على الشكل الجديد لقالب مدونتك
  6. شرح التحكم بإعدادات مدونتك باكامل
  7. كيفية رفع ترتيب مدونتك لمحركات البحث
  8. البيج رانك ودورة فى رفع ترتيبك وشرح كامل عنه
  9. الإختيار المناسب للكلمات الدلالية
  10. شرح بالتفصيل عن الميتا تاج


أكمل القراءة »

خلفيات لنجوم كرة القدم بجوة عالية بمساحة 13ميجا فقط على أكثر من سرفر

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

دلوفتى بقى مع تحميل الملف 












أكمل القراءة »
يتم التشغيل بواسطة Blogger.