الجمعة، 13 يونيو 2014

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

اداة الاشتراك في القائمة البريدية من اهم الاداوت وذلك بغض النظر عن اشكالها وتصميماتها فهي تمكن الزائر من الاشتراك في خدمة القائمة الب... thumbnail 1 summary



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

شرح تركيب الاداة :
نتوجه الى لوحة التحكم في بلوجر > التخطيط > اضافة اداة > اداة جافا سكريب ونلصق بداخلها الكود التالي :
<style type="text/css">
#cat{background:#fff;width:220px;color:#222;font-family: "DroidKufi-regular";display:inline;margin:3px;padding:3px 2px 2px;}
#subscribe{overflow:hidden;margin:0;padding:0 0 5px}
#subbox{-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTZb0Ufb8LrwZWUuF0qMTvaFNQR8zhR_a2nZEObxgbtFqDiTNHV5vKpqiOuxto3bAIRvbPLKND2NmEH2QLI-HSsy4O1YttU9T1n19l5tYWAaoYvQQ7TL7DitO4ekIcR30WDhnjVl8IeoM/s1600/email-icon.png) no-repeat scroll 4px center;font-family: "DroidKufi-regular";color:#666;text-align:right;padding-right:6px;text-decoration:none;border:1px solid #aaa;height:36px;width:215px;margin:0;}
#subbutton{cursor: pointer;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;background:#999;color:#FFF;font-family: "DroidKufi-regular";font-weight:700;text-decoration:none;border:1px solid #666;margin-left:5px;padding:3px 5px;float:right;}
</style>

<div id='searchbarleft'>
<form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=al-7sam&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><input id='subbox' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;أدخل بريدك&apos;;}' onfocus='if (this.value == &apos;أدخل بريدك&apos;) {this.value = &apos;&apos;;}' type='text' value='أدخل بريدك'/><input name='uri' type='hidden' value='blogspot/htbgh'/><input name='loc' type='hidden' value='ar-eg'/><input id='subbutton' type='submit' value='سجل'/></form></div>



* نغير الرابط الذي باللون الازرق الى رابط خلاصة القائمة البريدية الخاص بمدونتنا

* ثم نحفظ الاداة ...

ليست هناك تعليقات

إرسال تعليق