حصريا احصل على نسختك من قالب مودي العاب مجانا!

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



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

حصريا اضافة اشترك في النشرة البريدية بتقنية Flat




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

المعاينة بشكل مباشر 



 عندما تضيفها تأخد الحجم المناسب اوتوماتكيا.
طريقة الاضافة :
    -توجه نحو مدونتك     
    - ثم التخطيط
    - ثم اضافة اداة html/javascript
    - وقم بلصق الكود مع تغيير ما يلزم 

<style type="text/css">
    #cat{background:#fff;width:220px;color:#222;font-family: "DroidKufi-regular";display:inline;margin:3px;padding:3px 2px 2px;}
    #subscribe{overflow:hidden;margin:0;}
    #subbox{font-family: "DroidKufi-regular";color: #666;text-align: right;padding-right: 6px;text-decoration: none;height: 36px;margin: 0px;width: 235px;background: none repeat scroll 0% 0% #F8F8F8;border: 1px solid #fff !important;}
    #subbutton{cursor: pointer;background: #41B7D8;color: #FFF;font-family: "DroidKufi-regular";font-weight: 700;text-decoration: none;border: 1px solid #41B7D8;margin-left: -5px;padding: 3px 5px;height: 36px;display: block;width: 240px;margin-top: 3px;}
    #subbutton:hover{background-color: #5CB85C;border: 1px solid #5CB85C;}
    .menuyassine{padding: 6px;width: 90%;background: #1abc9c;}
    .pe{color: #FFF;text-align: center;font-size: 20px;}
    </style>
<center>   
    <div class="menuyassine">
    <p class="pe">الاشتراك في القائمة البريدية</p>
    <center><img src="https://cdn1.iconfinder.com/data/icons/plex-for-android/72/email.png"/></center>
    <div id='searchbarleft'>
    <form action='http://feedburner.google.com/fb/a/mailverify?uri=blogspot/NWIbL' id='subscribe' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=blogspot/NWIbL&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
    <input id='subbox' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;ادخل بريدك الالكتروني هنا&apos;;}' onfocus='if (this.value == &apos;ادخل بريدك الالكتروني هنا&apos;) {this.value = &apos;&apos;;}' type='text' value='أدخل بريدك'/>
    <input name='uri' type='hidden' value='blogspot/htbgh'/><input name='loc' type='hidden' value='ar-eg'/><input id='subbutton' type='submit' value='!اشترك الان'/>
    </form>
    </div>
    </div>
</center>


و في الاخير لا تبخل علي بكلمة شكرو الى لقاء في تدوينة جديدة واضافة احترافية اخرى.
إقرأ المزيد.. bloggeradsenseo

اليك 19 ايقونة من الثرات المغربي بتقنية Flat

http://www4.0zz0.com/2014/02/23/15/829153454.png


السلام عليكم ورحمة الله تعالى و بركاته .
بسم الله الرحمان الرحيم.
مرحبا بك عزيزي الزائر في موضوع جديد على مدونتكم المتواضعة اقلام الويب, كنت البارحة قد طرحت ملف PSD لعناصر واجهة المستخدم بتقنية فلات (FLAT) و انا اليوم اطرح لكم ايقونات مغرية و بالتأكيد سوف تنال اعجابكم فهي ايضا بتقنية التصميم المسطح للمصمم ياسين حمدان الايقونات سوف تقربك بالفعل لثقافتنا المغربية (انا نغربي :)) وتصلح ايضا لتصاميمك 
فهي سوف تضفي عليها نوع من الاحترافية والبساطة في نفس الوقت مجموع الايقونات هو 19 ايقونة اترككم مع رابط تحميلها.
التحميل من هنا 
جميع الحقوق محفوضة لمصمم الايقونات "ياسين حمدان
إقرأ المزيد.. bloggeradsenseo

عناصر فلاتي لواجهة المستخدم باللغة العربية psd

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

http://www4.0zz0.com/2014/02/22/18/903706922.jpg


