شرح:اضافة اشترك في النشرة البريدية بتقنية 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>


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

0 commentaires:

إرسال تعليق

Twitter Delicious Facebook Digg Stumbleupon Favorites More