السبت، 25 أكتوبر، 2014

حل مشكلة ظهور صفحة المدونة 404. That’s an error لم يتم العثور على هذا الخادم

الكثير من مستخدمى مدونات بلوجر يوجهون مشكلة كبيرة وهى عدم فتح صفحة المدونة للزوار وتظهر لهم رسالة على النحو التالى :
404. That’s an error.
The requested URL / was not found on this server. That’s all we know.
هذه الرسالة تظهر للزوار عندما يضعون اسم المدونة بدون WWW وطبعا هذه مشكلة كبيرة لأن فى اعتقاد الزوار بأن المدونة لا تعمل او تم اغلاقها .
المشكلة هى فى اعادة توجيهة المدونة من بدون WWW الى WWW اعتقد هذه نقطة مهمة ويغفل عنها اصحاب المدونات ويعلمون بأن المدونة تعمل بشكل صحيح وهذا اكبر اخطاء والسبب كما زكرت عدم توجيهة رابط المدونة بشكل صحيح بمعنى عندما يأتى شخص ويكتب موقع كينج نت بهذا الشكل kingnt.com فأن الموقع لا يعمل ويظهر لة هذه الرسالة فيجب عمل اعادة توجيهة الرابط الى WWW فبتالى سيتم تحويل موقع كينج نت الى هذا الشكل www.kingnt.com اعتقد بأن هذا المثال اوضح كثيرا مضمون هذا الدرس الهام والذى يغفل عنة الجميع ارجو الاهتمام بهذه النقطة الهامة واتباع هذه الخطوات البسيطة لحل هذه المشكلة ولعدم خسارة الزوار .

صورة موضحة لهذه المشكلة :
كما تلاحظون من الصورة السابقة توضح لنا ذلك اذا نظرتم الى هذه الصورة جيدا ستلاحظون رابط الموقع مكتوب هكذا kingnt.com المحدد باللون الاصفر فعند الذهاب الى الموقع سنلاحظ هذه الرسالة المزعجة وكما تلاحظونها بالصورة .
حل هذه المشكلة اتبع التالى :
بالبداية اذهب الى لوحة تحكم المدونة ومنها اضغط على اعدادات
ومن خلال النشر اضغط على كلمة تحرير كما واضح لنا بالصورة 
ماذا تفعل الأن ؟
فقط قم بوضع علامة لتفعيل خاصية اعادة التوجيهة 
مثل ما قمت بموقعى :
إعادة توجيه kingnt.com إلى www.kingnt.com.
بالاخير اضغط على زر حفظ  وانتهت المشكلة .
ارجو بأن هذا الدرس البسيط افادكم وانتظرونى بدرس اخر جديد 
(( لا خير فى كاتم العلم ))

الجمعة، 17 أكتوبر، 2014

كتابة اسمك بأشكال ايقونات الشبكات الأجتماعية والمواقع Write your name icons

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




      اسم الموقع :      
iconscrabble
     رابط الموقع :      
     شرح الموقع :     
عند الدخول الى الموقع فقط ضع الاسم الذى تريدة 
وبالنهاية اضغط على زر Scrabble
صورة موضحة :
الان ستجد الاسم الذى وضعتة بأحرف الايقونات الاجتماعية 
من خلال الصورة التالية يمكنك حفظ الصورة بأى طريقة تريدها :
اذا كانت ايقونة الحفظ المرقة برقم 1 لا تعمل 
استخدم الطريقة الثانية من خلال رابط Stats for
وهذا الشكل النهائى بعد تطبيق هذا الدرس البسيط :
اعتقد بأن الفكرة جميلة وممكن تكون مفيدة لأصحاب المواقع للذيين يريدون وضع لوجو للموقع وغيرها من الاستخدامات الاخرى كالتوقيع .
ارجو بأن هذا الدرس اعجبكم وانتظرونى بتدوينة اخرى مفيدة من موقع كينج نت .
(( لا خير فى كاتم العلم ))


كيفية تحويل الصورة الى صورة متحركة بدون برامج how to create gif animation

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







       اسم الموقع :       
loogix
      رابط الموقع :        
      شرح الموقع  :     
