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

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

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

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




بسم الله نبدأ

أولا

نذهب إلى لوحة تحكم المدونة ثم إلى > قالب > ثم الى > تحرير 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 Responses to "طريقة إضافة أداة القائمة البريدية بشكل أنيق لمدونة بلوجر"

  1. اولا السلام عليكم

    ثانيا ايه فايده مجهودك ده وانت غير مصرح بنسخ الاكواد

    اكيد اللى داخل هنا محتاج الحاجه دى لمدونته
    ارجو ازاله كود عدم النسخ لكى تعم الفائده وشكرا

    ردحذف
  2. أخي الحبيب الكود عمل لاسباب داخلية أرجو المراسلة ترك بريدك الاكتروني في تعليقاتكم لمن يريد الكود وسوف يتم ارسال الكود في وقت سريع ان شاء الله
    وأما بالنسبة للامان فنحن سوف نحمي بيدك من اي اعمل ترفيهية لدى بعض الناس وشكرا

    ردحذف