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

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

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

تركيب الاضافة 

• اذهب إلى التخطيط ثم إضافة أداة ثم HTML/Java Script

• ألصق فيها هذا الكود 

<style>         

 .subscriptionboc {

background: #fff;

}

 .paratraf  {  

font-size: 20px;

font-weight: bold;

text-align: center;

color: #444;

background: url(http://2.bp.blogspot.com/-

KNKuCo0lIXE/U5gQhwfcmwI/AAAAAAAAAuM/ErNw9Pn0HnM/s1600/mail.png)n

o-repeat;

height: 145px;

width: 204px;

margin-bottom: -17px;

}         

.feed-links{display:none;} 

.enteremail{

background: url

("http://i1203.photobucket.com/albums/bb382/chandeep10/btnt-custom-

theme/email.png") no-repeat scroll 10px center #FFFFFF;

color: #8B8B8B;

padding: 10px 40px;

font-family: asad;

border-style: solid;

border-width: 1px;

border-color: #CACACA;

}

.forspace {

padding:15px;

}

.button45 {

width: 220px;

background: none 0% 0% repeat scroll rgb(95, 95, 95);

border: none;

border-radius: 3px;

padding: 10px 40px;

border-bottom: 3px solid #3D3D3D;

font-family: asad;

font-size: 18px;

color: rgb(255, 255, 255);

}          </style> 

<div class="subscriptionboc">

<form action="http://feedburner.google.com/fb/a/mailverify?uri=tech-ly" 

method="post" target="popupwindow"onsubmit="window.open

('http://feedburner.google.com/fb/a/mailverify?uri=tech-ly', 'popupwindow', 

'scrollbars=yes,width=550,height=520');return true">

<div class="paratraf"></div>

<p>

<div class="forspace">

<center>

<input class="enteremail" type="text" style="width:140px" name="email" 

value="بريدك الإلكتروني..." onfocus="if (this.value == "بريدك الإلكتروني...") 

{this.value = ""}"/></center>

</div>

</p>

<input type="hidden" value="***" name="uri"/>                 <input type="hidden" 

name="loc" value="en_US"/>                             <center>

<input class="button45" type="submit" value="اشترك الآن" /></center>

</form>

</div>

• قم بتغيير tech-ly بأسم المستخدم في FeedBurner

ملاحظة : tech-ly موجودة مرتين في الكود

• اضغط حفظ و مبروك عليك الاضافة 

لطلب التعديل اترك تعليق في الاسفل

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

لا تبخل باعجــاب أو مشاركــة للمقــال

→ اعجــــاب

Tweet

→ مشــاركــة