كيفية إضافة أداة الإشتراك في القائمة البريدية بشكل إحترافي

يعد صندوق الإشتراك أو مربع الاشتراك في بلوجر أحد الميزات المفيدة لقراء المدونات للاشتراك في تحديثات المقالات التي سيتم إرسالها مباشرةً عبر البريد الإلكتروني وأيضًا لمالكي المدونات ، أي زيادة عدد القراء وهو أمر إيجابي لتطوير المدونات.

لن أطيل عليكم متابعي الكرام ونمر مباشرة لإضافة صندوق القائمة البريدية بطريقة إحترافية...

أولا توجه إلى بلوجر ⇐ المظهر ⇐ تحرير HTML ⇐ إبحث عن الوسم التالي

</head>

بعد أن تجد الوسم أعلاه، ضع الكود التالي فوقه

<style type='text/css'>
/* Subscribe Box */
@keyframes rotate{100%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
.rainbow{position:relative;z-index:0;overflow:hidden;padding:3px}.rainbow::before{content:&#39;&#39;;position:absolute;z-index:-2;left:-50%;top:-50%;width:200%;height:200%;background-color:#2ecc71;background-repeat:no-repeat;background-size:50% 50%,50% 50%;background-position:0 0,100% 0,100% 100%,0 100%;background-image:linear-gradient(#2ecc71,#2ecc71),linear-gradient(#fbb300,#fbb300),linear-gradient(#e74c3c,#e74c3c),linear-gradient(#3498db,#3498db);animation:rotate 8s linear infinite}.rainbow::after{content:&#39;&#39;;position:absolute;z-index:-1;left:5px;top:5px;width:calc(100% - 10px);height:calc(100% - 10px);background:#fff}#HTML99{padding:0}#HTML99 h2{color:#222;padding:0}#HTML99 h2:before{display:none}.subscribe-wrapper{color:#222;line-height:20px;margin:0;padding:20px}.subscribe-form{clear:both;display:block;margin:10px auto;overflow:hidden}.subscribe-wrapper p{margin:0;font-size:14px}form.subscribe-form{clear:both;display:block;margin:10px 0 0;width:auto;overflow:hidden}.subscribe-css-email-field{background:#fff;color:#222;margin:0 0 18px;padding:12px;width:100%;border:1px solid rgba(0,0,0,0.1);outline:0;font-size:14px;text-indent:10px;line-height:20px;border-radius:3px;transition:all .6s}.subscribe-css-email-field:hover,.subscribe-css-email-field:focus{border-color:rgba(0,0,0,0.3)}.subscribe-css-button{background:#2c3e50;color:#fff;cursor:pointer;font-weight:500;padding:7px;text-transform:none;width:100%;border:none;font-size:16px;border-radius:3px;transition:all .3s}.subscribe-css-button:hover{background:#34495e}
</style>

HTML/JavaScript ⇐ بعدها توجه إلى ⇐ التخطيط ⇐ إضافة أداة

ثم إلصق الكود التالي في أي مكان تريده أن يظهر فيه صندوق القائمة البريدية.

<div class="rainbow">
<div id="subscribe-css">
<div class="subscribe-wrapper">
<h2>النشرة الإخبارية</h2>
<p>إذا أعجبك المقالات في هذه المدونة ، فيرجى الاشتراك مجانًا عبر البريد الإلكتروني.</p>
<div class="subscribe-form">
<form action='https://feedburner.google.com/fb/a/mailverify?uri=MudawinPro' class="subscribe-
form" method="post" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=MudawinPro', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="uri" type="hidden" value="MudawinPro" />
<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>

انتبه إلى الكود الذي تم وضع علامة عليه ، واستبدل الكل بعنوان فيدبورنر في مدونتك.

إذا لم يكن لديك عنوان feedburner ، يمكنك زيارة هذا الرابط https://feedburner.google.com/fb/a/myfeeds وإضافة مدونتك.