احمد القيسي للمعلوماتية: المواقع وتطويرها

‏إظهار الرسائل ذات التسميات المواقع وتطويرها. إظهار كافة الرسائل

الأربعاء، 29 أبريل 2015

اكتشاف ثغرة مهمة في منصة تدوين الووردبريس!سارع بمعرفتها

تم اكتشاف ثغرة خطيرة في الوورد بريس من شركة الامن المعلوماتي Klikki Oy وهذه الثغرة يسهل على الهكرز اكتشافها واستغلالها مما يعرض الكثير من المدونات للحذف والخطر بسبب وجود الكثير من المدونات على منصة ووردبريس وهذه الثغرة موجودة في اصدارات ووردبريس التالية:4.2 و 4.1.2 و 4.1.1 و 3.9.3.
وهذه الثغرة تعتمد على الخلل في التعليقات في منصة ووردبريس فمن المعروف ان مدير الموقع يوافق أو يمنع التعليقات وعندما يقوم الهكر بارسال مواد وفايروسات خبيثة وضارة ولا يلاحظ مدير الموقع هذا الأمر فإن هذه البرامج ستقوم بتنفيذ اوامرها وتعليماتها الضارة.
وللعلم تم اكتشاف مثل هذه الثغرة قبل عام تقريباً وتم الابلاغ عنها لكن يبدو ان ووردبريس لم تعطيها اهتماماً,الى ان قامت باصدار تحديثات امنية لذا ان كنت من اصحاب المدونات على منصى وورد بريس ادخل الى الرابط الاتي:https://wordpress.org/news/

Ahmed alqaisi تمّ النشر بـ 8:51 ص أضف تعليق

الأحد، 12 أبريل 2015

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

المواقع وتطويرها شروحات

هذه الاضافة مهمة لكي تجعل متابع الموقع او المدونة يتابعهما على المواقع الاجتماعية كالفيسبوك وتويتر والRSS وغيرهم وكلما كانت هذه الإضافة أجمل كلما لفتت المتابع وجعلته يعجب بالموقع نأتي للشرح.اولاً ادخل الى لوحة تحم بلوجر ثم اختر تخطيط ثم اضافة اداة ثم اختر html/java script ثم انسخ الرابط الموجود في اسفل الدرس وضع روابط صفحاتك على المواقع الاجتماعية في المكان المخصص ثم احفظ وشاهد النتيجة

<div><a href="صفحتك على تويتر" title="تابعنا على تويتر" class="social-link social-twitter"></a><div> <div><a href="صفحتك على الفيسبوك" title="تابعنا على فيس بوك" class="social-link social-facebook"></a></div> <div><a href="صغحتك على فيد برنر" title="التغذية" class="social-link social-rss"></a></div></div></div> <style type="text/css"> .entry-social { height: 40px; padding-top:10px; padding-bottom:10px; } .entry-social > div { float: left; margin-right: 20px; } .entry-social .fb-like span{ vertical-align: top !important; padding-top: 2px; } .fb-like span iframe{ max-width: none; } .sidebar-social > div > div { width:50%; float:left; } .sidebar-social > div > div:nth-child(odd) { width:60% } .sidebar-social > div > div:nth-child(even) { width: 40%; } .sidebar-social > div > div > a > img { float: left; } .sidebar-social > div > div > div { float:left; margin-top:10px; margin-left:12px } .sidebar-social p { clear: both; margin: 0; padding: 10px 0 0; } .social-link { display:block; height: 50px; width: 50px; float: right; -webkit-animation: social .6s steps(12,end) infinite; animation: social .6s steps(12,end) infinite; /*-webkit-animation-play-state: paused; animation-play-state: paused;*/ } .social-twitter { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKu_HriaXe6jqGTgMJXfCD8ndkMEHC6Dhf2M5PWnsDeWt2vWp5x3gANkKUQ4YTxhGrM7tQI0tboUE-T_cyNSgSLG6sxH0vMLEVJaHLj-IFAolZ1QiRz0l3npcsdp5LwEacsP1yolcyxi0/s1600/twitter-sprite.png) } .social-rss { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizRnoDFHkangkwB6pkC3XFQPjBYnHalBvAs_njrFSwikVNcZn_irScJC-IfIHAtxyBJStIZnWPB5QqVrGSpmstMDkn0ZP212JRBe_8GLPy4EFuMytwXMvNX29BUhEUGdbSDMVzpv_n_o8/s1600/rss-sprite.png); -webkit-animation: social-rss .6s steps(9,end) infinite; animation: social-rss .6s steps(9,end) infinite; /*-webkit-animation-play-state: paused; animation-play-state: paused;*/ } .social-facebook { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPbNb-x5meTqaXx7sAsO9B9hVJGhWZtk9ZJcUW0gHbUxyH8QClct0h4u1iL6Wa3GblkRxIbdH-Fqs24B5MM_D65LP3ymoEen0gKkblMXYoHFPNAZ4iHhMkg2YPw7YslyAQE1BCeNfLrPA/s1600/facebook-sprite.png); } @keyframes social { from { background-position: 0 0; } to { background-position: -600px 0; } } @-webkit-keyframes social { from { social-position: 0 0; } to { background-position: -600px 0; } } @keyframes social-rss { from { background-position: 0 0; } to { background-position: -450px 0; } } @-webkit-keyframes social-rss { from { social-position: 0 0; } to { background-position: -450px 0; } } </style>

