السلام عليكم ورحمة
الله وبركاته
--
في هذه التدوينة سوف اقدم لكم اضافة جميلة من تصميم مدونة اورتيلكس للمعلوميات هذه الاضافة يحتاجها كل مدون على موقعه ويجب عليك ان تتوفر عليها بنفسك هذه الاضافة هي قائمة الاشتراك في النشرة الب ريدية بلونين مريحين ومتناصقين
الازرق والاحمر كما يمكنك معاينتها من خلال المدونة
لن اطيل عليكم اترككم مع طريقة التركيب واتمنى ان تعجبكم الاضافة
____________
طريقة التركيب:
- توجه الى التخطيط ثم اضف اداة html/javascript
- وضع داخل الاداة الكود التالي :
<div class="widget-content"><style>/* CSS Subscribe Box */#subscribe-box {width:100%;height:auto;background:white;margin: 0 -5px;}#subscribe-box .title {background:#f8a82a;color:#fff;font-family:'Oswald',sans-serif;font-size:20px;font-weight:400;margin:0 0 0 0;padding:12px 65px 12px 15px;position:relative;transition:all .5s ease-out;}#subscribe-box f {line-height: 39px;
margin: 0;
font-size: 14px;
color: #2c3e50;
padding: 0px 0 0px;
font-weight: 700;
border-bottom: solid 2px #eee;
right: 8px;
font-family: droidkufi-bold;
width: 95%;
position: relative;
text-align: center;}
f:after {
content: " ";
width: 159px;
height: 0;
position: absolute;
right: 36px;
bottom: -2px;
border-bottom: 2px solid #d03f42
}
#subscribe-box .emailfield {padding:0px 20px 10px;}#subscribe-box .emailfield input {
color: #737373;
padding: 8px;
margin: 7px 0 0 0;
font-size: 11px;
font-family: droidkufi-bold;
width: 100%;
border: 0;
border: 1px solid transparent;
transition: all 0.4s ease-in-out;
border: 1px solid #eeeeee;
border-radius: 4px;
}
input[type="textor"] {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ2Bn5BZ4_1Y_JMMJphTQIbIJpFeMPtPqq1JZqSsN2Ach0ueGzV86y3jZ-ezkH3rm2e6RNxbD_s-UJaqLAwfn5unxBDxl1HS9O-SQUC9accQdpOhFy2_pFEMnQeYxSFTk0T585JIOgDIjF/s1600/letter.png) no-repeat 5px 9px;
background-size: 30px;
}
#subscribe-box .emailfield input:focus {outline:none;background:#fff;color:#666;border:1px solid #e7e7e7;}#subscribe-box .emailfield .submitbutton {background:#D03F42 !important;color:#fff!important;text-transform:uppercase;font-weight:bold;border:none;outline:none;width:100%;cursor:pointer;transition:all 0.4s ease-in-out;border-radius: 3px;}#subscribe-box .emailfield .submitbutton:active {padding-top:11px;padding-bottom:9px;}#subscribe-box .emailfield .submitbutton:hover{background:#2c3e50;color:#fff;}</style><div id="subscribe-box"> <f>اشترك لتحصل على احدث المواضيع</f> <div class="emailfield"> <form action="https://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('https://feedburner.google.com/fb/a/dashboard?id=6m14klcoaao6n1i4lecqv04b68', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"> <input type="text" name="name" onblur="if (this.value == "") {this.value = " اسمك الكامل";}" onfocus="if (this.value == " اسمك الكامل") {this.value = "";}" value=" اسمك الكامل" /> <input type="textor" name="email" onblur="if (this.value == "") {this.value = "بريدك الإلكتروني";}" onfocus="if (this.value == "بريدك الإلكتروني") {this.value = "";}" value="بريدك الإلكتروني" /><input name="uri" type="hidden" value="rLqALt" /><input name="loc" type="hidden" value="en_US" /> <input class="submitbutton" type="submit" value="اشترك الأن!" /> </form> </div></div></div>
