كيفية أضافة اكواد الجافا سكريبت بدون ظهور أخطاء

زوار ومتابعي المدونة

اهلاً بكم معنا مع درس جديد

" كيفية أضافة  اكواد الجافا سكريبت بدون ظهور أخطاء "

نحن نعلم بأن  أكواد الجافا سكريبت إما أن تكون قبل وسم  </head> أو وسم </body>  بقوالب مدونات بلوجر.

ومن أجل تفادي الأخطاء ضع كود الجافاسكريبت داخل الكود التالي :

<script type='text/javascript'>
//<![CDATA[
ضع كود الجافا سكريبت هنا
//]]>
</script>

الطريقة بسيطة جداً ولا يوجد أي تعقيد .

قالب بلوجر معرب في قمة الإحترافية جديد 2015 | الخبراء للبرامج

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

مرحبا بكم معنا 

ها قد عدنا من جديد وأيدينا ممدودة لإيديكم 

أهلاً بكم معنا مرة أخرى 

اليوم سوف اقدم لكم 

قالب في قمة الإحترافية

Yellowing

قالب احترافي موسع

القالب معرب ومن تطوير وتوكيد | الخبراء للبرامج

صورة القالب 

مواصفات القالب

- الالوان الرئيسية : الأبيض والأصفر

- قائمة مسندلة بشكل رائع

- مكان وضع الاعلانات في الهيدر من لوحة التحكم

- مدعم لجميع المقاسات متل (iphon-ipad-imac)

- صورة تلقائية لاختصار الموضوع في الرئيسية مع خاصية اقرا المويد

- يدعم لاهم المتصفحات ( .IE9, Mozilla, Chrome .Operasafari .web browsers )

- تحديد كاتب الموضوع في التعليقات

- والعديد من المواصفات اكتشفها بنفسك

جميع الحقوق محفوظة لمدونة الخبراء للبرامج .

طريقة إختصار المواضيع أو التدوينات لمدونة بلوجر مع إضافة إقرأ المزيد

زوار ومتابعي المدونة

أهلاً بكم معنا مرة أخرى

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

لا أريد أن أطيل عليكم سوف أدخل في الموضوع مباشرة 

- الطريقة :

- ادخل الى مدونتك | ثم أختر تحرير قالب .

- إبحث عن الوسم  </head> 

- ضع الكود التالي فوقه .

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
    summary_noimg = 350;
    summary_img = 350;
    img_thumb_height = 350;
    img_thumb_width = 350;
    </script>
    <script src='http://abuiyad.googlecode.com/svn/trunk/read-more-left.js' type='text/javascript'/><font size="0"><a href="http://www.monte-escalier-prix.org"></a></font>

- عدل بما يناسبك ما هو باللون الأزرق إذا أردت التعديل .

- بعد ذلك قم بالبحث عن الوسم  <data:post.body/> 

هنالك اكثر ن كود منه ولكن المقصود الثاني من هذا الكود .

- استبدله بهذا الكود :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<div style='clear: both;'/>
<span
 style='padding-top:5px;;float:right;text-align:right;'><a
expr:href='data:post.canonicalUrl' rel='bookmark'><b>أكمل القراءة
>></b></a></span>
</b:if> </b:if>

- احفظ القالب .

قالب بلوجر بتقنية web 2.0 جديد معرب احترافي 2015 | الخبراء للبرامج

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

مرحبا بكم معنا 

ها قد عدنا من جديد وجعبتنا مملوءة بكم محبة لكم 

اليوم سوف اقدم لكم 

قالب في قمة الروعة والجمل 

Real State

قالب احترافي بتقنية web 2.0 

القالب معرب ومن تطوير الخبراء للبرامج

صورة القالب 

مواصفات القالب

- الالوان الرئيسية : الأبيض الأزرق
- قائمة مسندلة بشكل رائع
- مكان وضع الاعلانات في الهيدر من لوحة التحكم
- مدعم لجميع المقاسات متل (iphon-ipad-imac)
- صورة تلقائية لاختصار الموضوع في الرئيسية مع خاصية اقرا المويد
- يدعم لاهم المتصفحات ( .IE9, Mozilla, Chrome .Operasafari .web browsers )
- تحديد كاتب الموضوع في التعليقات
- والعديد من المواصفات اكتشفها بنفسك

جميع الحقوق محفوظة لمدونة الخبراء للبرامج .

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

أخواني زوار ومتابعي المدونة

أهلاً بكم معنا 

اليوم سوف نتعرف على إضافة في غاية الجمال والروعة

صورة الإضافة

لمشاهدة الإضافة

- طريقة تركيب الإضافة :

