أخر الأخبار
recent

اضافات بلوجر : اضافة اداة النشرة البريدية لمدونتك

اضافات بلوجر 2016, اضافات بلوجر جديدة, اضافات بلوجر, بلوجر, اضافات, blogger,اضافة اداة النشرة البريدية لمدونتك,


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

الأن أشرح لكم كيفية اضافة اداة " النشرة البريدية " في مدونتك علي بلوجر
اضافات بلوجر 2016, اضافات بلوجر جديدة, اضافات بلوجر, بلوجر,
1 _ اضافة اداة الإشتراك في النشرة البريدية خلفية بلون داكن مع أيقونات الاجتماعية
اداة الأكثر جذابية وتتيح لك هذة الإضافة وضع روابط صفحاتك علي المواقع التواصل الإجتماعي مثل الفيسبوك , جوجل بلس , انستغرام , و تويتر , يوتيوب بشكل جذاب 

طريقة اضافة الأداة في مدونتك بلوجر 
اذهب إلي لوحة تحكم مدونتك ثم انقر علي التخطيط ثم اضافة اداة ثم أضف الكود التالي مع تغير " blogspot/ZPFlE " بأسم رابط خلاصتك
<style>@import url(http://fonts.googleapis.com/earlyaccess/notosanskufiarabic.css);#subscribebox{background:#576269;padding:20px;font-family:&#39;PT Sans&#39;,sans-serif;} .widget_follow_subscribe .widget-detail{padding:36px 30px 40px} #subscribebox p{color:#fff;font-size:15px;text-align:center;font-weight:700;font-family: 'Noto Sans Kufi Arabic', sans-serif!important; line-height: 3em;} .follow-subscribe-social{padding:0 0 14px;border-bottom:#858585 solid 1px} .follow-subscribe-social ul{list-style:none;margin:0;padding:0;text-align:center} .follow-subscribe-social ul li{display:inline;margin-left: 20px;border-bottom:none} .follow-subscribe-social ul li:last-child{margin:0} .follow-subscribe-social ul li a{font-size:17px;color:#cacaca;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out} .follow-subscribe-social ul li a:hover{color:#fff} form.subscribe{margin-top:-7px} form.subscribe input{display:block;width:100%} .subscribe-email{height:45px;border:none;margin:0 0 10px;font-size:.928571em;background-color:rgba(255,255,255,0.2);text-align:center;color:#fff} .subscribe-email:focus{outline:0} form.subscribe .placeholder{color:#cacaca} form.subscribe input:-ms-input-placeholder{color:#cacaca} form.subscribe input::-webkit-input-placeholder{color:#cacaca} form.subscribe input:-moz-placeholder{color:#fafafa} form.subscribe input::-moz-placeholder{color:#fafafa} .subscribe-button{height: 45px; font-weight: 700; font-size: 16px; color: #fff; text-transform: uppercase; border: none; background-color: #4FC4F6; transition: background-color .2s ease-in-out; font-family: 'Droid Arabic Naskh', serif;} .subscribe-button:hover{background-color:#00A3CE} .subscribe-button:focus{outline:0} </style> <div id="subscribebox"> <div class="follow-subscribe-social"> <ul> <li><a href=".widget_follow_subscribe .widget-detail{padding:36px 30px 40px}#subscribebox p{color:#fff;font-size:15px;text-align:center;font-weight:700;font-family: 'Noto Sans Kufi Arabic', sans-serif!important; line-height: 3em;}.follow-subscribe-social{padding:0 0 14px;border-bottom:#858585 solid 1px}.follow-subscribe-social ul{list-style:none;margin:0;padding:0;text-align:center}.follow-subscribe-social ul li{display:inline;margin-left: 20px;border-bottom:none}.follow-subscribe-social ul li:last-child{margin:0}.follow-subscribe-social ul li a{font-size:17px;color:#cacaca;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out}.follow-subscribe-social ul li a:hover{color:#fff}form.subscribe{margin-top:-7px}form.subscribe input{display:block;width:100%}.subscribe-email{height:45px;border:none;margin:0 0 10px;font-size:.928571em;background-color:rgba(255,255,255,0.2);text-align:center;color:#fff}.subscribe-email:focus{outline:0}form.subscribe .placeholder{color:#cacaca}form.subscribe input:-ms-input-placeholder{color:#cacaca}form.subscribe input::-webkit-input-placeholder{color:#cacaca}form.subscribe input:-moz-placeholder{color:#fafafa}form.subscribe input::-moz-placeholder{color:#fafafa}.subscribe-button{height: 45px; font-weight: 700; font-size: 16px; color: #fff; text-transform: uppercase; border: none; background-color: #4FC4F6; transition: background-color .2s ease-in-out; font-family: 'Droid Arabic Naskh', serif;}.subscribe-button:hover{background-color:#00A3CE}.subscribe-button:focus{outline:0}</style><div id="subscribebox"><div class="follow-subscribe-social"><ul><li><a href="رابط حسابك علي الفيسبوك" target="_blank"><i class="fa fa-facebook"></i></a></li> <li><a href="<li><a href="رابط حسابك علي تويتر " target="_blank"><i class="fa fa-twitter"></i></a></li> <li><a href="<li><a href="رابط حسابك علي جوجل بلس" target="_blank"><i class="fa fa-google"></i></a></li> <li><a href="<li><a href="رابط قناتك علي اليوتيوب" target="_blank"><i class="fa fa-youtube"></i></a></li> <li><a href="<li><a href="رابط حسابك علي انستغرام" target="_blank"><i class="fa fa-instagram"></i></a></li> </ul> </div> <p></ul></div><p>اشترك في النشرة البريدية</p> <form class="subscribe" action='http://feedburner.google.com/fb/a/mailverify?uri=<form class="subscribe" action='http://feedburner.google.com/fb/a/mailverify?uri=blogspot/ZPFlEh' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=blogspot/ZPFlE, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'> <input name='uri' type='hidden' value='<input name='uri' type='hidden' value='اسمك المستخدم'/> <input name='loc' type='hidden' value='en_US'/> <input class="subscribe-email" type='text' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Your Email&quot;;}' onfocus='if (this.value == &quot;Your Email&quot;) {this.value = &quot;&quot;;}' value='بريدك الالكتروني'/> <input class="subscribe-button" type="submit" value="اشترك الان" /> </form> </div> <input name='loc' type='hidden' value='en_US'/><input class="subscribe-email" type='text' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Your Email&quot;;}' onfocus='if (this.value == &quot;Your Email&quot;) {this.value = &quot;&quot;;}' value='بريدك الالكتروني'/><input class="subscribe-button" type="submit" value="اشترك الان" /></form></div>

اضافات بلوجر 2016, اضافات بلوجر جديدة, اضافات بلوجر, بلوجر, اضافات, blogger,
2  _ يمكنك أضافة صندوق النشرة البريدية الشكل الثاني 
طريقة اضافة الأداة في مدونتك بلوجر 
اذهب إلي لوحة تحكم مدونتك ثم انقر علي التخطيط ثم اضافة اداة ثم أضف الكود التالي مع تغير " blogspot/ZPFlE " بأسم رابط خلاصتك .

<span>أول بأول</span></h3>
<p>اشترك بنشرتنا البريدية وتوصل بأشياء مثيرة للإهتمام.</p>
<div class="subscribe-form">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=blogspot/ZPFlE" class="subscribe-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/ZPFlE', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="uri" type="hidden" value="blogspot/ZPFlE" />
<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>

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

هناك تعليقان (2):

يتم التشغيل بواسطة Blogger.