بعد فتح الموقع قم بأختيار الحركة الذى تريدها بالضغط عليها فقط كما تلاحظون بالصورة التالية :
بعد اختيار الحركة المناسبة ستنقلك الى صفحة اخرى قم بعمل التالى :
1- اختيار الصورة من جهازك الذى تريد تحريكها من Select File
2- اختار المساحة الذى تريدها من Select Size .
3- الضغط على زر Generate Animation .
كما ظاهر لنا بالصورة التالية :
الان تم تحريك الصورة المختارة ولكن ستجد اسم الموقع على الصورة فماذا تفعل ؟
قم بالضغط على رابط Remove LOGO سيتم ازالة اسم الموقع من الصورة .
وعند حفظ الصورة بجهازك قم بالضغط على رابط Save To Disk .
صورة موضحة لذلك :
وهذه الصورة توضح لتطبيق الدرس :
طبعا ستجد اشكال كثيرة ومميزات اخرى ستكتشفها بنفسك 
بالنهاية ارجو بأن هذا الدرس البسيط اعجبكم وانتظرونى بتدوينة اخرى جديدة 
(( لا خير فى كاتم العلم ))

خدمة لاستخراج النص من أي صورة service to extract text from any image

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






     اسم الموقع :      
free-ocr
    رابط الموقع :     
   مميزات الموقع :   
نسخ النصوص من الصور بعدد لا نهائى 
نسخ الصور بأمتداد JPG, GIF, TIFF BMP or PDF
مجانى ولا يحتاج الى تسجيل
    عيوب الموقع :    
لا يدعم اللغة العربية 
    شرح الموقع :     
1- اختيار الملف من جهاز .
2- ادخال رمز كلمة التحقق .
3- الضغط على زر Send file .

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

الجمعة، 10 أكتوبر، 2014

حل مشكلة ظهور رسالة The application failed to initialize properly

ظهور رسالة The application failed to initialize properly (0xc0000135). Click on OK to terminate the application. المزعجة تظهر دائما لمستخدمى ويندوز xp فمن خلال سلسلة حل مشاكل الكمبيوتر والأنترنت سنتعرف سويا على حل هذه المشكلة .
هذه الرسالة تظهر دائما عندما يحاول المستخدم فتح برنامج بعد التثبيت مباشرة رغم ان البرنامج تم تثبيتة بدون مشاكل ولكن عند فتحه للأسف تظهر هذه الرسالة المزعجة السبب فى ظهور هذه الرسالة بأن نظام الويندوز نفسة غير مكتمل بمعنى لا يوجد بالنظام برنامج Windows Installer فهو احد مكونات نظام التشغيل الذى يعمل على تثبيت البرامج وازالتها وصيانتها بدون اى مشاكل فنجد بعض الشركات المصنعة للبرامج تصنع منتاجتها ليتوافق مع برنامج Windows Installer حتى يتم تثبيت البرامج وتشغيلها وازالتها وصيانتها .


صورة موضحة لشكل ظهور الرسالة المزعجة :


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

      ملحوظتى بعد الخبرة الطويلة فى هذا المجال وتكرار ظهور المشكلات :      
هذه الرسالة تظهر دائما مع البرامج ذات الاصدارات الحديثة وليس الكل ولكن بعض الشركات لان يوجد برامج ذات اصدارات قديمة لا تظهر معاها هذه الرسالة فهذا اكبر دليل على ان الشركات المصنعة للبرامج تصنع البرنامج الذى يتوافق مع برنامج Windows Installer احد المكونات الاساسية بالنظام واحد المعايير القياسية فى التثبيت ليعمل مع النظام حتى يتم تثبيتة وازالتة وتشغيلة كما زكرنا .
ملحوظة هامة :    نجد بعض الأشخاص يعطى لصاحب المشكلة بحل مؤقت وليس حل كلى وهو : تثبيت برنامج NET Framework للاسف هذا ليس حل لان من الممكن هذا الشخص يقوم بتحميل برنامج NET Framework ويقوم بتبيته ولكن للاسف يظهر لة مشكلة كبيرة وهى عدم تثبيت برنامج NET Framework ويحاول تكرار ومرار لتثبيت برنامج NET Framework فينزعج المستخدم ويتجه الى حلول اخرى عن طريق البحث ليجد الحل المطلوب .
هل هذا الشخص الذى لدية المشكلة مثبت بالفعل برنامج Windows Installer ؟
اعتقد وبنسبة كبيرة بأن النظام لدية غير مثبت بة Windows Installer فيجب تحميلة وتثبيتة على النظام اولا ثم بعد ذلك تثبيت برنامج NET Framework  مثل الشخص الذى يصعد الى الدورالثالث فأستحالة ان يصعد هذا الدور دون ان يصعد الدور الاول والثانى فابرنامج NET Framework احدالبرامج الذى تساعد على تشغيل البرامج وتطويرها وبالأخص برامج الجيل الجديد فابرنامج NET Framework لن يعمل ولن ينجح بدون برنامج Windows Installer احد الحزمة المثبتة بالنظام .

               خلاصة المقالة :             

