لتركيب الاضافة ادخل الى لوحة التحكم ثم تخطيط ثم اضافة اداة HTML\JavaScrpt
ثم اضف الكود التالي مع التعديلات
اذا ترغب بتغير عرض الصندوق width="317px
اذا ترغب بتغير الجملة اعلى اضافة البريد الالكتروني اضف بريدك ليصلك جديدنا
ثم اضف الكود التالي مع التعديلات
احفظ الاداة مع تغير iraqsop1 لصفحاتك على تويتر وفيس بوك وفيدبنر<style type="text/css">
img.beintouch:hover {
background: none repeat scroll 0 0 #D6D6D6;
border-radius: 16px 16px 16px 16px;
box-shadow: 0 0 10px #565656;
}
.emailtext {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqP0ijHEady8Ec83u9Nd2UN3wxNHZMrMSN9CHrhVH2Z_rylUjyDU6MXhJHBRi6wUjgQLyoz_UNfawpEitMfnx6d150msA5vmoEYASdi8it4kRfAoq3vpMG-iFXCBaOXIk1kekyqzuW3qk/s1600/mailbox.png") no-repeat scroll 4px center transparent;
border: 1px solid #D3D3D3;
border-radius: 4px 4px 4px 4px;
box-shadow: 1px 1px 2px #CCCCCC inset;
color: #444444;
font-weight: bold;
margin-left: 2px;
padding: 7px 15px 7px 35px;
text-decoration: none;
width: 176px;
}
.ebutton {
background: -moz-linear-gradient(center top , #FBFBFB 0%, #F4F4F4 100%) repeat scroll 0 0 #ABAB12;
border: 1px solid #D3D3D3;
border-radius: 4px 4px 4px 4px;
color: #444444;
cursor: pointer;
font-weight: bold;
margin-left: -18px;
margin-top: 5px;
padding: 6px 15px;
text-decoration: none;
}
</style>
<table align="center" width="317px" cellspacing="0px" cellpadding="1px"><tbody><tr><td><a target="_blank" rel="nofollow" href="http://www.facebook.com/iraqshop1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj05eosYwamlofGSHM09XMsR91b6a9sLPBVT8pBqJruMXJpoQFFpYj8ye9VSNH8wbX3NfzS_xxymrseE4ErCzh1ihVxOKGTNIXTkvsBytShM5sTNbDl9YORX6bKB2luI33KGyC_2VCsFOM/s1600/woden+board+facebook_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://twitter.com/iraqshop1/" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLQ9krOLjXCGR5t4hqyRNtAHS4BPqyhnf5EHE0EDi01T-n35MlfY1QRbhTcgBexcWQ-2fEQCLXCeouheUs0wkOtHqu4uL7WTOp2GMz_xZg81ll49HOcdJT0HFhcidlLBuLYwRMkg5iNQ4/s1600/woden+board+twitter_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://feeds.feedburner.com/iraqshop1" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitP4wDHY36uspeONdy391wftdgnE4dxLNistrlSP0hyphenhyphenU9jn8G64CZmRzVGeDVllLqBNJwF38fXIhib2sCobYTLUWpeKSQImmw_MXExQkEsu3w_LXt1l0W-XiOgGo8tfsht43ItOIFffc8/s1600/woden+board+RSS1_netoops.png" class="beintouch" /></a><a href="http://www.justnaira.com"></a></td></tr></tbody></table>
<div>اضف بريدك ليصلك جديدنا</div>
<form target="popupwindow" style="margin: 0pt;" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=iraqshop1', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" method="post" class="emailform" action="http://feedburner.google.com/fb/a/mailverify">
<input type="hidden" value="iraqshop1" name="uri" />
<input type="hidden" value="en_US" name="loc" />
<input type="text" value="Enter your email..." onfocus="if (this.value == "Enter your email...") {this.value = ""}" onblur="if (this.value == "") {this.value = "Enter your email...";}" name="email" class="emailtext" />
<input type="submit" value="Subscribe" title="" class="ebutton" alt="" />
</form>
اذا ترغب بتغير عرض الصندوق width="317px
اذا ترغب بتغير الجملة اعلى اضافة البريد الالكتروني اضف بريدك ليصلك جديدنا
5 التعليقات:
بالفعل هذا ماكنت ابحث عنه ولااعرف كيف اشكرك اخي على هذا الابداع والذوق الرفيع منك بس المشكله لم استطع تغيير عرض الصندوق هل لي بطلب منك بمساعدتي
أهلا بك أخى
لتغير عرض الصندوق إبحث عن هذا الكود width="317px
وغير القيمة بما يناسبك بالتوفيق لك
اعتذر اخي عن ازعاجك مره ثانيه بس هذا مافعلت لكن لم يتغير شي
لا أبدا لا تقول هذا أخى
إبحث عن هذا وعدل القيمة
width: 176px;
هذا هو الخاص به عرض مربع التسجيل
أم الكود الذى تم كتابتة فى التعليق السابق هو خاص بعرض الصندوق
جميل جداااااا الشرح ومفهوم بس طلب واحد انا عاوز ازاى اخلى الفيس بوك بس مش عاوز تويتر
إرسال تعليق