إضافة بلوجر للإشتراك عبر البريد الإلكتروني بشكل جديد

في هذه التدوينة سأشارك معكم إضافة مهمة لمدونات بلوجر ، للإشتراك عبر البريد الإلكتروني لمدونات بلوجر هذه الإضافة بشكلها الأنيق والتي يحتاجها مدون ليتوصل متابعوه بكل المواضيع فور نشرها مما يرفع شيئا ما من معدل الزيارات

↓↓↓↓

طريقة تركيب الإضافة

1. الدخول إلى لوحة التحكم
2. إضافة html/javascript
3. أضف داخله الكود التالي في المكان الذي تريد :

<div style="text-align:center"> <form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=MPT-Network', 'popupwindow', 'scrollbars=yes,width=600,height=520');" id="mpt-sub"> <h1> إشترك الأن في النشرة البريدية </h1> <div id="mpt-img"> <img src="https://icon-icons.com/icons2/426/PNG/512/Email_996px_1195279_42271.png" alt="email-subscribe" height="48" width="48" /> <h3> إشترك لتتوصل بجديد مواضيعنا على ايميلك</h3> </div> <input type="hidden" value="mypremiumtricks" name="uri" /> <input type="email" name="email" class="login-input" placeholder="أدخل بريدك الإلكتروني" autofocus="autofocus" autocomplete="off" /> <input type="hidden" name="loc" value="en_IN" /> <input type="submit" value="إشترك" class="login-submit" /> </form> </div> <style> #mpt-sub h1{ font-family:mptfont1 !important; text-shadow:-1.05px 0.58px 0.3px rgb(193, 193, 193), -2.10px 1.16px 0.3px rgb(181, 181, 181), -3.15px 1.75px 0.3px rgb(169, 169, 169), -4.20px 2.33px 0.3px rgb(156, 156, 156), -5.25px 2.91px 0.3px rgb(142, 142, 142), -6.30px 3.49px 0.3px rgb(128, 128, 128), -5.25px 2.91px 2px rgba(0, 0, 0, 0.3), -10.50px 5.82px 4px rgba(0, 0, 0, 0.3), -15.74px 8.73px 6px rgba(0, 0, 0, 0.3), -20.99px 11.64px 8px rgba(0, 0, 0, 0.3) !important; color:white !important; font-size:29px !important; } #mpt-img img{ float:left !important; } #mpt-sub{ width:300px !important; -webkit-border-radius:0px !important; -moz-border-radius:0px !important; border-radius:0px !important; padding:12px 16px !important; background:-webkit-radial-gradient(rgb(112, 94, 240), rgb(60, 64, 175), rgb(67, 72, 202)) !important; background:-moz-radial-gradient(rgb(112, 94, 240), rgb(60, 64, 175), rgb(67, 72, 202)) !important; background:-o-radial-gradient(rgb(112, 94, 240), rgb(60, 64, 175), rgb(67, 72, 202)) !important; background:-ms-radial-gradient(rgb(112, 94, 240), rgb(60, 64, 175), rgb(67, 72, 202)) !important; background: radial-gradient(rgb(112, 94, 240), rgb(60, 64, 175), rgb(67, 72, 202)) !important; -webkit-box-shadow:5px 4px 0 -1px rgba(56, 44, 197, 0.4), 8px 7px 0 1px rgba(85, 63, 199, 0.3), 12px 12px 0 1px rgba(49, 62, 219, 0.2) !important; -moz-box-shadow:5px 4px 0 -1px rgba(56, 44, 197, 0.4), 8px 7px 0 1px rgba(85, 63, 199, 0.3), 12px 12px 0 1px rgba(49, 62, 219, 0.2) !important; box-shadow:5px 4px 0 -1px rgba(56, 44, 197, 0.4), 8px 7px 0 1px rgba(85, 63, 199, 0.3), 12px 12px 0 1px rgba(49, 62, 219, 0.2) !important; -webkit-transition:0.5s linear !important; -moz-transition:0.5s linear !important; -o-transition:0.5s linear !important; transition:0.5s linear !important; } #mpt-sub:hover{ -webkit-box-shadow:5px 4px 0 -1px rgba(56, 44, 197, 0.4), 8px 7px 0 1px rgba(85, 63, 199, 0.3), 12px 12px 0 1px rgba(49, 62, 219, 0.2), inset 0px 0px 31px rgb(17, 15, 24) !important; -moz-box-shadow:5px 4px 0 -1px rgba(56, 44, 197, 0.4), 8px 7px 0 1px rgba(85, 63, 199, 0.3), 12px 12px 0 1px rgba(49, 62, 219, 0.2), inset 0px 0px 31px rgb(17, 15, 24) !important; box-shadow:5px 4px 0 -1px rgba(56, 44, 197, 0.4), 8px 7px 0 1px rgba(85, 63, 199, 0.3), 12px 12px 0 1px rgba(49, 62, 219, 0.2), inset 0px 0px 31px rgb(17, 15, 24) !important; } #mpt-sub *{ outline:0 !important; } #mpt-img{ padding:1em 0 !important; height:3em !important; } #mpt-img p{ font-family:monospace !important; color:white !important; float:right !important; top:10px !important; position:relative !important; width:19em !important; } :-moz-placeholder{ color:#bcc0c8 !important !important; } ::-webkit-input-placeholder{ color:#bcc0c8 !important; } :-ms-input-placeholder{ color:#bcc0c8 !important !important; } .login-input{ display:block !important; width:16em !important; height:37px !important; margin:8px auto !important; text-align:center !important; padding:0 9px !important; color:white !important; text-shadow:0 1px black !important; background:#443837 !important; border:1px solid #15243b !important; border-top-color:#0d1827 !important; -webkit-border-radius:4px !important; -moz-border-radius:4px !important; border-radius:4px !important; background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0)) !important; background-image:-moz-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0)) !important; background-image:-o-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0)) !important; background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0)) !important; -webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2) !important; -moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2) !important; box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2) !important; } .login-input:focus{ background-color:#32486d !important; -webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 4px 1px rgba(255, 255, 255, 0.6) !important; -moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 4px 1px rgba(255, 255, 255, 0.6) !important; box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 4px 1px rgba(255, 255, 255, 0.6) !important; } .login-submit{ display:block !important; width:100% !important; height:37px !important; margin-bottom:15px !important; font-size:14px !important; line-height:10px !important; font-weight:bold !important; color:#294779 !important; text-align:center !important; text-shadow:0 1px rgba(255, 255, 255, 0.3) !important; background:#adcbfa !important; -webkit-background-clip:padding-box !important; -moz-background-clip:/*@@prefixmycss->No equivalent*/ !important; background-clip:padding-box !important; /*@@prefixmycss->No equivalent*/ :!important; border:1px solid #284473 !important; border-bottom-color:#223b66 !important; -webkit-border-radius:4px !important; -moz-border-radius:4px !important; border-radius:4px !important; cursor:pointer !important; background-image:-webkit-linear-gradient(top, #d0e1fe, #96b8ed) !important; background-image:-moz-linear-gradient(top, #d0e1fe, #96b8ed) !important; background-image:-o-linear-gradient(top, #d0e1fe, #96b8ed) !important; background-image:linear-gradient(to bottom, #d0e1fe, #96b8ed) !important; -webkit-box-shadow:inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 7px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.15) !important; -moz-box-shadow:inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 7px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.15) !important; box-shadow:inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 7px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.15) !important; } .login-submit:active{ background:#a4c2f3 !important; -webkit-box-shadow:inset 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.1) !important; -moz-box-shadow:inset 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.1) !important; box-shadow:inset 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.1) !important; } </style>

قم بتغيير MPT-Network بمعرف مدونتك.

بعد ذلك ، قم بـ حفظ القالب وشاهد النتيجة على مدونتك.