إضافة احصل يوميا على تحديتاث المدونة من نوع 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 == '') {this.value = 'ضع اميلك هنا';}" onfocus="if (this.value == 'ضع اميلك هنا') {this.value = '';}" 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/AVvXsEjkYqQL2HnkvpZdzvh1mOkdoG7NH_BG7dO_B7vLqt8S4s4LTqE2cm2qNQ9Mt9CrYhakWS_KlYHXxdY_seBn1_6Uey8R62AZEuv-djxASLfzvqHoXwjl9sKTGGo0FRw_REfh9rZh7bkp5i8/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/AVvXsEj-BaLrVDL6_nR8b2qmqmGzzIe7DusI4kB47_P4Bem2ny6iwGLUG3szpPy1mDhgxGCIBnncw3mQG_gYVlIF0PUn0DWr1L754kLZf7GuY2qVNpEEdhLZtTimdKKgHFU9HFOSRqO5poZWtnA/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&widgetType=HTML&widgetId=HTML1&action=editWidget&sectionId=sidebar-left-1" onclick="return _WidgetManager._PopupConfig(document.getElementById("HTML1"));" target="configHTML1" title="تحرير"> <img alt="" height="18" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18" /> </a> </span></span>
</div>
بقلم أسامة بويردن
أنا من المغرب، احب أن أضع كل ما أعرف من معلومات حول الحاسوب ولاأبخل به عليكم، وخطرت لي فكرة عمل مدونة تضم كل المجالات التعليمية للكومبيوتر التي أستطيع إفادتكم بها، فأرجوا ان لاتبخلوا علي أيضا بمتابعتكم لمواضيعي كما ان تعليقاتكم تهمني وتزيد من عطائي لكم إخوتي الكرام وأي استفسار ان موجود وشكرا
0 التعليقات:
إضغط هنا لإضافة تعليق
إرسال تعليق
Blogger Widgets