Latest Post

ميني سوفت
بسم الله , الحمد لله
إخوتي و أخواتي, من منكم لم يتمنى ان يقوم بتحميل موقع انترنت بأكمله ثم تصفحه عند انقطاع الإنترنت.
بالتأكيد الكثير وانا واحد من هؤلاء ,, اليوم سوف نقوم بتحميل اي موقع يعجبنا بالكامل وتصفحه بدون انترنت.
وذلك باستخدام البرنامج HTTRACK هذا البرنامج الرائع والصغير الحجم في هذا المجال .

لتحميل البرنامج إضغط هنــا

شرح تثبيت البرنامج:









شرح استخدام البرنامج:



1- اكتب اسم المشروع او اسم الموقع الذي تريد تحميله
2- اكتب اي شئ تريد
3- اختر مكان حفظ الموقع


هذا السهم يشير انك لو تريد ان تغلق الجهاز بعد التحميل

جاري تحميل الموقع

السلام عليكم ..
كيف حالكم إخواني.. اليوم معنا آداة جديدة ولا اروع للمدونات بلوجر , وهي قائمة الأكثر تعليقاً كل اسم يحتوي على صورة المستخدم في جوجل بلس و هي تكون بالشكل التالي :

قائمة الأكثر تعليقاً
قائمة الأكثر تعليقاً 
تركيب هذه الآداة سهل جداً وهو كالتالي :
إذهب الى لوحة تحكم المدونة ثم إلى البند تخطيط  ثم اختر مكان لوضع الاضافة من خلال إضافة آداة.
ثم أختر HTML/JavaScriptHTML/JavaScript و ضع الكود التالي :

<div id="topcomment">
<style type="text/css">
.top-commenter-line{
margin:0px;
border-bottom:1px solid #EEE;
background-color:#FFF;
padding:2px 3px;
bottom:-6px;
}
.top-commenter-avatar{
display:inline-block;
vertical-align:middle;
}
#topcomment{
width:300px;
margin:0 auto;
padding:5px;
-moz-box-shadow:-2px 3px 5px rgba(0, 0, 0, 0.1);
-wibkit-box-shadow:-2px 3px 5px rgba(0, 0, 0, 0.1);
box-shadow:-2px 3px 5px rgba(0, 0, 0, 0.1);
}
#topkoment a{color:#B10C0C}
.profile-name-link{padding-left:2px}
</style>
<script type="text/javascript">
var maxTopCommenters   = 10,  // عدد الأشخاص
    minComments        = 1,  // أدنى حد من التعليقات ليظهر الشخص
    numDays            = 0,  // من كم يوم التعلي30 مثلاً (30) او 0 كل الأوقات
    excludeMe          = true,  // true: استبعاد تعليقاتي الخاصة
    excludeUsers       = ["Anonymos", "someothertoexclude"],  // استبعاد هذه الاسماء
    maxUserNameLength  = 42,  // 0: don't cut, >4: cut usernames
    txtTopLine         = '<div style="font-weight:bold;display:inline-block;width:2em;text-align:right;"><b>[#].</b></div> [image] [user] ([count])',  // عدد القوائم
    txtNoTopCommenters = 'No top commentators at this time.',
    txtAnonymous       = 'غير معروف',  // ضع اسم او ارتكه فارغاً للمعلقين بدون اسم
    sizeAvatar         = 32,  // حجم الصورة المصغرة
    cropAvatar         = true, // إظهار الصورة
    urlNoAvatar        = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoMUuI-BDG3D9JTumiHyaxMnRX6BWTSLA4l9DA4s1a-JklEOBGcOaSvxY9usF-_-K-AFkLAS6Py4YQQ-2t7vrJYMssk8jmzkZTVks1BW0O7AldHT73gzgjyiIHOdZpVFAOvksEOjbEkXM/' + sizeAvatar + '/avatar_blue_m_96.png',
    urlAnoAvatar       = 'http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=' + sizeAvatar,
    urlMyProfile       = '',  // تعيين إذا لم تقم بوضع اضافة البروفيل
    urlMyAvatar        = '';  // يمكن ان تكون فارغة او تضع رابط صورة لتظهر على اسمك
// 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;}}
if(json && json.feed && json.feed.entry && json.feed.entry.length) 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);var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]);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 && json.feed && json.feed.entry && json.feed.entry.length && 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;}
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;});
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>
</div>
 ثم احفظ الآداة و اذهب لمدونتك لترى الآداة وقد تم تشغيلها

إضافة Google Plus المميزة للمدونات بلوجر

بسم الله , الحمد لله
مرحباً إخواني ,, أرجو أن تكونوا على افضل حال

معنا اليوم إضافة رائعة جداً من Google Plus و هي للترويج عن صفحتك او حسابك و لعمل متابعة لك من خلال المدونة وهي بالشكل التالي :


كيف يتم تركيب الإضافة الى مدونتك , كما يلي :
إذهب الى لوحة تحكم المدونة ثم إلى البند تخطيط  ثم اختر مكان لوضع الاضافة من خلال إضافة آداة.
ثم أختر  HTML/JavaScriptHTML/JavaScript وضع  الكود التالي :
<div class="g-page" data-href="//plus.google.com/108292020330642658594" data-rel="publisher"></div>
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/platform.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
 ثم إضغط حفظ لتجد الإضافة هكذا ..