Ahmed alqaisi تمّ النشر بـ 9:17 ص أضف تعليق

إضافة صندوق الإعجاب بصفحة الفيسبوك الى بلوجر

الفيسبوك المواقع وتطويرها شروحات

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

ثم نختار تخطيط

ثم نختار اضافة أداة

ثم نختار html/java script ثم تقوم بوضع الكود الموجود في نهاية الدرس ولصقه في الاداة وتغيير رابط صفحتي برابط صفحتك على الفيسبوك

Ahmed alqaisi تمّ النشر بـ 7:20 ص أضف تعليق

الخميس، 26 مارس 2015

إضافة ازرار المواقع الاجتماعية الخشبية الى بلوجر

المواقع وتطويرها شروحات

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

ثم اضافة اداة

ثم نختار HTML/JAFA SCRIPT

ثم تأخذ الكود الموجود في الأسفل وتضعه في الأداة وتحفظ الترتيب

<style type="text/css">
#hor {
list-style:none;
padding:0;
margin:0;
}

#hor li {
float:left;
padding:5px;
}

#hor a {
display:block;
height: 12px;
text-indent:-999em;
}

#hor a.home {
width:46px;
background:url(vhome.gif
) no-repeat 0 0;
}

#hor a.download {
width:94px;
background:url(vDownload.gif) no-repeat 0 0;
}

#hor a.contact {
width:74px;
background:url(vContact.gif) no-repeat 0 0;
}


/* CSS Style for Vertical Menu */

#ver {
list-style:none;
padding:0;
margin:0;
}

#ver li {
padding:2px;
}

#ver li a {
display:block;
height:12px;
text-indent:-999em;
}

#ver a.home {
width:47px;
background:url(hHome.gif) no-repeat 0 0;
}

#ver a.download {
width:95px;
background:url(hDownload.gif) no-repeat 0 0;
}

#ver a.contact {
width:74px;
background:url(hContact.gif) no-repeat 0 0;
}


.clear {
clear:both;
}


*{
/* A universal CSS reset */
margin:0;
padding:0;
}


#navigationMenu body{
font-size:14px;
color:#666;
background:#111 no-repeat;


/* CSS3 Radial Gradients */
background-image:-moz-radial-gradient(center -100px 45deg, circle farthest-corner, #444 150px, #111 300px);
background-image:-webkit-gradient(radial, 50% 0, 150, 50% 0, 300, from(#444), to(#111));

font-family:Arial, Helvetica, sans-serif;
}

#navigationMenu li{
list-style:none;
height:39px;
padding:2px;
width:40px;
}

#navigationMenu span{
/* Container properties */
width:0;
left:38px;
padding:0;
position:absolute;
overflow:hidden;

/* Text properties */
font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
letter-spacing:0.6px;
white-space:nowrap;
line-height:39px;

/* CSS3 Transition: */
-webkit-transition: 0.25s;

/* Future proofing (these do not work yet): */
-moz-transition: 0.25s;
transition: 0.25s;
}