- ادخل إلى مدونتك | ثم أختر تخطيط | ثم إضافة أداة HTML/Javascript

- أنسخ الكود التالي واللصقه في صندوق الأداة :

الكود

<style>
#MD-ads img {
margin: 0px 8px 4px 0px;
padding: 3px;
text-align: center;
border: 3px solid #c0c0c0;
-webkit-border-radius:70px;
-moz-border-radius:70px;
-o-border-radius:70px;
border-radius:70px;
-webkit-transition: all 0.45s ease-out;
-moz-transition: all 0.45s ease-out;
-o-transition: all 0.45s ease-out;
transition: all 0.45s ease-out;
}
#MD-ads img:hover {
margin: 0px 8px 4px 0px;
padding: 3px;
text-align: center;
border: 3px solid #c33f00;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-o-border-radius:0px;
border-radius:0px;
}
</style>
<div id="MD-ads" align="left">
<table border="0"  cellpadding="2" cellspacing="6" width="265" bgcolor="#fff"><tbody>
<tr>
<td>
<center>
<a href="رابط المعلن" rel="nofollow">
<img border="0" alt="وصف الإعلان" width="125" src="رابط الصورة" height="125"/></a>
</center>
</td>
<td>
<center>
<a href="رابط المعلن" rel="nofollow">
<img border="0" alt="وصف الإعلان" width="125" src="رابط الصورة" height="125"/></a>
</center>
</td>
</tr>
<tr>
<td>
<center>
<a href="رابط المعلن" rel="nofollow">
<img border="0" alt="وصف الإعلان" width="125" src="رابط الصورة" height="125"/></a>
</center>
</td>
<td>
<center>
<a href="رابط المعلن" rel="nofollow">
<img border="0" alt="وصف الإعلان" width="125" src="رابط الصورة" height="125"/></a>
</center>
</td>
</tr>
</tbody>
</table>
</div>

- عدل ماهو باللون الأحمر .

طريقة التأثير بصيغة Css على المشاركات الشائعة لمدونات بلجر

زوار ومتابعي المدونة

أهلاً بكم معنا 

اليوم سوف نتعرف على طريقة التأثير بصيغة CSS على المشاركات الشائعة

- طريقة التركيب :

- ادخل إلى مدونتك | ثم أختر تحرير قالب .

- ابحث عن الوسم  ]]></b:skin>

- ثم ضع الكود التالي فوقه .

  
#PopularPosts1 dd {    float: left;    border-bottom: none;    margin: 8px 8px 0 8px;    background: none;    display: block;    padding: 0}

#PopularPosts1 img {    -webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    transition: all 0.5s ease;    padding: 4px;    background: #eee;    background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));    background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);    -webkit-border-radius: 4px;    -moz-border-radius: 4px;    border-radius: 4px;    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);    -moz-box-shadow: 0 0 3px rgba(0,0,0,.7);    box-shadow: 0 0 3px rgba(0,0,0,.7);}

#PopularPosts1 img:hover {    -moz-transform: scale(1.2) rotate(-350deg);    -webkit-transform: scale(1.2) rotate(-350deg);    -o-transform: scale(1.2) rotate(-350deg);    -ms-transform: scale(1.2) rotate(-350deg);    transform: scale(1.2) rotate(-350deg);    -webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);    -moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);    box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);}
 

- احفظ القالب .

اضافة أجمل سلايدشو تلقائي التشغيل لمدونات بلوجر

زوار ومتابعي المدونة 

أهلاً بكم معنا 

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

- طريقة التركيب :

1- من  لوحة التحكم -> قالب -> تحرير HTML 

2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات 

3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)

