أضف نموذج راسلنى بشكل مطور وأكثر إحترافية

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

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

إذهب إلى تخطيط وقم بإضافة اداة النموذج مثل الصورة التالية

بعد إضافة الأداة نذهب إلى تحرير القالب ونبحث عن هذا ]]></b:skin> ونضع الكود التالى فوقة

/* Contact Form Container */
.contact-form-widget {
width: 500px;
max-width: 100%;
margin: 0 auto;
padding: 10px;
background: #F8F8F8;
color: #000;
border: 1px solid #C1C1C1;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
border-radius: 10px;
}
/* Fields and submit button */
.contact-form-name, .contact-form-email, .contact-form-email-message {
width: 100%;
max-width: 100%;
margin-bottom: 10px;
}
/* Submit button style */
.contact-form-button-submit {
border-color: #C1C1C1;
background: #E3E3E3;
color: #585858;
width: 20%;
max-width: 20%;
margin-bottom: 10px;
}
/* Submit button on mouseover */
.contact-form-button-submit:hover{
background: #4C8EF9;
color: #ffffff;
border: 1px solid #FAFAFA;
}

بعد إضافة هذا الكود إبحث عن هذا ContactForm ستجدها مثل الصورة التالية

الجزء المظلل باللون الأصفر ستقوم بحزفة ثم إحفظ قالبك وإتجة إلى صفحات وقم بإنشاء صفحة جديدة وإختار بدلاً من تاليف إختر html وضع بها الكود التالى وقم بحفظها 

 <div class='widget ContactForm' id='ContactForm1'>
  <div class='contact-form-widget'>
    <div class='form'>
      <form name='contact-form'>
        <p>الإسم<p>
        <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
        <p>البريد الإلكتروني *</p>
        <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
        <p>الرسالة *</p>
        <textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
        <input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='أرسل'/>
        <p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
        <p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
      </form>
    </div>
  </div>
</div>

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

اقرء المزيد

شرح إزالة كلمة لا يوجد مشاركات نهائياً

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

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

إبحث عن هذا الوسم ]]></b:skin> وضع قبلة مباشرة الكود التالى 

.status-msg-wrap

{

display: none;

 }

مبروك الآن تم إزالة الجملة بنجاح وتقدر تعاين مدونتك

اقرء المزيد

طريقة إضافة قطعتين (إضافة أدة) بجانب بعضهما لمدونات بلوجر

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

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

1- لوحة التحكم الرئيسية

2 - إذهب إلى التخطيط

.3 - إختار إضافة أداة (جافاسكريبت)

وضع بها الكود التالى

<div style="width: 45%; float: left;"> ضع هنا الكود الذي تريد - الجهة اليسرى </div>
<div style="width: 45%; float: right;"> ضع هنا الكود الذي تريد - الجهة اليمنى </div>
<div style="clear: both;"></div>

اقرء المزيد

تحميل قالب مدونة يوسف ويب من مدونة مدون

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

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

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

معاينة

http://test-yousif.blogspot.com/

تحميل

http://www.mediafire.com/?gl26enbb3em6t2f

اقرء المزيد

جماعة الإخوان المسلمين نقطة سوداء فى تاريخ مصر

