بسم الله الرحمن الرحيم السلام عليكم أقدم لكم اليوم درس عن أصحاب البلوجر وهو صندوق متابعة بالبريد الإلكتروني يلا نبدئ على بركة الله
تابع الشرح جيدا
اولا نضغط على تخطيط
ثانيا اضغط على اضافه اداة
ثالثا نضف اداة من نوع 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/AVvXsEjmZrVs2INU62_ovpK6aUUjh6Zbjp7K-L3LTGZ4K9u3w4j3ScOxFDqLrBUo3Wf2T5ifBq0pgSMiDzPpXM8NtdkCehgdnYlpiW5ACZVdxHdGXr0YIxjkVLf3HNNJO76t_g2UX9p0aRp6WRg/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/AVvXsEihsj_d6hepfY68soA9r5OctWQMaMTKs6a3yc-G26hV6fJfBd5MPcybNjTAo9Q3Tq_7H5adaBBt13lJ8F6iAPn-ll8aZG3A9SYkey-NMfmgekpFQ3RGGn4ok-IkXNDn-KxX5xAOEBAFmx0/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/AVvXsEjmZrVs2INU62_ovpK6aUUjh6Zbjp7K-L3LTGZ4K9u3w4j3ScOxFDqLrBUo3Wf2T5ifBq0pgSMiDzPpXM8NtdkCehgdnYlpiW5ACZVdxHdGXr0YIxjkVLf3HNNJO76t_g2UX9p0aRp6WRg/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/AVvXsEihsj_d6hepfY68soA9r5OctWQMaMTKs6a3yc-G26hV6fJfBd5MPcybNjTAo9Q3Tq_7H5adaBBt13lJ8F6iAPn-ll8aZG3A9SYkey-NMfmgekpFQ3RGGn4ok-IkXNDn-KxX5xAOEBAFmx0/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 التعليقات:
إرسال تعليق