قم بالبحث عن الكود  ]]></b:skin> واضف قبله الكود التالي :

 .s3slider {
  margin:0 auto 10px;
  border:2px solid white;
  background:white none no-repeat 50% 50%;
  -webkit-box-shadow:0 1px 3px rgba(0,0,0,.4),0 7px 10px -3px rgba(0,0,0,.4);
  -moz-box-shadow:0 1px 3px rgba(0,0,0,.4),0 7px 10px -3px rgba(0,0,0,.4);
  box-shadow:0 1px 3px rgba(0,0,0,.4),0 7px 10px -3px rgba(0,0,0,.4);
  position:relative;
  overflow:hidden;
}
.s3slider.loading {
  background-image:url('data:image/gif;base64,R0lGODlhEAAQAPYAAP///wAAANTU1JSUlGBgYEBAQERERG5ubqKiotzc3KSkpCQkJCgoKDAwMDY2Nj4+Pmpqarq6uhwcHHJycuzs7O7u7sLCwoqKilBQUF5eXr6+vtDQ0Do6OhYWFoyMjKqqqlxcXHx8fOLi4oaGhg4ODmhoaJycnGZmZra2tkZGRgoKCrCwsJaWlhgYGAYGBujo6PT09Hh4eISEhPb29oKCgqioqPr6+vz8/MDAwMrKyvj4+NbW1q6urvDw8NLS0uTk5N7e3s7OzsbGxry8vODg4NjY2PLy8tra2np6erS0tLKyskxMTFJSUlpaWmJiYkJCQjw8PMTExHZ2djIyMurq6ioqKo6OjlhYWCwsLB4eHqCgoE5OThISEoiIiGRkZDQ0NMjIyMzMzObm5ri4uH5+fpKSkp6enlZWVpCQkEpKSkhISCIiIqamphAQEAwMDKysrAQEBJqamiYmJhQUFDg4OHR0dC4uLggICHBwcCAgIFRUVGxsbICAgAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAAHjYAAgoOEhYUbIykthoUIHCQqLoI2OjeFCgsdJSsvgjcwPTaDAgYSHoY2FBSWAAMLE4wAPT89ggQMEbEzQD+CBQ0UsQA7RYIGDhWxN0E+ggcPFrEUQjuCCAYXsT5DRIIJEBgfhjsrFkaDERkgJhswMwk4CDzdhBohJwcxNB4sPAmMIlCwkOGhRo5gwhIGAgAh+QQJCgAAACwAAAAAEAAQAAAHjIAAgoOEhYU7A1dYDFtdG4YAPBhVC1ktXCRfJoVKT1NIERRUSl4qXIRHBFCbhTKFCgYjkII3g0hLUbMAOjaCBEw9ukZGgidNxLMUFYIXTkGzOmLLAEkQCLNUQMEAPxdSGoYvAkS9gjkyNEkJOjovRWAb04NBJlYsWh9KQ2FUkFQ5SWqsEJIAhq6DAAIBACH5BAkKAAAALAAAAAAQABAAAAeJgACCg4SFhQkKE2kGXiwChgBDB0sGDw4NDGpshTheZ2hRFRVDUmsMCIMiZE48hmgtUBuCYxBmkAAQbV2CLBM+t0puaoIySDC3VC4tgh40M7eFNRdH0IRgZUO3NjqDFB9mv4U6Pc+DRzUfQVQ3NzAULxU2hUBDKENCQTtAL9yGRgkbcvggEq9atUAAIfkECQoAAAAsAAAAABAAEAAAB4+AAIKDhIWFPygeEE4hbEeGADkXBycZZ1tqTkqFQSNIbBtGPUJdD088g1QmMjiGZl9MO4I5ViiQAEgMA4JKLAm3EWtXgmxmOrcUElWCb2zHkFQdcoIWPGK3Sm1LgkcoPrdOKiOCRmA4IpBwDUGDL2A5IjCCN/QAcYUURQIJIlQ9MzZu6aAgRgwFGAFvKRwUCAAh+QQJCgAAACwAAAAAEAAQAAAHjIAAgoOEhYUUYW9lHiYRP4YACStxZRc0SBMyFoVEPAoWQDMzAgolEBqDRjg8O4ZKIBNAgkBjG5AAZVtsgj44VLdCanWCYUI3txUPS7xBx5AVDgazAjC3Q3ZeghUJv5B1cgOCNmI/1YUeWSkCgzNUFDODKydzCwqFNkYwOoIubnQIt244MzDC1q2DggIBACH5BAkKAAAALAAAAAAQABAAAAeJgACCg4SFhTBAOSgrEUEUhgBUQThjSh8IcQo+hRUbYEdUNjoiGlZWQYM2QD4vhkI0ZWKCPQmtkG9SEYJURDOQAD4HaLuyv0ZeB4IVj8ZNJ4IwRje/QkxkgjYz05BdamyDN9uFJg9OR4YEK1RUYzFTT0qGdnduXC1Zchg8kEEjaQsMzpTZ8avgoEAAIfkECQoAAAAsAAAAABAAEAAAB4iAAIKDhIWFNz0/Oz47IjCGADpURAkCQUI4USKFNhUvFTMANxU7KElAhDA9OoZHH0oVgjczrJBRZkGyNpCCRCw8vIUzHmXBhDM0HoIGLsCQAjEmgjIqXrxaBxGCGw5cF4Y8TnybglprLXhjFBUWVnpeOIUIT3lydg4PantDz2UZDwYOIEhgzFggACH5BAkKAAAALAAAAAAQABAAAAeLgACCg4SFhjc6RhUVRjaGgzYzRhRiREQ9hSaGOhRFOxSDQQ0uj1RBPjOCIypOjwAJFkSCSyQrrhRDOYILXFSuNkpjggwtvo86H7YAZ1korkRaEYJlC3WuESxBggJLWHGGFhcIxgBvUHQyUT1GQWwhFxuFKyBPakxNXgceYY9HCDEZTlxA8cOVwUGBAAA7AAAAAAAAAAAA');
  text-indent:-9999px;
}
.s3slider-content,
.s3slider-content li {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  margin:0;
  padding:0;
  list-style:none;
  overflow:hidden;
}
.s3slider-content li {
  position:static;
  display:none;
}
.s3slider-content img {
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  border:none;
  outline:none;
  padding:0;
  margin:0;
}
.s3slider-caption {
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:auto;
  font:normal normal 11px/normal GESSTwoMediumRegular;
  color:white;
  background-color:black;
  opacity:.8;
  filter:alpha(opacity=80);
  padding:7px 10px 10px;
  display:none;
}
.s3slider-title,
.s3slider-meta {display:block}
.s3slider-title a {
  font-size:110%;
  font-weight:bold;
  color:white;
  text-decoration:none;
}
.s3slider-title a:focus,
.s3slider-title a:hover {text-decoration:underline}
.s3slider-meta-comment:before {content:" - "}  