تحميل Windows Installer وتثبيتة اولا 


ثم تحميل NET Framework وتبيتة بعد Windows Installer


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

اضافة فهرس تلقائى خريطة الموقع Sitemap اخف واسرع ارشفة

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




صورة توضح لشكل الخريطة او الفهرس بعد التركيب : 


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

                كيفية التركيب للمدونة                    

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


فى هذه المرة لا نستخدم خاصية التاليف بل سنقوم بالضغط على خاصية Html كما واضح لنا بالصورة التالية :


قم بمسح ما بداخلة وضع هذا الكود :
<script type='text/javascript'>
//<![CDATA[
var postTitle=new Array();var postUrl=new Array();var postMp3=new Array();var postDate=new Array();var postLabels=new Array();var postBaru=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;function loadtoc(a){function b(){if("entry"in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var n=a.feed.entry[h];var e=n.title.$t;var m=n.published.$t.substring(0,10);var j;for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="alternate"){j=n.link[g].href;break}}var o="";for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="enclosure"){o=n.link[g].href;break}}var c="";if("category"in n){for(var g=0;g<n.category.length;g++){c=n.category[g].term;var f=c.lastIndexOf(";");if(f!=-1){c=c.substring(0,f)}postLabels[ii]=c;postTitle[ii]=e;postDate[ii]=m;postUrl[ii]=j;postMp3[ii]=o;if(h<10){postBaru[ii]=true}else{postBaru[ii]=false}ii=ii+1}}}}}b();sortBy="titleasc";sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();document.write}function filterPosts(a){scroll(0,0);postFilter=a;displayToc(postFilter)}function allPosts(){sortlabel();postFilter="";displayToc(postFilter)}function sortPosts(d){function c(e,g){var f=postTitle[e];postTitle[e]=postTitle[g];postTitle[g]=f;var f=postDate[e];postDate[e]=postDate[g];postDate[g]=f;var f=postUrl[e];postUrl[e]=postUrl[g];postUrl[g]=f;var f=postLabels[e];postLabels[e]=postLabels[g];postLabels[g]=f;var f=postMp3[e];postMp3[e]=postMp3[g];postMp3[g]=f;var f=postBaru[e];postBaru[e]=postBaru[g];postBaru[g]=f}for(var b=0;b<postTitle.length-1;b++){for(var a=b+1;a<postTitle.length;a++){if(d=="titleasc"){if(postTitle[b]>postTitle[a]){c(b,a)}}if(d=="titledesc"){if(postTitle[b]<postTitle[a]){c(b,a)}}if(d=="dateoldest"){if(postDate[b]>postDate[a]){c(b,a)}}if(d=="datenewest"){if(postDate[b]<postDate[a]){c(b,a)}}if(d=="orderlabel"){if(postLabels[b]>postLabels[a]){c(b,a)}}}}}function sortlabel(){sortBy="orderlabel";sortPosts(sortBy);var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];firsti=a;do{a=a+1}while(postLabels[a]==temp1);b=a;sortPosts2(firsti,a);if(b>postTitle.length){break}}}function sortPosts2(d,c){function e(f,h){var g=postTitle[f];postTitle[f]=postTitle[h];postTitle[h]=g;var g=postDate[f];postDate[f]=postDate[h];postDate[h]=g;var g=postUrl[f];postUrl[f]=postUrl[h];postUrl[h]=g;var g=postLabels[f];postLabels[f]=postLabels[h];postLabels[h]=g;var g=postMp3[f];postMp3[f]=postMp3[h];postMp3[h]=g;var g=postBaru[f];postBaru[f]=postBaru[h];postBaru[h]=g}for(var b=d;b<c-1;b++){for(var a=b+1;a<c;a++){if(postTitle[b]>postTitle[a]){e(b,a)}}}}function displayToc(a){var l=0;var h="";var e="Judul Artikel";var m="Klik untuk sortir berdasarkan judul";var d="Tanggal";var k="Klik untuk Sortir bedasarkan tanggal";var c="Kategori";var j="";if(sortBy=="titleasc"){m+=" (descending)";k+=" (newest first)"}if(sortBy=="titledesc"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="dateoldest"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="datenewest"){m+=" (ascending)";k+=" (oldest first)"}if(postFilter!=""){j="Klik untuk menampilkan semua"}h+="<table>";h+="<tr>";h+='<td class="toc-header-col1">';h+='<a href="javascript:toggleTitleSort();" title="'+m+'">'+e+"</a>";h+="</td>";h+='<td class="toc-header-col2">';h+='<a href="javascript:toggleDateSort();" title="'+k+'">'+d+"</a>";h+="</td>";h+='<td class="toc-header-col3">';h+='<a href="javascript:allPosts();" title="'+j+'">'+c+"</a>";h+="</td>";h+='<td class="toc-header-col4">';h+="Download MP3";h+="</td>";h+="</tr>";for(var g=0;g<postTitle.length;g++){if(a==""){h+='<tr><td class="toc-entry-col1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="toc-entry-col2">'+postDate[g]+'</td><td class="toc-entry-col3">'+postLabels[g]+'</td><td class="toc-entry-col4"><a href="'+postMp3[g]+'">Download</a></td></tr>';l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+='<tr><td class="toc-entry-col1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="toc-entry-col2">'+postDate[g]+'</td><td class="toc-entry-col3">'+postLabels[g]+'</td><td class="toc-entry-col4"><a href="'+postMp3[g]+'">Download</a></td></tr>';l++}}}h+="</table>";if(l==postTitle.length){var f='<span class="toc-note">Menampilkan Semua '+postTitle.length+" Artikel<br/></span>"}else{var f='<span class="toc-note">Menampilkan '+l+" artikel dengan kategori '";f+=postFilter+"' dari "+postTitle.length+" Total Artikel<br/></span>"}var b=document.getElementById("toc");b.innerHTML=f+h}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];document.write("<p/>");document.write('<p><a href="/search/label/'+temp1+'">'+temp1+"</a></p><ol>");firsti=a;do{document.write("<li>");document.write('<a href="'+postUrl[a]+'">'+postTitle[a]+"</a>");if(postBaru[a]==true){document.write(' - <strong><em><span style="color: rgb(255, 0, 0);">New !!</span> </em></strong>')}document.write("</li>");a=a+1}while(postLabels[a]==temp1);b=a;document.write("</ol>");sortPosts2(firsti,a);if(b>postTitle.length){break}}}function toggleTitleSort(){if(sortBy=="titleasc"){sortBy="titledesc"}else{sortBy="titleasc"}sortPosts(sortBy);displayToc(postFilter)}function toggleDateSort(){if(sortBy=="datenewest"){sortBy="dateoldest"}else{sortBy="datenewest"}sortPosts(sortBy);displayToc(postFilter)}function showToc(){if(tocLoaded){displayToc(postFilter);var a=document.getElementById("toclink")}else{alert("Just wait... TOC is loading")}}function hideToc(){var a=document.getElementById("toc");a.innerHTML="";var b=document.getElementById("toclink");b.innerHTML='<a href="#" onclick="scroll(0,0); showToc(); Effect.toggle(\'toc-result\',\'blind\');">?? Menampilkan Daftar Isi</a> <img src="http://radiorodja.googlepages.com/new_1.gif"/>'}function looptemp2(){for(var a=0;a<numberfeed;a++){document.write("<br>");document.write('Post Link             : <a href="'+postUrl[a]+'">'+postTitle[a]+"</a><br>");document.write('Download mp3  : <a href="'+postMp3[a]+'">'+postTitle[a]+"</a><br>");document.write("<br>")}};
//]]>
</script>
<script src="http://www.kingnt.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
قم بتغيير رابط موقعى المحدد باللون الأصفر وضع رابط موقعك بدلا منه وبالاخير اضغط على زر نشر .
ارجو بأن هذا الدرس افاد الجميع ولالأخص بمن يريد او يبحث عن هذه الخاصية المهمة .
بالاخير لن اقول سوى كلمة (( لا خير فى كاتم العلم ))

