طريقة إضافة أداة القائمة البريدية بشكل أنيق لمدونة بلوجر


السلام عليكم ورحمة الله وبركاته

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

القائمة البريدية



بسم الله نبدأ

أولا

نذهب إلى لوحة تحكم المدونة ثم إلى > قالب > ثم الى > تحرير HTML

وقم بالبحث عن هدا الكود
</head>


ثانيا

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

<style>
#feature_box{background:#f0f4f4; border-bottom: 1px solid #D4D4D4; padding:5px 9px 0px;}
#sleek-subscribe{display: block; margin:0 auto; }
.newsheadline {color:#0a82e3; font-size:10px; line-height:55px; float:right; font-weight:bold;}
.newsheadline span{font-size:38px; color:#0a82e3; line-height:14px; font-family: &quot;Droid Sans&quot;,arial,sans-serif; font-weight:normal;}
.newsheadline cite{font-style:normal; color:#f00;}
.signform{background:url(&#39;http://assets.reclipit.com/assets/howitworks/arrow-right-f6b0273152bcafef29f21cdf6a7bca43.png&#39;) no-repeat;padding:0 0 10px 110px; float:left; }
.txt2, .txt2:focus{width:140px; font-size:15px; background:#f7f7f7; color:#1962ff; border:1px solid #E36B0A; margin:0 5px; float:right; padding:10px; width:160px; border-radius: 10px;}
.btn2, .btn2:focus {background:#E36B0A; margin:0 5px; padding:8px 10px 9px; border:1px solid #AD5513; color:#fff; font-size:15px; border-radius:10px;}
.btn2:hover{background:#0a82e3; }
</style>

والان قم بحفظ القالب لاكن اعلم بالاول انه يناسب مدونتك وذوقك

والان المرحلة الاخيرة 

ذهب إلى لوحة تحكم المدونة ثم تخطيط ثم إضافة أداة

وانسخ الكود التالي في الأداة اعلم انك تستطيع وضع الاداة في اي مكان في مدونتك

<div id='sleek-subscribe'>
<div class='newsheadline'><span>إشترك و توصل بآخرالاخبار</span></div>
<form action='http://feeds.feedburner.com/blogspot/XADdNH' class='signform' method='post' target='_new'>
<input class='txt2' name='name' onblur='if (this.value == &apos;&apos;) {this.value = &apos;إسمك الكريم ...&apos;;}' onfocus='if (this.value == &apos;إسمك الكريم ...&apos;) {this.value = &apos;&apos;;}' value='إسمك الكريم ...'/>
<input class='txt2' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;أكتب بريدك الإلكتروني...&apos;;}' onfocus='if (this.value == &apos;أكتب بريدك الإلكتروني...&apos;) {this.value = &apos;&apos;;}' value='أكتب بريدك الإلكتروني...'/>
<input class='btn2' type='submit' value='إشترك الأن !'/>
</form>
<div class='clear'/>
</div></div>


ملاحظة ضرورية :  وأخيرا قم بتغير الرابط باللون الأحمر برابط قائمتك الريدية

اتمنى ان يكون الشرح مبسط ويلبي طلبك
لاي استفسار اترك تعليقك 
شكرا

2 التعليقات