لماذا تريد أمريكا الإخوان والتيارات الإسلامية ؟ لماذا وصفت أمريكا بـ 30 يونيو بالإنقلاب العسكرى ؟ لماذا طالبت أمريكا السلطات المصرية بالإفراج عن المعزول مرسى ؟ كثير من الشعب المصرى إتخدعوا فى جماعة (الإخوان المسلمين) بس ياترى فعلاً الجماعة كان ليها علاقة بأمريكا وتنظيم القاعدة كل واحد فينا فيه عقل ولازم يعقلها مع نفسه الأحداث الأخيرة بتؤكد أن الجماعة لها علاقة بأمريكا والعمليات الإرهابية التى تحدث فى سيناء يؤكد علاقة الإخوان بتنظيم القاعدة بس ياترى هما فعلاً لما قالوا إننا هنحرق البلد لو مرجعش مرسى حقيقى يقدروا يعملوا ده لازم كلنا نبقى إيد واحدة علشان نقدر نحارب الإرهاب طيب لما هما كان بيقولوا إنهم مش معترفين بدولة اسرائيل وإن الجماعة هتعمل على إزالة أسرائيل ليه (نتنياهو) رئيس الوزراء الاسرائيلى قال إن التعامل أصبح سهل فى عهد مرسى لازم تعرف إن الإخوان دوول مش بيهمهم حاجة غير مصلحتهم ومش بيسمعوا كلام أى حد غير(حسن البنا) وإنهم مش بيتبعوا أى دستور غير دستور حسن البنا فى النهاية قبل ما تفكر تعمل أى حاجة لازم تفكر كويس أوى مين الإرهابى ؟ ولازم ندقق فى إختيارنا للرئيس القادم إن شاء الله وربنا يحفظ مصر من كل سوء .

اقرء المزيد

إدارة مدونة مدوّن تؤيد الجيش المصرى بكل الحب وتقدير

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

(كل ما ورد فى المقال أعلاه أتحمل مسؤليتة كاملة)

اقرء المزيد

تحميل أوبريت "تسلم الأيادى" إهداء للجيش mp3 CD Q 320 Kbps

مدونة مدون نقدم لكم "أوبريت تسلم الأيادى" وهى إهداء من نجوم مصر إلى الجيش المصرى قام مجموعة من فنانى مصر بتصوير أوبريت «تسلم الأيادي»؛ تقديراً لدورها في حماية مصر، والحفاظ على ثورة شعبها يوم 30 يونيو.       
شارك في الأوبريت عدد من مطربي مصر، وهم، سمير الإسكندراني، وسومة، وإيهاب توفيق، وحكيم، وغادة رجب، وهشام عباس، وبوسي، وأحمد كامل، والأوبريت من تأليف وألحان مصطفى كامل وإخراج أحمد الفيشاوي.

BillionUploads

1fichier

filesline

megafiles

rghost

             amonshare      سريع

queenshare

fileflyer

sinhro 

eyesfile
                  arabsh         سريع  
1fichier
1filesharing
arabloads
                filebox         سريع
davvas
filerio   

اقرء المزيد

شعارات لأشهر المواقع psd للفوتوشوب من مدونة مدون

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

كيفكم إخوانى وأخواتى الكرام اليوم جمعت لكم شعارات أشهر المواقع psd للفوتوشوب + الخطوط المستخدمة مرفقة مع كل شعار قبل فتح الملف سطب الخط اولاً الشعارات بدقة عالية وبجودة كويسة جداّ وتحميل مباشر وأنا متاكد أن أكيد شعار منهم سيلقى إعجابك أو ربما كنت تبحث عنه ولم تجده أو حاولت كثيراً البحث ولكن الآن فى مدونة مدون أقدمها لك بروابط مباشرة جميعها مرة واحدة .

آسف بشان عدم كثرة الروابط بسبب مشاكل بالإنترنت

arabsh

arabloads

filerio

maxmirror

queenshare

eyesfile
rghost

اقرء المزيد

شرح بالصور إضافة تاثير المربعات على الصور

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

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

----------------------------------------

إفتح الصورة التى تريد وضع التاثير عليها

 وشاهد الصورة التالية

إفتح الكلمة بداخل الدائرة الحمراء من قائمة فلتر وطبق الإعدادات مثل الصورة التالية

القيمة بداخل المستطيل لاحطظها جيداً وطبقها تماماً على الصورة الخاصة بك ثم إضغط ok

والآن سنطبق أيضاً التاثير التالى

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

وطبق القيم التالية

القيمة طبقها لديك مثل ما فى الصورة تماماَ

والآن مع تطبيق التاثير الأخير

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