الخميس، 9 أكتوبر، 2014

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

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






شرح اضافة اخر المواضيع  add Recent Post
اذهب لوحة التحكم ثم الى التخطيط وقم بأضافة اداء جديدة واختار HTML/Java Script
ضع هذا الكود بداخلة :
<table border="0" cellpadding="2" cellspacing="6" width="265" bgcolor="#fff"><tbody>
<tr>
<td>
<center>
<a rel="nofollow" title="اضف اعلانك" href="http://www.kingnt.com">
<img border="0" alt="اضف اعلانك" width="125" src="https://lh6.googleusercontent.com/-7EjuCq3poJ0/VDbvNnr5EgI/AAAAAAAACss/1rtmnxdj7i0/h120/alan.gif" height="125"/></a>
</center>
</td>
<td>
<center>
<a rel="nofollow" title="اضف اعلانك" href="http://www.kingnt.com">
<img border="0" alt="اضف اعلانك" width="125" src="https://lh6.googleusercontent.com/-7EjuCq3poJ0/VDbvNnr5EgI/AAAAAAAACss/1rtmnxdj7i0/h120/alan.gif" height="125"/></a>
</center>
</td>
</tr>
<tr>
<td>
<center>
<a rel="nofollow" title="اضف اعلانك" href="http://www.kingnt.com">
<img border="0" alt="اضف اعلانك" width="125" src="https://lh6.googleusercontent.com/-7EjuCq3poJ0/VDbvNnr5EgI/AAAAAAAACss/1rtmnxdj7i0/h120/alan.gif" height="125"/></a>
</center>
</td>
<td>
<center>
<a rel="nofollow" title="اضف اعلانك" href="http://www.kingnt.com">
<img border="0" alt="اضف اعلانك" width="125" src="https://lh6.googleusercontent.com/-7EjuCq3poJ0/VDbvNnr5EgI/AAAAAAAACss/1rtmnxdj7i0/h120/alan.gif" height="125"/></a>
</center>
</td>
</tr>
</tbody>
</table>
قبل حفظ التغيرات قم بعمل هذه التعديلات :
1- الكود المحدد باللون الاحمر خاص بصورة البنر 
2- الكود المحدد باللون الاصفر خاص برابط المعلن
بالخير اضغط على حفظ 
وهذا مثال بسيط :


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

