0
مربع اشتراك فيدبرنر إحترافي لمدونتك

السلام عليكم ..

الكثير من المدونين خصوصاً من يهمهم أن تكون مدونتهم اكثر جمالية واحترافية يبحثون دائماً عن التفاصيل الصغيرة وهذه أهم خطوات النجاح فكل المواقع الكبيرة تهتم بأصغر التفاصيل ولا تتركها .. والمدون الناجح هو من يبحث حقاً عن ان يكون لمدونته منظر جميل واحترافي .
قمت اليوم بتغيير مربع اشتراكات الفيدبرنر الى اخر خفيف الحجم وجميل وأحببت أن أطرحه لكم لكي تستفيدوا منه .,


صورة الإضافة .



مميزات الإضافة .

- مظهر احترافي للمدونة .
- تسهيل عملية تسجيل الزوار لايميلاتهم .
- عرض بـ 250 وطول مفتوح ويمكن التغيير على الأحجام .
- سهل التركيب .
- قابل للتعديل .

أكمل قراءة الموضوع لتركيب الإضافة .




طريقة تركيب الإضافة .

- اضافة أداة جافا سيكربت فقط .. وضع الكود بداخلها وضعها في المكان الذي تراه مناسباً .


كود الإضافة .

<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<style>

.mbt-email{
background:url(http://icons.iconarchive.com/icons/custom-icon-design/pretty-office/48/message-already-read-icon.png) no-repeat 0px 12px ;
width:250px;
padding:10px 0 0 55px;
float:center;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.mbt-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif;
}
.mbt-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px; 
width:170px;
color:#666;}
</style></div>
<div class="mbt-email" style="text-align: center;">
<div style="font-family: Arial,Helvetica,sans-serif; font-weight: normal;">
<span style="font-size: small;"><b>تابع كل جديد برسالة الكترونيه لـ <span style="color: red;">إيميلك فورا</span></b></span></div>
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" onsubmit="window.open('استبدل هذه الجملة برابط الفيدبرنر الخاص بك', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="textarea" gtbfieldid="3" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address &quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" type="text" value="أدخل إيميلك هنا " />
<input name="uri" type="hidden" value="هنا رابط مدونتك" /><input name="loc" type="hidden" value="en_US" />
<input class="mbt-emailsubmit" type="submit" value="إشترك" /> </form>
</div>
</div>





طريقة تخصيص الإضافة .

- غير ما يلزم داخل الكود كتبت لكم مواقع التغيير .

- لتغيير لون الزرار عند الضغط غير كود اللون الجديد باللون السابق من خلال البحث عن الكود التالي .

background:#E98313;



وقم بتغيير كود اللون .


هنا ينتهي موضوع اليوم ..
دمتم بود  أستودعكم في حفظ الرحمن

0 التعليقات:

Enregistrer un commentaire

 
تعريب وتطوير مدونة علي شار
مدونة علي شار © 2012 | عودة الى الاعلى
by Blogger