...ولاتنسى ...

(عزيزي المدونة اخذ نسخه من قالبك قبل البدء بأضافة أي تعديل على قالبك)

 <div class='post-header-line-1'>

 <div class='post-header'>

 <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZA1jNSG-ZCPvv0mOnZ-SIaGpZXuwRthmbSWvGphRslrrzIl_XmGoD_cxuuhQUqFJd_0ewt5HAR_QWP5FXbpvtfcXSW0yQOlCbUe5-9hou8Cb4D8GbPRSPUFseaiS6va8Jvx7K_a7IN9-2/s1600/author.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.author/></font> | <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha8KgrhnQdAgoudIebLhm4Ou2gLBOdzFA84q7kCaG6nCwrw84AeDY3JlSxZCq2v5elmb0eJQ3EFx934v6ByFJ2YtqLG-T2O4WWudUS2jvBciS0KadlaBI0ljT9NaUJtH8isKXv0vrYqQCj/s1600/clock_icon.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.timestamp/></font> | <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVhYemp3hYL1DAuYO3VozcyD4pq1z9NaXU-YCATBWGGpV2Q5bM9wiO1aA8JH8E03jbrogM4QwKyR2vzCLjWc5bPzGVJO9kYgSD2BmvZJ3TdlxODDmVNuziEPuasukAL4xbpnSTvUec2-zU/s1600/tag+icon.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'><b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + &quot;?max-results=8&quot;' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'>|</b:if>
</b:loop>
</b:if></font>
<span class='post-comment-link' style='Float:right;'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <b:if cond='data:post.allowComments'>
            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuafxci5dp3zO2Gk8j78yPHsGW2d4bNA6oWNlSwT0ZQANZOUxmPUvvIPzHreDyB51nZRkx0GSimBjTSqC0IpA_YWcKQXAKwdx2QDRgjvPW9IO4EPKWNAtv2aGVNAh55A971XquGGE_h1fh/s1600/comment-icon.png) no-repeat;Padding-left:20px;'><b:if cond='data:post.numComments == 0'>Be the first to comment!<b:else/> <b:if cond='data:post.numComments == 1'><data:post.numComments/> Comment so far<b:else/><data:post.numComments/> Comments so far</b:if> </b:if></a>
          </b:if>
        </b:if>
      </span>

أضغط هنا للمعاينة الاضافة

]]></b:skin>

   .post-body img {        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");     /* Firefox 3.5+ */        filter: gray;     /* IE6-9 */        -webkit-filter: grayscale(100%);     /* Chrome 19+ & Safari 6+ */;    }    .post-body img:hover {        filter: none;        -webkit-filter: grayscale(0%);    }

هو كم تبقى على شهر رمضان المبارك باليوم و الساعه و الدقيقة و الثانية ايضا

ولاضافة بثلاثة ألوان 

الشكل الاول

اللون الاحمر

الكود

الشكل الثاني

اللون البنفسجي

الكود

<center>
<embed height="150" src="https://googledrive.com/host/0B3ntuTCXGn6nZ1BfTG5qZ1gzVEE" type="application/x-shockwave-flash" width="300" wmode="transparent"></embed>
<center>
<a href="http://www.condaianllkhir.com/" target="_blank"><span style="color: #999999;"><span style="font-size: xx-small;">islamic widget</span></span></a></center>
</center>

الشكل الثالث 

اللون الاخضر

الكود

<center>
<embed height="160" src="https://googledrive.com/host/0B3ntuTCXGn6ndUJIT3doTjJCa3c" type="application/x-shockwave-flash" width="300" wmode="transparent"></embed>
<center>
<a href="http://www.condaianllkhir.com/" target="_blank"><span style="color: #999999;"><span style="font-size: xx-small;">islamic widget</span></span></a></center>
</center>

طريقة وضع الاضافة وتركيبها في مدونات البلوجر

 توجه للوحة التحكم

تخطيط "" أضافة أداة

واختر منها

HTML/JavaScript

ألصق الكود المراد وضعه في مدونتك  في صندوق المخصص لذلك

وأعمل حفظ للادة

 ملاحظة

تستطيع تغيير عرض وأرتفاع الصورة من خلال الكود

ابحث في الكود عن 

height=150

المقصود بها أرتفاع الصورة عدل فقط في الرقم

 وابحث عن 

width=300

المقصود بها عرض الصور عدل فقط في الرقم

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

</head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script><script type='text/javascript'>$(document).ready(function() {   $("a[href^='http://']").each(     function(){      if(this.href.indexOf(location.hostname) == -1) {         $(this).attr('target', '_blank');       }     }   );$("a[href^='https://']").each( function(){ if(this.href.indexOf(location.hostname) == -1) { $(this).attr('target', '_blank'); } } );  });</script>