الاثنين، 6 أكتوبر، 2014

موقع Converticon يحول الصور PNG, GIF, JPEG الى ايقونات ICO


بالصدفة وانا ببحث عن ايقونات عالية الجودة ظهر لى موقع بسيط يقدم لنا خدمة ممتازة من خدمات المواقع وهى تحويل الصور ذات امتداد PNG, GIF, JPEG الى ايقونات ICO  .
الموقع يقوم بالتحويل بأسرع وقت ممكن وايضا عندما تحفظ الأيقونات فأن الحفظ يتم باسرع وقت عكس المواقع الأخرى البطيئة فالموقع يستحق التجربة ويستحق حفظة بالمفضلة فمن الممكن تحتاجة فيما بعد .






شرح استخدام الموقع :

بالبداية قم بالضغط على هذا الرابط :
فعند الدخول ستجد هذه النافذه فقط اضغط على زر Get Started كما واضح لنا 


الان سيتم فتح نافذه لأختيار الصورة من جهازك المراد تحويلها 


كما تلاحظون من خلال الصورة التالية تم تحميل الصورة المراد تحويلها الى ايقونة :
1- هذا الزر Export يعنى الانتقال الى الأعدادات .
2- هذا الزر Browse يعنى تحميل صورة .
بعد الضغط على زر Export ستنقلنا الى الاعدادات كما ظاهر لنا بالصورة التالية :


فمن خلال الصورة السابقة ستجد الاعدادات كما واضج فيمكنك اختيار الحجم المناسب الذى تريدة وبالاخير اضغط على زر Save As كما واضح لنا 
وهذا مثال بسيط بغد تحويل الصورة الى ايقونة :


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

الأحد، 5 أكتوبر، 2014

اشكال متنوعة من فقرة الأقتباس blockquote صندوق الأقتباس المجموعة الأولى

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




قبل ان اضع الأشكال البسيطة فيجب نعلم كيفية التركيب :
قبل اضافة اى اكواد يجب اخذ نسخة احتياطية قبل وضع اى اكواد ومن هنا درس بسيط يعلمك طريقة اخذ نسخة احتياطية الان ناتى الى الطريقة فى البداية ادخل الى لوحة تحكم مدونتك ومن بعدها اضغط على القالب الأن اضغط على تحرير HTML
الأن قم بالبحث عن هذا الكود :
]]></b:skin>
ضع قبلة مباشرة اى من الاكواد التالية :

                                 الشكل الاول                               
