إضافة احصل يوميا على تحديتاث المدونة من نوع HTML / CSS

إضافة احصل يوميا على تحديتاث المدونة من نوع HTML / CSS

السلام عليكم ، اليوم انشاء الله درس جديد من دورة البلوجر ، طبعا الكثير من المدوينين العرب يبحثون عن جميع الإضافات الاكثر اناقة و التي تعطي جمالية خاصة لمدونتهم ، و اليوم اقدم لكم اضافة جد جميلة و مهمة جدا ، الا و هي الاضافة التي تمكن زوار موقعك  بالحصول يوميا على تحديتاث المدونة ، و من مميزات الاضافة انها  من نوع HTML / CSS ، ادن لن اطيلة عليكم لننتقل الى الشرح المصور:

غير فقط كلمة AZED  برابط خلاصات مدونتك و تمتع بالاضافة:

<div class="widget-content">

<div class="widget-content"> <center><div class="sub"> <h5>ضع إيميلك ليصلك كل جديد المدونة</h5> <div class="ins"> <div id="sleek-subscribe"> <form action="http://feedburner.google.com/fb/a/mailverify?uri=AZED" '="" class="signform" method="post" target="_new"> <input class="txt2" name="email" onblur="if (this.value == &#39;&#39;) {this.value = &#39;ضع اميلك هنا&#39;;}" onfocus="if (this.value == &#39;ضع اميلك هنا&#39;) {this.value = &#39;&#39;;}" value="ضع اميلك هنا" /> <input class="btn2" type="submit" value=" " /> </form> </div> </div> </div> <style>.sub{width:300px;height:130px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXjXhvR-FsWK-qwnFFeC5wFfAIK3U3LeKj7pwABmlAoeTJyp7lhB2O5u4rD40Ecwz3v3Zn4-T0-Wd22vAo81DW6K4Lrrwcyjs0UCUiOAK1oNUQtzt8EDMJppJta5WLjpFJI5XiN24F2DE/s1600/Cadre.png);}.sub h5{color:#2d2d2d;font:22px arial;margin:0;padding:25px 0 0 0;text-align:center;}.sub .ins{width:261px;height:35px;margin:12px auto 0;}.sub .ins .txt2{border:1px solid #E1E1E1;background:white;font:12px Tahoma,Geneva,sans-serif;color:silver;padding:10px 7px 9px 7px;margin:0px;float:right;text-align:right;width:136px;}.sub .ins .btn2{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQBhX095xH5hd69dIdCNpIkCKlEx8A37wIRKs4-irMgSy1Zr2CUZaR-8O7-DIVGKjtZN9AJfd99A5sUrndHMz2w_pkF1JNwYoNRUCHT1qXnns7K6VYOE9yS0qmxLwfhGehokpzut3QWJs/s1600/send.png);float:left;border:none;width:104px;height:33px;cursor:pointer;margin-top:1px;}</style></center> </div> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="//www.blogger.com/rearrange?blogID=4333142131555820750&amp;widgetType=HTML&amp;widgetId=HTML1&amp;action=editWidget&amp;sectionId=sidebar-left-1" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;HTML1&quot;));" target="configHTML1" title="تحرير"> <img alt="" height="18" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18" /> </a> </span></span>

</div>