السلام عليكم ورحمة الله تعالى وبركاته في هذا الموضوع سوف نستعرض عليكم اضافة صندوق البريد الالكتروني لمدونة بلوجر بشكل رائع وجذاب، الاضافة متوافقة مع جميع الأجهزة ، كما تعمل على كل القوالب وفي أي مكان تريد وضعها فيه في الصفحة الرئيسية أو تحت كل موضوع ، اضافة صندوق الاشتراك ضرورية لكل مدونة ليحصل المتابعين على كل المواضيع التي تطرحها في المدونة الخاصة بك على بريدهم الشخصي ، كما تساعد المدون في رفع نسبة الزيارات وتعتبر هاته الطريقة مضمونة في حالة اشترك في موقعك العديد من الزوار .
مميزات الإضافة :
- الاضافة مصممة بألوان فلات تستطيع إختيار أي لون يناسبك وتلوينه بما يتناسب مع قالبك.
- متناسق مع جميع أجهزة الجوال .
- صندوق الاشتراك متجاوب مع كل قوالب البلوجر
- صندوق الاشتراك الالكتروني مصمم بأكواد CSS3 و HTML5
كيفيةالحصول على رابط التغذية :
- قم بالدخول لموقع feedburner للحصول على رابط التغذية RSS الخاص بك ، سوف تحتاج إلى الكود الأخير منه لوضعه داخل الإضافة كمثال بسيط هذا الرابط خاص بمدونة كيف؟ ، أحصل على الرابط الخاص بك عبر الضغط على الأيقونة المشار إليها بالمربع الأحمر .
http://feeds.feedburner.com/howarabic
كيفية تركيب الإضافة :
- قم بتحميل أكواد CSS التالية إفتح القالب وإبحث عن الكود التالي:
]]></b:skin>- ضع الكود فوقة مباشرة .
.subscribe-wrapper { color : #fff; background: none repeat scroll 0% 0% #1c2640; font-family: "Oswald",Tahoma,Sans-serif; line-height : 20px; padding : 1px 20px 10px; text-align : center; } .subscribe-form { background : #1c2640; clear : both; display : block; margin : 10px 0; overflow : hidden; } form.subscribe-form { clear : both; display : block; margin : 10px 0 0; width : auto; overflow : hidden; } .subscribe-css-email-field { background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCMI4TTiwTJQrpHMlkfZ1aLI4TjlkXIKBCWPz6qfjjcHn3kfLZEGSVKmzsU3RkDvNiCS8-qR4gtOW-aR39k7W7WNGS3IIXFlJxgXkNwDgI1J58MtA5Hb_fVPk1_OLgPG9DlD4DxOKv2AxT/s1600/sprites.png) 1px -27px no-repeat #eee; color : #444; margin : 0 0 15px; padding : 12px 40px; width : 100%; border : none; } .subscribe-css-button { background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.1); color : #fff; cursor : pointer; font-weight : 700; padding : 7px; text-transform : none; width : 100%; border : none; font-size : 16px; transition : all 0.3s ease-in; } .subscribe-css-button:hover { transition : all 0.3s ease-in; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.2); }
قم بحفظ القالب .
2- من لوحة التحكم إذهب الى مخطط المدونة الخاص بك وقم بفتح نافذة جديدة HTML/JAVASCRIPT.
- قم بإضافة الكود التالي بعد تحميله داخلها .
<div id="subscribe-css"> <div class="subscribe-wrapper"> <p>قم بالاشتراك بمدونة كيف ليصلك كل جديد</p> <div class="subscribe-form"> <form action='http://feedburner.google.com/fb/a/mailverify?uri=bacilsoft' class="subscribe-form" method="post"onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=howarabic', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"> <input name="uri" type="hidden" value="howarabic" /> <input name="loc" type="hidden" value="en_US" /> <input class="subscribe-css-email-field" name="email" autocomplete="off" placeholder="أدخل عنوان بريدك الالكتروني "/> <input class="subscribe-css-button" title="" type="submit" value="اشترك الآن " /> </form> </div> </div></div></div>
http://howarabi.blogspot.com/2016/01/email-subscribe-widget-for-blogger21.html#close
ليست هناك تعليقات:
إرسال تعليق