الكود :
blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #CC0000; background-color: #FFBFBF; } blockquote p { margin: 0; }
لمن يرغب فى تغير الوان الشكل الاول :
1- الكود المحدد باللون الاحمر خاص بالون الخط الجانبى .
2- الكود المحدد باللون الأصفر خاص بالون محيط الصندوق

                              الشكل الثانى                                
الكود :
blockquote { background-color: #666; color: #fff; font-weight: none; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
لمن يرغب فى تغير الوان الشكل الثانى :
1- الكود المحدد باللون الاحمر خاص بالون محيط الصندوق .
2- الكود المحدد باللون الأصفر خاص بالون الكتابة .

                              الشكل الثالث                                  
الكود :

.post blockquote { margin:1em 20px; } .post blockquote p { margin:.75em 0; } blockquote { background:#FFBFBF; }
لمن يرغب فى تغيير الوان الشكل الثالث :
اعتقد بأن الشكل كلاسيكى بسيط لمن يريده
فقط قم بتغيير الكود المحدد باللون الاحمر الى اى لون تريدة وهو خاص بالون محيط الصندوق 

                              الشكل الرابع                                 
الكود :
blockquote { margin: 1em 3em; background : #FFCCCC  no-repeat 350px 5px; border-left: 8px dotted #FF0000; } blockquote p { margin: 0; padding-top:10px; }
لمن يرغب فى تغيير الشكل الرابع :
1- الكود المحدد باللون الاحمر خاص بالون محيط الصندوق .
2- الكود المحدد باللون الأصفر خاص بالون النقاط الجانبية .
===============
انا اعلم جيدا بأن يوجد اشكال اخرى رائعة ولكن سأضعها لكم قريبا ان شاء الله 
انتظرو المجموعة الثانية ان شاء الله

كيفية ترقيم المشاركات الشائعة بتقنية css بشكل مميز Popular Posts

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








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

طريقة التركيب بالمدونة :
يجب ان يضاف اولا خاصية المشاركات الشائعة بالمدونة ولكن يفضل مقتطف وليس صورة واعتقد المبتداء يعرف ان يضع خاصية المشاركات الشائعة بالمدونة .
بعد اضافة المشاركات الشائعة بالمدونة سنقوم بأضافة كود بسيط بتقنية الــ CSS قبل اضافة اى اكواد يجب اخذ نسخة احتياطية قبل وضع اى اكواد ومن هنا درس بسيط يعلمك طريقة اخذ نسخة احتياطية الان ناتى الى الطريقة فى البداية ادخل الى لوحة تحكم مدونتك ومن بعدها اضغط على القالب الأن اضغط على تحرير HTML
الأن قم بالبحث عن هذا الكود :
]]></b:skin>
الأن ضع قبلة هذا الكود :
/*--- MBT Popular Posts --- */
.popular-posts ul {
padding-left: 0px;
counter-reset: popcount;
}
.popular-posts ul li:before {
list-style-type: none;
margin-right: 15px;
padding: 0.3em 0.6em;
counter-increment: popcount;
content: counter(popcount);
font-size: 16px;
background: #FF3300;
color: #ffffff;
position: relative;
font-weight: bold;
font-family: georgia;
float: left;
border: 2px solid #dddddd;
box-shadow: 1px 2px 9px #000000; }
.popular-posts ul li {
border-bottom: 1px dashed #dddddd;
}
.popular-posts ul li:hover {
border-bottom: 1px dashed #696969;
}
.popular-posts ul li a {
text-decoration:none; color:#FF3300;
}
.popular-posts ul li a:hover {
text-decoration:none;
}

بالأخير اضغط على حفظ التغيرات وانتهى التركيب 
الأن اذهب الى الصفحة الرئيسية للمدونة لتشاهد النتيجة 
ملحوظة هامة :
لمن يرغب بالتعديل على الكود فعلية بعمل هذه التغييرات :
1- الكود المحدد باللون الاحمر خاص بتغيير لون المربع 
2- الكود المحدد باللون الأصفر خاص بتغيير ظل المربع
3- الكود المحدد باللون الأخضر خاص بتغيير لون العناويين 

الموافقة على نشر التعليقات

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