اضافة الاشتراك بالقائمة البريدية بشكل انيق

السلام عليكم

مرحبا بكم في مدونة بوزوم

اليوم سأقدم لكم درس قيم جدا هذه الدرس هي اضافة الاشتراك با لقائمة البريدية

هذه الاضافة تمكن الزائر من الاشتراك با القائمة البريدية ويتوصل بجديد المدونة

كما ان هذه الاضافة جديدة في منصة بلوجر عند الاشتراك با الاقائمة البريدية يجب علي الزائر كتابت اسمه من ثم

البريد الاكتروني لكي يتوصل بجديد المدونة

لن أطيل عليكم أكثر تابعو الشرح

اولاً نقوم بالتوجه للوحة التحكم للبحث عن الكود

 ]]></b:skin>

ثم بعد ذلك نضيف فوقة هذا الكود

.rss {

width: 994px;

height: 80px;

padding: 10px 0px;

background: #F8F8F8;

border-radius: 5px 5px 5px 5px;

box-shadow: 0 0 3px #ABABAB;

margin: 0 auto 20px auto;

}

.rss .btn2 {

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizsbM1ZH-0Bly7_cpaSpVAhFUogHGCgA5pH671ZUWlDyhZaHDGh_f1ts5L8m0Zqwe_OvqPcQ-5JWJMTC_YdkN5qMK_3pcpj7GjEIEAMAtgCtCd1rrOkzK9ibG6NQ3wCoEUOP_-6dClvbM/s1600/templateth3.png);

border: none;

width: 117px;

height: 36px;

margin: 0px;

cursor: pointer;

margin-top: 1px;

}

.rss .txt2 {

width: 178px;

padding: 10px;

border: 1px solid #D5D2D2;

margin-left: 5px;

border-radius: 5px;

text-align: right;

float: right;

font-family: Tahoma;

font-size: 13px;

color: #C1C1C1;

}

.rss span {

font-family: Arial;

font-size: 22px;

color: #7E7E7E;

}

.rss form {

margin-top: 10px;

}

.rss center {

width: 550px;

margin: 0 auto 0 auto;

}

ثم قم بحفظ القالب وتوجه للتخطيط وافتح ااداة Html/JavaScript

واضف الكود التالي

<div class="rss">

<center>

<div id="sleek-subscribe">

<div class="newsheadline"><span>توصل بمواضيعنا على ايميلك</span></div>

<form action="https://feedburner.google.com/fb/a/mailverify?uri=bouzoume11" class="signform" method="post" target="_new">

<input class="txt2" name="name" onblur="if (this.value == '') {this.value = 'إسمك الكريم';}" onfocus="if (this.value == ' إسمك الكريم ') {this.value = '';}" value="إسمك الكريم ">

<input class="txt2" name="email" onblur="if (this.value == '') {this.value = 'أكتب بريدك الإلكتروني';}" onfocus="if (this.value == ' أكتب بريدك الإلكتروني') {this.value = '';}" value="أكتب بريدك الإلكتروني">

<input class="btn2" value="" type="submit">

</form>

<div class="clear">

</div></div>

</center>

</div>

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

◄ فى انتظار تعليقاتكم المشجعة على تقديم المزيد لخدمتكم ►

من فضلك اضغظ لايك لمشاهدة لينك التحميل