#navigationMenu a{
background:url('https://lh5.googleusercontent.com/-JUTjfoEynb0/UK0kCV2GfrI/AAAAAAAAEAY/ovkZlVCDcdY/s190/woody%2520icons.png') no-repeat;

height:39px;
width:38px;
display:block;
position:relative;
}

/* General hover styles */

#navigationMenu a:hover span{ width:auto; padding:0 20px;overflow:visible; }
#navigationMenu a:hover{
text-decoration:none;

/* CSS outer glow with the box-shadow property */
-moz-box-shadow:0 0 0px #FFFFFF;
-webkit-box-shadow:0 0 0px #FFFFFF;
box-shadow:0 0 0px #FFFFFF;
}

/* Green Button */

#navigationMenu .home { background-position:0 0;}
#navigationMenu .home:hover { background-position:0 0;}
#navigationMenu .home span{
background-color:#A15203;
border-radius: 10px;
color:#540000;
text-shadow:1px 1px 0 #44a8d0;
}


/* Blue Button */

#navigationMenu .about { background-position:-38px 0;}
#navigationMenu .about:hover { background-position:-38px -39px;}
#navigationMenu .about span{
background-color:#A15203;
border-radius: 10px;
color:#540000;
text-shadow:1px 1px 0 #44a8d0;
}

/* Orange Button */

#navigationMenu .services { background-position:-76px 0;}
#navigationMenu .services:hover { background-position:-76px -39px;}
#navigationMenu .services span{
background-color:#A15203;
border-radius: 10px;
color:#540000;
text-shadow:1px 1px 0 #44a8d0;
}


/* Yellow Button */

#navigationMenu .portfolio { background-position:-114px 0;}
#navigationMenu .portfolio:hover{ background-position:-114px -39px;}
#navigationMenu .portfolio span{
background-color:#A15203;
border-radius: 10px;
color:#540000;
text-shadow:1px 1px 0 #44a8d0;
}


/* Purple Button */

#navigationMenu .contact { background-position:-152px 0;}
#navigationMenu .contact:hover { background-position:-152px -39px;}
#navigationMenu .contact span{
background-color:#A15203;
border-radius: 10px;
color:#540000;
text-shadow:1px 1px 0 #44a8d0;
}


</style>

<div style='position: fixed; top: 40%; left: 2%;'/>
<ul id="navigationMenu">
<li>
<a class="Home" href="http://www.ahmedalqaisi.blogspot.com/">
<span>الفيس بوك</span>
</a>
</li>

<li>

<a class="about" href="http://www.ahmedalqaisi.blogspot.com/">
<span>تويتر</span>
</a>
</li>

<li>
<a class="services" href="http://www.ahmedalqaisi.blogspot.com/">
<span>الخلاصة</span>
</a>

</li>

<li>
<a class="portfolio" href="http://www.ahmedalqaisi.blogspot.com/">
<span>يوتيوب</span>
</a>
</li>

<li>
<a class="contact" href="http://www.ahmedalqaisi.blogspot.com/">

<span>إتصل بنا</span>
</a>
</li>
</ul>
</div><a href="http://www.ahmedalqaisi.blogspot.com/" target="_blank"><small>Get The Fixed Menu Gadget</small></a>

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

Ahmed alqaisi تمّ النشر بـ 5:05 ص أضف تعليق

الأربعاء، 29 أبريل 2015

اكتشاف ثغرة مهمة في منصة تدوين الووردبريس!سارع بمعرفتها

الأحد، 12 أبريل 2015

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

إضافة صندوق الإعجاب بصفحة الفيسبوك الى بلوجر

الخميس، 26 مارس 2015

إضافة ازرار المواقع الاجتماعية الخشبية الى بلوجر

تابعنا على

انضم الى صفحتنا التقنية على الفيسبوك

إشترك بالقائمة البريدية

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

أحدث المواضيع

الأكثر قراءة

اتصل بنا