سنطبق هذة القيم 

القيم بداخل المربع الأحمر غيرها فى الصورة الخاصة بك مثل ما فى الصورة

أخيراً غير الـ mode إلى screen

وopacity إلى 80%  النتيجة النهائية 

اقرء المزيد

تحميل 5 خطوط أجنبية إحترافية بمعنى الكلمة

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

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

clipshouse

amonshare

crocko

180upload

arabloads

eyesfile 

exoshare 

filerio 

filebox 

medoupload 

megafiles 

queenshare 

maxmirror

اقرء المزيد

إضافة مواضيع ذات صلة بشكل لطيف وبطريقة سهلة

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

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

الخطوة الأولى 
إبحث عن هذا الكود

</head>

وضع فوقة مباشرة الكود التالى 

<script type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedUrls = new Array();
var relatedpSummary = new Array();
var relatedThumb = new Array();
var relatedTitlesNum = 0;
var relatedPostsNum = 4; // number of entries to be shown
var relatedmaxnum = 75; // the number of characters of summary
var relatednoimage = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB7OykFHMYFlXqdccOFkXgcEHz_5wjV1XSFq4NqUtj2nGwkYsAeasmYdHmqknd65kNMJKl9w-02OScoSOYNXYFAygRSQJrWNk2R9RRtBC_8m_wbx-fsJfy6zdwknusyacEqxi8cVpOyL5p/s1600/no_image.jpg"; // default picture for entries with no image
function readpostlabels(json) {
  var entry, postimg, postcontent, cat;
  for (var i = 0; i < json.feed.entry.length; i++) {
    entry = json.feed.entry[i];
    if (i==json.feed.entry.length) { break; }
    relatedTitles[relatedTitlesNum] = entry.title.$t;
    postcontent = "";
    if ("content" in entry) {
      postcontent = entry.content.$t;
    } else if ("summary" in entry) {
      postcontent = entry.summary.$t;
    }
    relatedpSummary[relatedTitlesNum] = removetags(postcontent,relatedmaxnum);
    if ("media$thumbnail" in entry) {
      postimg = entry.media$thumbnail.url;
    } else {
      postimg = relatednoimage;
    }
    relatedThumb[relatedTitlesNum] = postimg;
    for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'alternate') {
        relatedUrls[relatedTitlesNum] = entry.link[k].href;
        break;
      }
    }
    relatedTitlesNum++;
  }
}
function showrelated() {
  var tmp = new Array(0);
  var tmp2 = new Array(0);
  var tmp3 = new Array(0);
  var tmp4 = new Array(0);
  for(var i = 0; i < relatedUrls.length; i++) {
    if(!contains(tmp, relatedUrls[i])) {
      tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i];
      tmp2.length += 1; tmp2[tmp2.length - 1] = relatedTitles[i];
      tmp3.length += 1; tmp3[tmp3.length - 1] = relatedpSummary[i];
      tmp4.length += 1; tmp4[tmp4.length - 1] = relatedThumb[i];
    }
  }
  relatedTitles = tmp2; relatedUrls = tmp; relatedpSummary = tmp3; relatedThumb = tmp4;
  for(var i = 0; i < relatedTitles.length; i++){
    var index = Math.floor((relatedTitles.length - 1) * Math.random());
    var tempTitle = relatedTitles[i]; var tempUrls = relatedUrls[i];
    var tempResum = relatedpSummary[i]; var tempImage = relatedThumb[i];
    relatedTitles[i] = relatedTitles[index]; relatedUrls[i] = relatedUrls[index];
    relatedpSummary[i] = relatedpSummary[index]; relatedThumb[i] = relatedThumb[index];
    relatedTitles[index] = tempTitle; relatedUrls[index] = tempUrls;
    relatedpSummary[index] = tempResum; relatedThumb[index] = tempImage;
  }
  var somePosts = 0;
  var r = Math.floor((relatedTitles.length - 1) * Math.random());
  var relsump = r;
  var output;
  var dirURL = document.URL;
  while (somePosts < relatedPostsNum) {
    if (relatedUrls[r] != dirURL) {
      output = "<div class='relatedsumposts'>";
      output += "<a href='" + relatedUrls[r] + "' rel='nofollow'  target='_self' title='" + relatedTitles[r] + "'><img src='" + relatedThumb[r] + "' /></a>";
      output += "<h6><a href='" + relatedUrls[r] + "' target='_self'>" + relatedTitles[r] + "</a></h6>";
      output += "<p>" + relatedpSummary[r] + " ... </p>";
      output += "</div>";
      document.write(output);
     
      somePosts++;
      if (somePosts == relatedPostsNum) { break; }
    }
    if (r < relatedTitles.length - 1) {
      r++;
    } else {
     
      r = 0;
    }
    if(r==relsump) { break; }
  }
}
function removetags(text,length){
  var pSummary = text.split("<");
  for(var i=0;i<pSummary.length;i++){
    if(pSummary[i].indexOf(">")!=-1){
      pSummary[i] = pSummary[i].substring(pSummary[i].indexOf(">")+1,pSummary[i].length);
    }
  }
  pSummary = pSummary.join("");
  pSummary = pSummary.substring(0,length-1);
  return pSummary;
}
function contains(a, e) {
  for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
  return false;
}
//]]>
</script>

