بسم الله الرحمن الرحيم
هلا متابعى هوستاتى الويب مع درس جديد
كود صندوق متابعة بالبريد الإلكتروني
مثل الموجود فى المدونه
تابع الشرح جيدا
اولا نضغط على تخطيط
ثانيا اضغط على اضافه اداة
ثالثا نضف اداة من نوع HTML/JavaScript
رابعا نلصق الكود هذا
<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=XXXX" '="" 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/AVvXsEgBhb_PVTpXsa3IyGJ_Zoxk6ISXxp3HOkSB_UvzZ6XNkkA908m6thkmZIqSHQuk_XMGZ9F7rVUD63IU3E1pSvHl8lYpk12kYGjkaa2Q7aTxDsHIHxWNK_XZuX8y89Bj2IDdbbTVlqMeEVQ/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/AVvXsEh_BamprU2GHU7y-300PFZMqFqQ0bSLFbD8MJ-m5c7kW_aiL8r8hIvo5E9bqQckzK_1KiTjWD-N-Nj3jXQ8D3GwLiT46MXUVZ4-bnA6NIEn4u_AIQC_tZ67OUv2F9RQJaCWwWwkcQM-AGI/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>
<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=XXXX" '="" 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/AVvXsEgBhb_PVTpXsa3IyGJ_Zoxk6ISXxp3HOkSB_UvzZ6XNkkA908m6thkmZIqSHQuk_XMGZ9F7rVUD63IU3E1pSvHl8lYpk12kYGjkaa2Q7aTxDsHIHxWNK_XZuX8y89Bj2IDdbbTVlqMeEVQ/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/AVvXsEh_BamprU2GHU7y-300PFZMqFqQ0bSLFbD8MJ-m5c7kW_aiL8r8hIvo5E9bqQckzK_1KiTjWD-N-Nj3jXQ8D3GwLiT46MXUVZ4-bnA6NIEn4u_AIQC_tZ67OUv2F9RQJaCWwWwkcQM-AGI/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>
ثم نضغط حفظ ونضغط عرض المدونه ومبروك عليك لقد ظهر الكود
والى لقاء اخر انشاء الله مع هوستاتى الويب
ممنوع النقل بدون ذكر المصدر
ليست هناك تعليقات:
إرسال تعليق