معهد خبراء بلوجر - إضافة القائمة البريدية بشكل رائع

إضافة القائمة البريدية بشكل رائع

http://4.bp.blogspot.com/-0EzCgK8Ya4...00/blogger.jpg

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

أولا: نذهب إلى لوحة تحكم المدونة ثم إلى > قالب > ثم > تحرير 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('http://assets.reclipit.com/assets/ho...bca43.png) 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://feedburner.google.com/fb/a/mailverify?uri=blogspot/BIuAc' class='signform' method='post' rel="nofollow" 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>

ملاحظة! : قم بتغيير الرابط الموجود بالكود "http://feedburner.google.com/fb/a/mailverify?uri=blogspot/BIuAc" برابط قائمتك البريدية، ثم قم بحفظ الأداة و هنا نكون قد أنهينا إضافة الأداة.

إلى هنا نكون نكون قد أنهينا الموضوع بتمام و نلتقي في موضوع آخر بإذن الله
أي إستفهام أو رأي فلا تتردد بتعليق كما أن تشجيعاتكم تدفعنا للرقي