4- والان بعد ان قمت باضافة الكود اضغط على حفظ ثم نذهب الى التخطيط اضافة اداة Html/javascript واضف الكود التالي داخل الاداة :

  <b:if cond="data:blog.url == data:blog.homepageUrl">
<div id="s3slider-container">
<div class="s3slider loading" style="height: 270px; width: 420px;">
Memuat...</div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script><br />var s3slider_config = {<br />    url: 'http://homeblog7.blogspot.blogspot.com',<br />    numPost: 7,<br />    labelName: null,<br />    monthArray: [<br />        "Januari",<br />        "Februari",<br />        "Maret",<br />        "April",<br />        "Mei",<br />        "Juni",<br />        "Juli",<br />        "Agustus",<br />        "September",<br />        "Oktober",<br />        "November",<br />        "Desember"<br />    ],<br />    noImage: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC',<br />    newTabLink: false,<br />    containerId: 's3slider-container',<br />    slider: {<br />        width: 620,<br />        height: 270,<br />        timeOut: 4000<br />    }<br />};<br /></script>
<script src="http://dte-project.googlecode.com/svn/trunk/blogger-s3slider.js"></script> </b:if>
 

- غير رابط المدونة http://homeblog7.blogspot.com/ برابط مدونتك
- numPost: عدد المواضيع التي تعرض في السلايدشو يمكنك تغيرها حسب رغبتك
- width: تغير عرض السلايدشو حسب حجم مدونتك
- height: تغير طول السلايدشو حسب رغبتك ايضاً

 لاتقرأ وترحل ضع بصمتك معنا

 من خلال ترك تعليق

 اي استفسار حول الموضوع ضعه

 في تعليق دمتم برعاية الله وحفظه

إضافة تبادل إعلاني بشكل جذاب واحترافي لمدونات بلوجر

زوار ومتابعي المدونة

اهلاً بكم معنا

اليوم سوف نتعرف على 

" إضافة تبادل إعلاني بشكل جذاب جداً لمدونات بلوجر "

صورة الإضافة

- طريقة تركيب الإضافة :

- ادخل إلى مدونتك | ثم اختر تخطيط | ثم إضافة أداة HTML/JaveScript

- اللصق الكود التالي داخل صندوق الأداة | ثم احفظ .

اعلن هنا




اعلن هنا




اعلن هنا




اعلن هنا




اعلن هنا




اعلن هنا




اعلن هنا




اعلن هنا




اعلن هنا




اعلن هنا




اعلن هنا

- التعديلات :

 - عدل رابط مدونتي برابط المعلن .

 - عدل رابط الصورة بصورة المعلن . رابط الصورة : http://im60.gulfup.com/bNal6Z.png

كيفية التحكم في محاذاة الصورة باستخدام أنماط CSS

تتيح لك أنماط CSS أن تتحكم في محاذاة الصور والعناصر الأخرى على صفحة الويب.

في هذه المقالة، سنشرح كيفية التحكم في محاذاة الصور.

1- توسيط الصورة : استخدم الكود التالي :

img.center {
display: block;
margin-left: auto;
margin-right: auto;
}

2- محاذاة الصورة على اليمين : استخدم الكود التالي :

img.rightWrap {
float:right;
margin-left:10px;
}

3-محاذاة الصورة إلى اليسار : استخدم الكود التالي :

img.leftWrap {
float: left;
margin-right: 10px;
}