كود القائمة البريدية الخاص بمدونة المحترف

نبدأ على بركة بسم الله الرحمن الرحيم

فى البداية :

1 - سنقوم بالدخول إلى تبويب ( التخطيط )
2 - نقوم بأختيار ( أضافه أداة ) من العمود الأيسر
3 - نختار نوع الأضافة HTML/JavaScript
4 - نضع بها الكود التالى

<div class='clear'></div><div class='widget HTML' id='HTML1'> <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=trucsprofessional' class='signform' method='post' target='_new'> <input class='txt2' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;ضع اميلك هنا&apos;;}' onfocus='if (this.value == &apos;ضع اميلك هنا&apos;) {this.value = &apos;&apos;;}' 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/AVvXsEhHj_GG-AqVREudtc_jYrqqjIilflaSQdByHQPVW1UR97c47aZn2kJrBNA2PazLEYYfua1B2wagIXH1aFuEhuAli8nG8iHuvc-KoC9QIDsFeUrx94X8FefqeHq7kc7zylQvs-q0wmrebB4/s1600/bg.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/AVvXsEirPB9dqJdHCV9YRh39V99yW6DxidvmRslc_wZ4TPUxa_OsOC-YgTvSMdO8_teT2kxfoC_53xxSyih6iD4OPoTI5AzQPqYAMXeFuw7omyFI5K5AKRyclBQZKRS2Ms36vfiYa3PXygA8X54/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=1779057578675241550&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>

5 - يجب تغيير ما باللون الأحمر لرابط التغذية الحاص بمدونتك فى Feed Buner
6 - يمكنك بعد حفظ الأداة أنا تقوم بسحبها و وضعها فى المكان الذى يناسبك

هل أعجبك الموضوع ؟

الموضوع من طرف : منتصير شفيق

منتصير شفيق 24 سنة ،مدون مغربي مهووس بجديد تكنولوجيا المعلوميات ، مهتم بالحماية المعلوماتية يمكنك متابعته من خلال الفيس بوك . تويتر . جوجل بلس

ضع تعليقا أخي الكريم