احصائيات المدونة

الجمعة، 24 يونيو، 2011

مربع اشتراك فيدبرنر إحترافي لمدونتك | المستخدم في موقعي

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

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


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



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

- مظهر احترافي للمدونة .
- تسهيل عملية تسجيل الزوار لايميلاتهم .
- عرض بـ 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;

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


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

بقلمي محمد نجد الحسين .
حصري : بلوجر بالعربي .

11 تعليق على مربع اشتراك فيدبرنر إحترافي لمدونتك | المستخدم في موقعي

السلام عليكم
شكرا اخي العزيز
استعمل اكواد html
رائعة في مربع الإشتراط
ان شاء الله يستفيد الكل مما نشرت
بورك فيك
سلام

رووووووووووووووووووعة كنت بحاجة لها تحيتي سادرا

@عبد الحفيظ

الله يخليك .. ويسمع منك ان شاء الله الكل يستفيد منها

@sandra

أي خدمات اخرى حاظرين

بعد التركيب واردت ان ابعث ميل عليا للتجربة تظهر رسالة خطأ كالتالىThe feed does not have subscriptions by email enabled
معانى جربتها على الفيدبرنر شغالة كويس فين الخطأ معلش هتعبك ومعايا تحيتي

@sandra
أعطيني رابط الفيدبرنر الخاص بك وانا اجهز لك كل شيء

مرسي ليك محمد كلك ذووق اخى الكريم
الرابط
http://feeds.feedburner.com/blogspot/uBjA
تحيتي
ساندرا

أسف جدا على التأخير .. اتفضلي

<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 ;

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:#ff0000;
}
.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:#333;}
</style></div>
<div class='mbt-email' style='text-align: right;'>
<div style='color:#fff; font:bold 2px Arial,Helvetica,Sans-serif;padding:0 0 2px 0;margin:0;text-transform:uppercase; white-space: nowrap;'>
<span style='font-size:15px;'><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(&apos;http://feedburner.google.com/fb/a/mailverify?uri=/blogspot/uBjA&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);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='blogspot/uBjA'/><input name='loc' type='hidden' value='en_US'/>
<input class='mbt-emailsubmit' type='submit' value='إشترك'/> </form>
</div>
</div>


الغلط مني ما بسطت شرح الموضوع وسأقوم بالتعديل عليه ..

أي خدمات أنا حاظر

تسلم محمد كلك ذوق بجد اشتغل مميز اخى الطيب وان شاء الله اتمنى منك شرح وضع ظهور المتواجدون الان عملتة من قبل ولم يعجبني اتمنى لك كل الخير يارب تحيتي ,,ساندرا

شكرا أخي، وأذا تفضلت اضبطه لي كما فعلت مع sandra
http://feeds.feedburner.com/blogspot/cYBvz
معذرة على الازعاج..

شكرا أخي، وأذا تفضلت اضبطه لي كما فعلت مع sandra
http://feeds.feedburner.com/blogspot/mHRyR
معذرة على الازعاج..

إرسال تعليق

تابع كل جديد برسالة الكترونيه لـ إيميلك فورا

 
تعريب : باسم
تطوير : محمد نجد
  
  
هذه المدونة بدعم : منتديات بلوجر بالعربي