أهلا وسهلا بك عزيزي الزائر في المدونة التعليمية للحاسوب فما رأيك بالقالب الجديد؟؟

مشاركة الزوار مدونتك عبر إدخال الإيميل الخاص بهم

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

ولهدا يجب عليك اخي الكريم ان تعمل حسابا اولا
قبل إضافتك لهده الإضافة الرائعة

فهد الإضافة سأقدمها لكم بشكل جميل عن باقي الإضافات التي مثلها
ودللك من حيث شكلها الرائع الدي يضفي على مدونتك طابعا جميلا وخلابا

صورة الإضافة

email subscription form, blogger blogspot, gadgets
للمعاينة على مدونتي

كفى ثرثرة فل نباشر بالشرح

اولا قم بالتالي

أدخل إلى حسابك بلوجر أو Gmail

ثم

My Blogs

بعدها إختر مدونتك التي تريد إضافة هده الإضافة عليها

بعد دلك من لوحة التحكم توجه إلى تخطيط أو Layout

ثم أضف أداة Html JavaScript

بعدها أضف الكود التالي

<center><style>
.hl-email{
background:url(http://4.bp.blogspot.com/-u3UaeUufpmI/T8lFuelsg8I/AAAAAAAACQY/tOWbHsgTYKc/s1600/mail.png) no-repeat 2px 7px ;
width:300px;
padding:2px 10px 0px 20px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.hl-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;
}
.hl-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:130px;
color:#666;}
</style>
<div class="hl-email">
Subscribe via Email <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=arabetutorial', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here" type="text" />
<input type="hidden" value="arabetutorial" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="hl-emailsubmit" value="Submit" type="submit" />
</form>
</div></center></div>

ثم قم بالتغيير التالي

http://feedburner.google.com/fb/a/mailverify?uri=arabetutorial

بحسابك على الFeedburner

والتي باللون الأحمر بإسم حسابك

مثال

http://feedburner.google.com/fb/a/mailverify?uri=Your Name Feed Burner

والإسم هو

Your Name Feed Burner  

وهكدا نكون قد انتهينا

وأي استفسار بخصوص الإضافة ضعها بتعليق

ولمن احب الإضافة والمدونة
فل تشاركنا أخي الكريم بنشر مدونتنا ودلك عبر الأزرار الإجتماعية
للرقي بها
تعليقاتك تهمنا فشارك معنا برد
 
والسلام عليكم ورحمة الله تعالى وبركاته


  

آخر مقالات المدونة

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

إرسال تعليق

إذا أردت عزيزي الزائر إدراج فيديو من يوتوب بتعليق قم بالتالي
[youtube]رابط فيديو يوتوب هنا[/youtube]
كما يمكنك إدراج صورة عبر الكود التالي
[img]رابط صورتك هنا[/img]

جميع الحقوق محفوظة لمدونة المدونة التعليمية للكومبيوتر 2013

تصميم : بويردن