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

السلام عليكم ورحمة الله تعالى وبركاته

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

حيث سيصل الأخ الزائر او المتابع كل جديد بالمدونة

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

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

  

من هنا 

FeedBurner

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

قبل إضافتك لهده الإضافة الرائعة

فهد الإضافة سأقدمها لكم بشكل جميل عن باقي الإضافات التي مثلها

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

صورة الإضافة

للمعاينة على مدونتي

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

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

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

ثم

My Blogs

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

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

ثم أضف أداة Html JavaScript

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

<center><style>
.hl-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj89-XAO8kJJH0wy9oruY_i-b7tAgbFhJKHmQ9QMkSbQDE4tkWEOsjToxLtll05OgbnAb5Bu1Q8v0auUliqGq1z1AvCVri1anpUPlWbBEQLPRoi8BtHbMt5fxFUITbWRIQFqNUyWUhPdl0/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  

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

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

ولمن احب الإضافة والمدونة

فل تشاركنا أخي الكريم بنشر مدونتنا ودلك عبر الأزرار الإجتماعية

للرقي بها

تعليقاتك تهمنا فشارك معنا برد

 

والسلام عليكم ورحمة الله تعالى وبركاته