لشك انك سمعت مؤخرا عن تقنية التصميم المسطح لتطبيقات الويب (Flat) لذالك اليوم عزيزي الزائر سوف اطرح لك ملف psd لبعض عناصر واجهة المستخدم بتقنية التصميم المسطح من تصميم Abdulrahim Bajaber جزاه الله كل خير, هده التقنية الرائعة التي تضفي على المواقع نوع من البساطة و الاحترافية في نفس الوقت, الملحق طبعا بالغة العربية و هدا ما لانراه كثيرا وحتى معظم المواقع العربية لا تستخدم كثيرا هده التقنية حسب رأيي.
   لتحميل الملف PSD
التحميل من هنا
إقرأ المزيد.. bloggeradsenseo

تحميل قالب"ريشة" المصمم من طرف مدونة حلول بلوجر!

 قالب ريشة Risha

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

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

وكما عودتكم فهده حقوق القالب:
 -مصمم القالب : عبدالله الحربي .
 -موقع المصمم : حلول بلوجر.
 -حقوق القالب : مجاني .



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

 
تحميل القالب / معاينة القالب 



إقرأ المزيد.. bloggeradsenseo

معرفة كيف تظهر مدونتك على باقي الاجهزة !

السلام عليكم ورحمة الله تعالى وبركاته.
بسم الله الرحمان الرحيم.
مرحبا بكل زوار مدوانتنا من شتى ربوع الوطن العربي  في تدوينة جديدة ومهمة لكل مصمم ويب, نعم العديد منا يصممون قوالب ومواقع لكنهم لا يعرفون كيف يضهر موقعهم على باقي الاجهزة ربما لانهم لا يمتلكون كل هده الاجهزة لتجربة موقعهم عليها...
اليوم اتيت لكم بالحل وهو موقع placeit.net الدي يمكنك من معرفة كيف يضهر موقعك على باقي الاجهزة سواء اللوحية او المحمولة وبالتالي سوف يقوم بتوفير عليك الكثير من الامور , يوجد العديد من المواقع مثل هدا الموقع لكنها لا تقدم مثل خدماته,صراحة بمجرد دخولي له وتجربة كيف تضهر مدونة اقلام الويب على بعض الاجهزة احسست باحترافيته,فكلنا يعلم انه من الرائع و الجميل ان نرى كيف تضهر مدوناتنا على باقي الاجهزة.مثال عن  مدونتي:

طريقة الاستخدام:
          -ادخل الى الموقع من هناhttps://www.placeit.net 
          -سوف تجد على اليمين قائمة بمختلف الاجهزة المتوفرة.
          -اختر جهازا,
          -ثم اضغط على ( Grab screenshot from a url ).
          -ادخل رابط موقعك ثم اضغط على ( Grab screenshot ).
          -واستمتع ...

اتمنى ان تكون التدوينة قد نالت اعجابكم والى لقاء في موضوع اخر ان شاء الله.

إقرأ المزيد.. bloggeradsenseo

افضل المواقع لاختيار الوان متناسقة لتصاميمك!

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



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

kuler.adobe.com
العديد منا يعرف هدا الموقع الرائع التابع لشركة adobe حيث بامكانك تعديل الوانك او استعمال احد الالوان الجاهزة.
flatuicolors.com
موقع رائع لمحبي التصاميم المسطحة خيث يقدم الوان رائعة جاهزة.
webcolourdata.com
هدا الموقع ايضا رائع يحتوى على العديد من المميزات يمكنك اكتشافها بنفسك.
وفي الاخير اتمنى ان تكون التدوينة قد نالت اعجابكم وان كان لديك موقع اخر فضغه في تعليق,طبعا لكي نستفيد منه جميعا.
إقرأ المزيد.. bloggeradsenseo

طريقة اضافة اكثر الاشخاص تعليقا الى بلوجر!

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