ملاحظــــات

• لتعديل عدد إظهار التدوينات غير القيمة باللون الأحمر
• لتغير عدد الأحرف فى الملخص غير القيمة باللون الأخضر
• لتغير الصورة للتدوينات دون صور باللون الأزرق

الخطوة الثانية
إبحث عن هذا الكود 

<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>

ثم إستبدلة بهذا الكود

<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=readpostlabels&amp;max-results=50&quot;' type='text/javascript'/>
  </b:if>

 الخطوة الثالثة 
إبحث عن هذا الكود

</b:includable><b:includable id='postQuickEdit' var='post'>

ثم أضف فوقة هذا الكود

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <div class='post-footer-line post-footer-line-4'>
    <div id='relatedpostssum'><div style='text-align: left; font-size: 15px; margin-bottom: 10px; font-weight: bold;'>مواضيع ذات صلة</div>
      <script type='text/javascript'>showrelated();</script>
    </div>
    <div style='clear:both;'/>
  </div>
</b:if>

الخطوة الرابعة 
إبحث عن هذا الوسم

]]></b:skin>

 وضع هذا الكود فوقة مباشرة 

.relatedsumposts {
  float: left;
  margin: 0px 5px;
  overflow: hidden;
  text-align: center;
  /* width and height of the related posts area */
  width: 120px;
  height: 210px;
}

.relatedsumposts:hover {
background-color: #F3F3F3; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.relatedsumposts img:hover {
-khtml-opacity:0.4;
-moz-opacity:0.4;
opacity:0.4;
}

.relatedsumposts a {
  /* link properties */
color: #linkcolor;
  display: inline;
  font-size: 10px;
  line-height: 1;
}
.relatedsumposts img {
  /* thumbnail properties */
margin-top: 2px;
  height: 82px;
  padding: 5px;
  width: 82px;
border: 1px solid #fff;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
}
.relatedsumposts h6 {
  /* title properties */
  display: table-cell;
  height: 5em;
  margin: 5px 0 0;
  overflow: hidden;
  padding-bottom: 2px;
  vertical-align: middle;
  width: 130px;
}

.relatedsumposts p {
  /* summary properties */
border-top: 1px dotted #777777;
border-bottom: 1px dotted #777777;
color: #summarycolor;
  font-size: 10px;
  height: 4em;
  line-height: 1;
  margin: 5px 0 0;
  overflow: hidden;
  padding: 5px 0 15px 0;
  text-align: left;
}

أى إستفسار قم بطرحة

اقرء المزيد