حصريا اضافة اشترك في النشرة البريدية بتقنية Flat




السلام عليكم ورحمة الله تعالى وبركاته.
بسم الله الرحمان الرحيم والصلاة على اشرف خلق الله سيدنا محمد صلى الله عليه وسلم.
كثرت مدونات بلوجر و كثرت مع الاضافات و القوالب, لكن اتركونا مع موضوع الاضافات لاحظت مؤخرا ان هناك العديد من الاضافات المتشابهة حيث تجد اضافة واحدة تملكة 700 مدونة مما يجعل المدونة اقل احترافية و اناقة لدا قررت ان ابدأ في تصمميم مجموعة من الاضافات الخاصة بالمدونة وكل شيئ خاص بالمدونة فهو خاص بكم.
اضافة اليوم هي اضافة الاشتراك في القائمة البريدية مثل الاضافة الموجودة في مدونتي فهي من تصميمي الخاص الحمد لله مما يجعلها حصرية رغم دالك قررت نشرها لكم.

المعاينة بشكل مباشر 



 عندما تضيفها تأخد الحجم المناسب اوتوماتكيا.
طريقة الاضافة :
    -توجه نحو مدونتك     
    - ثم التخطيط
    - ثم اضافة اداة html/javascript
    - وقم بلصق الكود مع تغيير ما يلزم 

<style type="text/css">
    #cat{background:#fff;width:220px;color:#222;font-family: "DroidKufi-regular";display:inline;margin:3px;padding:3px 2px 2px;}
    #subscribe{overflow:hidden;margin:0;}
    #subbox{font-family: "DroidKufi-regular";color: #666;text-align: right;padding-right: 6px;text-decoration: none;height: 36px;margin: 0px;width: 235px;background: none repeat scroll 0% 0% #F8F8F8;border: 1px solid #fff !important;}
    #subbutton{cursor: pointer;background: #41B7D8;color: #FFF;font-family: "DroidKufi-regular";font-weight: 700;text-decoration: none;border: 1px solid #41B7D8;margin-left: -5px;padding: 3px 5px;height: 36px;display: block;width: 240px;margin-top: 3px;}
    #subbutton:hover{background-color: #5CB85C;border: 1px solid #5CB85C;}
    .menuyassine{padding: 6px;width: 90%;background: #1abc9c;}
    .pe{color: #FFF;text-align: center;font-size: 20px;}
    </style>
<center>   
    <div class="menuyassine">
    <p class="pe">الاشتراك في القائمة البريدية</p>
    <center><img src="https://cdn1.iconfinder.com/data/icons/plex-for-android/72/email.png"/></center>
    <div id='searchbarleft'>
    <form action='http://feedburner.google.com/fb/a/mailverify?uri=blogspot/NWIbL' id='subscribe' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=blogspot/NWIbL&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
    <input id='subbox' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;ادخل بريدك الالكتروني هنا&apos;;}' onfocus='if (this.value == &apos;ادخل بريدك الالكتروني هنا&apos;) {this.value = &apos;&apos;;}' type='text' value='أدخل بريدك'/>
    <input name='uri' type='hidden' value='blogspot/htbgh'/><input name='loc' type='hidden' value='ar-eg'/><input id='subbutton' type='submit' value='!اشترك الان'/>
    </form>
    </div>
    </div>
</center>


و في الاخير لا تبخل علي بكلمة شكرو الى لقاء في تدوينة جديدة واضافة احترافية اخرى.

شارك الموضوع مع اصدقائك؟

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

اذا كان لديك اي استفسار عزيزي الزائر بامكانك وضعه في تعليق!

هناك تعليق واحد:

مدونة اقلام الويب هي مدونة تهتم بكل ماله بتقنيات تطوير الويب عامة وبلوجر بشكل خاص,هدفنا هو مثل جميع اهداف المدونات الاخرى وهو اثراء المحتوى العربي فيما يخص الويب والتقنية,مقر المدونة بالمغرب,تحت ادارة ياسين بوصباع