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

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

الشكل الاول

اللون الاحمر

الكود

الشكل الثاني

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

الكود

<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

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

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

(document.body).append('<div id="abt-page-loader">Loading...</div>');$(window).on("beforeunload", function() {    // ... Show the Animation `.fadeIn()`    - See more at: http://mdonti-n.blogspot.com/2014/03/blog-post_2195.html#sthash.4fBql6xG.dpuf

<script type='text/javascript'>//<![CDATA[ضع هنا الكود المرفوع بموقع الاستضافة فقط الصقه هنا //]]></script>

<script type='text/javascript'>//<![CDATA[(document.body).append('<div id="abt-page-loader">Loading...</div>');$(window).on("beforeunload", function() {    // ... Show the Animation `.fadeIn()`    - See more at: http://mdonti-n.blogspot.com/2014/03/blog-post_2195.html#sthash.4fBql6xG.dpuf //]]></script>

</body>

<style>#abt-page-loader {        position: fixed!important;        top: 0;        right: 0;        bottom: 0;        left: 0;        z-index: 9999;        background:#000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmJh8lWAeJ49I-SlPMDSPoG3Q9t1qaE5yCbHszhHS0szb794jRfaQh-qNB31DrWxXnUfBuN7edd7yTk3jEN3x03AstJxh5pX47wRkWSnA8op5mvIUbhZkQ38AUx7Teb7AZzJKGqJYM5Q/s1600/13746659591320.gif') no-repeat 50% 30%;        color: #FFF;        display: none;        font: 0/0 a;        text-shadow: none;        padding: 1em 1.2em;}</style> <script type='text/javascript'>//<![CDATA[$(document.body).append('<div id="abt-page-loader">Loading...</div>');$(window).on("beforeunload", function() {    // ... Show the Animation `.fadeIn()`    $('#abt-page-loader').fadeIn(1000).delay(6000).fadeOut(1000);});//]]></script>

<div class='metro-social'><li><a class="fb" href=ضع هنا رابط صفحة المدونة فيسبوك rel="nofollow"></a></li><li><a class="tw" href=رابط المدونة بتويتر></a></li><li><a class="gp" href="رابط المدونة قوقل بلس"></a></li><li><a class="pi" href=رابط المدونة بينترست ="nofollow"></a></li><li><a class="in" href=رابط المدونة لينكد="nofollow"></a></li><li><a class="yt" href=رابط المدونة يوتيوب></a></li><li><a class="fd" href=رابط التغذية للمدونة="nofollow"></a></li></div><style>.metro-social{width:285px}.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}.metro-social .fb,.tw,.gp,.pi,.in,.yt,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:68px;height:70px}.metro-social .gp{width:69px;height:70px;background:url(//goo.gl/oT0kF) no-repeat center center #da4a38}.metro-social .pi{background:url(//goo.gl/7olxx) no-repeat center center #d73532;width:68px;height:69px}.metro-social .in{background:url(//goo.gl/PhFhj) no-repeat center center #0097bd;width:69px;height:69px}.metro-social .yt{background:url(//goo.gl/zcwjB) no-repeat center center #e64a41;width:140px;height:69px}.metro-social .fd{background:url(//goo.gl/lhBP1) no-repeat center center #e9a01c;width:140px;height:69px}.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}.metro-social li:hover .pi{background:url(//goo.gl/IORvy) no-repeat center center #d73532}.metro-social li:hover .in{background:url(//goo.gl/2zHrm) no-repeat center center #0097bd}.metro-social li:hover .yt{background:url(//goo.gl/I1c4a) no-repeat center center #e64a41}.metro-social li:hover .fd{background:url(//goo.gl/CjzDP) no-repeat center center #e9a01c}</style>

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

<div dir="rtl" style="text-align: right;" trbidi="on"><div style="text-align: center;"><b><span style="color: blue;"><a href="http://mdonti-n.blogspot.com/" target="_blank">لتعديل وضبط الصورة وأضافة بعض التاثيرات عليها</a></span></b></div><iframe height="600" src="http://pixlr.com/o-matic/" width="100%"></iframe> </div>

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

 تهيئة HTML/JavaScript

أو عمل صفحة خاصة بالاضافة 

ويمكنك ذلك عن طريق الاتجاه للوحة التحكم الخاصة بالبلوجر وبعد ذلك من القائمة 
المنسدلة نختار 

(الصفحات)

وبعد ذلك سوف تظهر لك قائمة منسدلة صفحة جديدة نضغط عليها ونختار
(صفحة فارغة)

ونعمل كما في الصورة (توضيح)

• Hom
• Pixlr Editor

<div dir="rtl" style="text-align: right;" trbidi="on">

<div style="text-align: center;">

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="437" width="620">

  <param name="flashvars" value="cid=15134415&amp;autoplay=false&amp;style=ube166b7:lce166b7:ocffffff:ucffffff"/>

  <param name="allowfullscreen" value="true"/>

  <param name="allowscriptaccess" value="always"/>

  <param name="src" value="http://www.ustream.tv/flash/viewer.swf"/>

  <embed flashvars="cid=15134415&amp;autoplay=false&amp;style=ube166b7:lce166b7:ocffffff:ucffffff" width="620" height="437" allowfullscreen="true" allowscriptaccess="always" src="http://www.ustream.tv/flash/viewer.swf" type="application/x-shockwave-flash"></embed>

</object>

</div>

<a href="http://mdonti-n.blogspot.com/" style="background-color: white; background-position: initial initial; background-repeat: initial initial; display: block; padding: 2px 0px 4px; text-align: center; text-decoration: underline; width: 400px;" target="_blank"><b><span style="color: purple;">القران الكريم من مكة المكرمة بث مباشر أنتظر ثواني حتى بداية التحميل</span></b></a><br />

<div dir="rtl" style="text-align: right;" trbidi="on">

<br /></div>

</div>

<div dir="rtl" style="text-align: right;" trbidi="on">

<iframe allowfullscreen="" frameborder="0" height="360" src="//www.youtube.com/embed/w4t0rhKxil4?feature=player_detailpage" width="640"></iframe><br />

<div dir="rtl" style="text-align: right;" trbidi="on">

<br /></div>

</div>

<div dir="rtl" style="text-align: right;" trbidi="on">

<iframe frameborder="0" height="302" scrolling="no" src="http://www.ustream.tv/embed/1425326?ub=e166b7&amp;lc=e166b7&amp;oc=ffffff&amp;uc=ffffff&amp;v=3&amp;wmode=direct" style="border: 0px none transparent;" width="480">    </iframe>

<a href="http://mdonti-n.blogspot.com/" style="background-color: white; background-position: initial initial; background-repeat: initial initial; display: block; padding: 2px 0px 4px; text-align: center; text-decoration: underline; width: 400px;" target="_blank"><b><span style="color: #4c1130;">بث مباشر لقناة المجد للحديث النبوي</span></b></a>

<br />

<div dir="rtl" style="text-align: right;" trbidi="on">

<br /></div>

</div>

<div dir="rtl" style="text-align: right;" trbidi="on">

<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/xsD3APf7xmo" width="420"></iframe><br />

<div dir="rtl" style="text-align: right;" trbidi="on">

<br /></div>

</div>

<div dir="rtl" style="text-align: right;" trbidi="on">

<br />

<span style="-webkit-text-stroke-width: 0px; color: #555555; display: inline !important; float: none; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: -webkit-center; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;"></span><br />

<table align="center" bgcolor="#000" border="0" cellpadding="10" style="-webkit-text-stroke-width: 0px; color: #555555; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; width: 570px; word-spacing: 0px;"><tbody>

<tr><td align="middle" style="color: #555555; font-family: Tahoma, Geneva, sans-serif; font-size: 12px;"><iframe align="middle" border="0" frameborder="0" height="450" name="test" scrolling="no" src="http://www.noorlive.com/wesal/tv.11.html" width="600"></iframe></td></tr>

</tbody></table>

</div>