صندوق المتابعة عبر البريد أسفل المواضيع لمدونات بلوجر

لماذا تحتاج مدونتكم لصندوق المشاركة البريدية؟

وفر مدونتك على هذه الأداة يسمح للزائرين بإمكانية متابعتك عبر تسجيل بريدهم الإلكتروني. حيث يمكنك استغلال الأمر بعد ذلك للتوصل بجديد المقالات عبر البريد وبالتالي الحصول على زيارات منتظمة.

إضافة صندوق المتابعة عبر البريد لمدونات بلوجر

هام : لا تنسى حفظ القالب قبل القيام بالتغييرات لتفادي فقدانه.

لإضافة هذه الأداة اتبعوا معنا الخطوات التالية:

1- قم بفتح أداة تغيير القالب على مدونتك
2- Ctrl+F من لوحة المفاتيح للبحث عن :
]]></b:skin>
3 - وفوقه مباشرة أضيفوا الكود التالي:

.newsletter-sm {background:#2b2b2b; width: 100%; margin: 0; padding: 10px; height: auto; text-align: right;}
.newsletter-sm h3 {color:#fff; font-family: &#39;Droid Arabic Kufi&#39;, serif, &#39;PT Sans&#39;, Arial, sans-serif; font-size: 24px; font-weight: bold; text-align:center; margin-bottom: 10px;}
.newsletter-sm p {font-size: 14px; color:#eee; line-height: 20px; font-family: Tahoma, &#39;Maven Pro&#39;, sans-serif;}
.newsletter-sm img {margin:4px 30px 0 0; float:right;}
.newsletter-sm .newsletter-input-sm {font-family: Tahoma, &#39;Maven Pro&#39;, sans-serif; float:right; width: 200px;border: 2px solid #2b2b2b; padding: 8px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; display:inline-block; margin-right: 10px;}
.newsletter-sm .newsletter-input-sm:focus {border: 2px solid #00aa9f}
.newsletter-sm .newsletter-button-sm { font-family: &#39;Maven Pro&#39;, sans-serif;
width: 70px;
height: 32px;
display: inline-block;
margin: 2px 5px;
font-size: 12px;}
.mbabuttons {width: 140px; height: 48px;}
.mbabutton {position: relative;font-size: 17px;color: white;text-align: center;text-shadow:1px 1px 1px #00544f;}
.mbabuttonblue {border: 0;background: #00aa9f;border-bottom: 1px solid #008d84;border-radius: 3px;cursor: pointer;-webkit-box-shadow: inset 0 -1px #008d84;-moz-box-shadow: inset 0 -1px #008d84;box-shadow: inset 0 -1px #008d84;}
.mbabuttonblue:hover {background: #008d84;-webkit-box-shadow: inset 0 -1px #00544f;-moz-box-shadow: inset 0 -1px #00544f;box-shadow: inset 0 -1px #00544f;border-bottom: 1px solid #00544f;}
.mbabutton:active {padding-top: 2px;-webkit-box-shadow: inset 0 0 #008d84;-moz-box-shadow: inset 0 0 #008d84;box-shadow: inset 0 0 #008d84;border-bottom: 0;}

سنمر الآن لإضافة كود الإضافة أسفل موضوع المشاركات.

هذه الخطوة تتطلب بعض الإنتباه لإيجاد المكان المناسب لإظهار الأداة وهو في نهاية المقالات أو المواضيع.

4 - Ctrl+F للبحث من جديد عن الكود التالي:
<data:post.body/>

ملاحظة: إدا كانت مدونتكم تتوفر على أكثر من كود واحد من هدا النوع إعملوا على الثاني وإلا جربوها كلها حتى تظهر الإضافة

5 - بعد إيجادكم للكود اضيفوا  تحته مباشرة الكود التالي:

<div class='newsletter-sm'>
<h3>إنضم لقائمتنا البريدية</h3>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi95Uz-aS8Szot04MQhIp_cQAqigpQNvPC7IGPRf8lsDpKZBdi4bSEqDdY1oWwxfHMR4Hzprx6ibwzVyjKVsd7PipQdMOuQ2n3Vvo4eonMYDxqjwm2OGo9NJniPCR-ZYJCUD1Orf0g_ULM/s90/mail.png'/>
<p style='text-align:right; margin-right: 180px;'> سجل بريدك ولا تدع أي جديد يفوتك</p>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=folfoly&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input class='newsletter-input-sm' name='email' placeholder='oktob baridaka hona' type='text'/>
<button class='mbabutton mbabuttonblue newsletter-button-sm' type='submit'>أرسل</button>
<input name='uri' type='hidden' value='folfoly'/>
</form>
<div class='clear'/>
<div class='activate' style='color: white; margin-right: 120px; font-size: 16px; color: #FAEE07; font-weight: bold;'> ham ba3da
</div>
</div>

6 - يكفي الآن حفظ التغييرات بعد القيام بالتغييرات التالية:
- folfoly بالأحمر بإسم الرابط الخاص بخلاصات فيدببرنر الخاصة بكم
- النصوص بحسب ذوقكم وحاجتكم

تحياتي