ميني سوفت


بسم الله , الحمد لله

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

وليكن هذا الكود :
transition: all .4s ease-in-out;
ليس مهم عمل الكود ولكن المهم , هل يعمل الكود على كل المتصفحات ؟
طبعاً لا فهو لا يعمل الا بدعم وهذا الدعم مثل الآتي ..
-webkit-transition: all .4s ease-in-out; // google chrome & safari
-moz-transition: all .4s ease-in-out; // firefox
-o-transition: all .4s ease-in-out; //opera
-ms-transition: all .4s ease-in-out; //internet explorer
transition: all .4s ease-in-out;
انظر .. الأحرف الحمراء هي الدعم للعمل على المتصفح فكما ترى وضعت لكل كود منهم اسم المتصفح باللون البني فمثلاً :

-webkit- يجعل الكود يعمل على متصفح جوجل كروم و متصفح سفاري
-moz- يجعل الكود يعمل على متصفح فايرفوكس
-o- يجعل الكود يعمل على متصفح اوبرا
-ms- يجعل الكود يعمل على متصفح انترنت اكسبلورر

سؤال قد يخطر على ذهنك وهو ,, ما هي الأكواد التي لا تعمل إلا بالدعم ؟ هي الآتي :

box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-webkit-box-sizing:border-box; 
box-shadow: 10px 10px 5px #888;
-moz-box-shadow: 10px 10px 5px #888;
-o-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888; 
transform:rotate(7deg);
-moz-transform:rotate(7deg);
-o-transform:rotate(7deg);
-ms-transform:rotate(7deg);
-webkit-transform:rotate(7deg); 
-webkit-transition: width 2s;
-moz-transition: width 2s;
-o-transition: width 2s;
-ms-transition: width 2s;
transition: width 2s;
 
border-radius:25px;
-webkit-border-radius:25px;
-moz-border-radius:25px;
-o-border-radius:25px; 
background-image:linear-gradient(to top,#000 0%,#001530 30%);
background-image:
-webkit-linear-gradient(to top,#000 0%,#001530 30%);
background-image:
-moz-linear-gradient(to top,#000 0%,#001530 30%);
background-image:
-o-linear-gradient(to top,#000 0%,#001530 30%);
background-image:
-ms-linear-gradient(to top,#000 0%,#001530 30%);
 وبهذا ينتهي موضوعنا بحمد الله وتوفيقه

ميني سوفت


بسم الله , الحمد لله ..

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

نبدأ في سرد كل كود وماهية استخدامه ..

إذا كنت تريد إضافة صورة فقط فسوف يكون الكود كالتالي ..
<img src='رابط الصورة'/>
الذي يظهر على الصفحة الصورة فقط وعند الضغط عليها لا يحدث اي شئ.
******

إذا كنت تريد إضافة رابط في مدونتك من خلال تخطيط  HTML/JavaScript او من داخل القالب فسوف يكون الكود كالتالي ..
<a href="رابط الموقع">Mini Soft</a>
الذي يظهر على الصفحة هو عبارة Mini Soft وعند الضغط عليها يتم التحويل الى صفحة تويتر وهذا الكود هام جداً.
******
إذا كنت تريد إضافة صورة وعند الضغط عليها يتم فتح رابط جديد فسوف يكون الكود هكذا ..
<a href='رابط الموقع'><img src='رابط الصورة'/></a>
الذي يظهر على الصفحة الصورة وعند الضغط عليها يتم فتح الموقع.
******

الآن نفترض أنك تريد فتح الموقع عند الضغط عليه في صفحة جديدة فسوف يكون الكود هكذا ..
<a href='رابط الموقع' target='_blank'></a>
عند الضغط على الرابط سوف تبقى الصفحة كما هي ويتم فتح الرابط في صفحة جديدة والكود صالح للعمل سواء على رابط او صورة تحتوي على موقع.
******

إذا كنت تريد أن تقف بالفأرة على رابط او صورة فيظهر تلميح لمحتوى الرابط او الصورة فسوف يكون الكود هكذا ..
<a href='رابط الموقع' target='_blank' title='نبذة عن الموقع'></a> 
******

أكواد أخرى شائعة الإستخدام :

إذا كنت تريد أن يكون النص عريض فسوف يكون الكود كالتالي ..
<b>Mini Soft</b>
******

إذا كنت تريد أن يكون النص مائل فسوف يكون الكود كالتالي ..
 <i>Mini Soft</i>
******

إذا كنت تريد أن يكون تحت النص خط فسوف يكون الكود كالتالي ..
<u>Mini Soft</u>
 ******
إذا كنت تريد توسيط رابط او كلمة فسوف يكون الكود كالتالي ..
<center>mini soft</center>
******
وبهذا ينتهي موضوعنا لهذا اليوم 
ارجوا ان تكونوا استفدتم ولو بالقليل 

Author Name

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *

يتم التشغيل بواسطة Blogger.