<style type="text/css">

 .top-commenter-line img {

 -webkit-border-radius: 100px;
 -moz-border-radius: 100px;
 border-radius: 100px;
 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
 box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
 }

 .top-commenter-line {margin: 3px 0;}
 .top-commenter-line .profile-name-link {padding-left:0;}
 .top-commenter-avatar {vertical-align:middle;}
 </style>
 <script type="text/javascript">
 //
 // Top Commentators gadget with avatars, by MS-potilas 2012.
 // Gets a list of top commentators from all comments, or specified number of days in the past.

 //
 // CONFIG:
 var maxTopCommenters = 5;   // how big a list of top commentators
 var minComments = 1;        // how many comments must top commentator have at least
 var numDays = 0;            // from how many days (ex. 30), or 0 from "all the time"
 var excludeMe = true;       // true: exclude my own comments
 var excludeUsers = ["Anonymous", "someotherusertoexclude"];     // exclude these usernames
 var maxUserNameLength = 42; // 0: don't cut, >4: cut usernames
 //
 var txtTopLine = '<b>[#].</b> [image] [user] ([count])';
 var txtNoTopCommenters = 'No top commentators at this time.';
 var txtAnonymous = '';      // empty, or Anonymous user name localized if you want to localize
 //
 var sizeAvatar = 56;
 var cropAvatar = true;
 //
 var urlNoAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkQ9vfiP31H9aqeCODy_lfZVO1ExxZ_xP5dlVqOkLn13ONB4l5K9lM3ta9PrIMbKNMz1Pky7AFnxcedWD4fardjiu_TD9qNjm75QBFkEnX-XhZN2qXDSNlovAYrX0a-468b7wE9xROJ5Q/"+sizeAvatar+"/avatar_blue_m_96.png"; // http://www.blogger.com/img/avatar_blue_m_96.png resizeable
 var urlAnoAvatar = 'http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=' + sizeAvatar;
 var urlMyProfile = ''; // set if you have no profile gadget on page
 var urlMyAvatar = '';  // can be empty (then it is fetched) or url to image
 // config end
 // for old IEs & IE modes:
 if(!Array.indexOf) {
  Array.prototype.indexOf=function(obj) {
   for(var i=0;i<this.length;i++) if(this[i]==obj) return i;
   return -1;
 }}
 function replaceTopCmtVars(text, item, position)
 {
   if(!item || !item.author) return text;
   var author = item.author;

   var authorUri = "";
   if(author.uri && author.uri.$t != "")
     authorUri = author.uri.$t;

   var avaimg = urlAnoAvatar;
   var bloggerprofile = "http://www.blogger.com/profile/";
   if(author.gd$image && author.gd$image.src && authorUri.substr(0,bloggerprofile.length) == bloggerprofile)
     avaimg = author.gd$image.src;
   else {
     var parseurl = document.createElement('a');
     if(authorUri != "") {
       parseurl.href = authorUri;
       avaimg = 'http://www.google.com/s2/favicons?domain=' + parseurl.hostname;
     }
   }
   if(urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "")
     avaimg = urlMyAvatar;
   if(avaimg == "http://img2.blogblog.com/img/b16-rounded.gif" && urlNoAvatar != "")
     avaimg = urlNoAvatar;
   var newsize="s"+sizeAvatar;
   avaimg = avaimg.replace(/\/s\d\d+-c\//, "/"+newsize+"-c/");
   if(cropAvatar) newsize+="-c";
   avaimg = avaimg.replace(/\/s\d\d+(-c){0,1}\//, "/"+newsize+"/");

   var authorName = author.name.$t;
   if(authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar)
     authorName = txtAnonymous;
   var imgcode = '<img class="top-commenter-avatar" height="'+sizeAvatar+'" width="'+sizeAvatar+'" title="'+authorName+'" src="'+avaimg+'" />';
   if(authorUri!="") imgcode = '<a href="'+authorUri+'">'+imgcode+'</a>';

   if(maxUserNameLength > 3 && authorName.length > maxUserNameLength)
     authorName = authorName.substr(0, maxUserNameLength-3) + "...";
   var authorcode = authorName;
   if(authorUri!="") authorcode = '<a class="profile-name-link" href="'+authorUri+'">'+authorcode+'</a>';

   text = text.replace('[user]', authorcode);
   text = text.replace('[image]', imgcode);
   text = text.replace('[#]', position);
   text = text.replace('[count]', item.count);
   return text;
 }

 var topcommenters = {};
 var ndxbase = 1;
 function showTopCommenters(json) {
   var one_day=1000*60*60*24;
   var today = new Date();

   if(urlMyProfile == "") {
     var elements = document.getElementsByTagName("*");
     var expr = /(^| )profile-link( |$)/;
     for(var i=0 ; i<elements.length ; i++)
       if(expr.test(elements[i].className)) {
         urlMyProfile = elements[i].href;
         break;
       }
   }

   for(var i = 0 ; i < json.feed.entry.length ; i++ ) {
     var entry = json.feed.entry[i];
     if(numDays > 0) {
       var datePart = entry.published.$t.match(/\d+/g); // assume ISO 8601
       var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]);

       //Calculate difference btw the two dates, and convert to days
       var days = Math.ceil((today.getTime()-cmtDate.getTime())/(one_day));
       if(days > numDays) break;
     }
     var authorUri = "";
     if(entry.author[0].uri && entry.author[0].uri.$t != "")
       authorUri = entry.author[0].uri.$t;

     if(excludeMe && authorUri != "" && authorUri == urlMyProfile)
       continue;
     var authorName = entry.author[0].name.$t;
     if(excludeUsers.indexOf(authorName) != -1)
       continue;

     var hash=entry.author[0].name.$t + "-" + authorUri;
     if(topcommenters[hash])
       topcommenters[hash].count++;
     else {
       var commenter = new Object();
       commenter.author = entry.author[0];
       commenter.count = 1;
       topcommenters[hash] = commenter;
     }
   }
   if(json.feed.entry.length == 200) {
     ndxbase += 200;
     document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&start-index='+ndxbase+'&alt=json-in-script&callback=showTopCommenters"></'+'script>');
     return;
   }

   // convert object to array of tuples
   var tuplear = [];
   for(var key in topcommenters) tuplear.push([key, topcommenters[key]]);

   tuplear.sort(function(a, b) {
     if(b[1].count-a[1].count)
         return b[1].count-a[1].count;
     return (a[1].author.name.$t.toLowerCase() < b[1].author.name.$t.toLowerCase()) ? -1 : 1;
   });

   // list top topcommenters:
   var realcount = 0;
   for(var i = 0; i < maxTopCommenters && i < tuplear.length ; i++) {
     var item = tuplear[i][1];
     if(item.count < minComments)
         break;
     document.write('<di'+'v class="top-commenter-line">');
     document.write(replaceTopCmtVars(txtTopLine, item, realcount+1));
     document.write('</d'+'iv>');
     realcount++;
   }
   if(!realcount)
     document.write(txtNoTopCommenters);
 } 
 document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&alt=json-in-script&callback=showTopCommenters"></'+'script>');
 </script>

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

اليكم بعض اختصارات لوحة المفاتيح الخاصة بالبلوجر!


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



control + b = Bold ( الخط عريض)
control + i = Italic ( الخط مائل)
control + l = Blockquote (when in HTML-mode only) ( الاقتباس)
control + z = Undo ( خطوة الى الخلف )
control + y = Redo ( خطوة الى الامام )
control + shift + a = Link ( رابط )
control + shift + p = Preview ( معاينة )
control + d = Save as Draft ( حفظ  كمسودة  )
control + p = Publish Post ( نشر التدوينة )
control + s = Autosave and keep editing ( الحفظ التلقائي والحفاظ على التدوينه )
 


إقرأ المزيد.. bloggeradsenseo

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