إضافة صندوق إشترك فى خدمة رسائل مدونة بلوجر

السلام عليكم و رحمة الله تعالى و بركاته ،إخواني أخواتي الكرام في هذا الدرس سوف نتعرف على كيفية إضافة أداة "صندوق إشترك فى خدمة رسائل مدونة بلوجر" والذي يعتبر من أهم الأدوات التي يجب أن تتوفر عليها كل مدونة ,وتكمن أهميتها في جعل كل مشترك في هذه الخدمة دائما على إطلاع على كل جديد المدونة و ذلك بتوصله بكل موضوع جديد كتبته على مدونتك عن طريق بريده الإلكتروني ،أليست هذه الخدمة رائعة حقاً ؟ كلنا نعلم الطريقة التقليدية لإضافة هذه الأداة و ذلك عن طريق الحصول على الكود من موقع فيد بيرنرFeedburner ولكن هذه الإضافة التي أقترحها عليكم تتضمن كذلك دعوة الزوار في الإشتراك عبر التويترTwitter وخلاصات RSS كذلك عبر الفيسبوك Facebook،والآن أترككم مع التطبيق .
وقبل تطبيق هذه الإضافة يجب عليك التوفر على :
  1. رابط تغذية خلاصةRSS
  2. رابط الاشتراك فى القائمة البريدية فى حسابك بالفيدبرنر Feedburner
  3. رابط حسابك على تويتر Twitter
  4. رابط حسابك على فيسبوك Facebook
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر HTML/Javascript
ولآن الصق الكود التالي :






<!-- Email subsciption box -->
<form id="subscribe" action="http://feedburner.google.com/fb/a/mailverify?uri=albaadani" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=albaadani', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><b style="color: rgb(102, 51, 255);">إذا أعجبتك مدونتي</b> وتريد التوصل بكل المواضيع الجديدة ،كن السبّاق وقم بإدخال بريدك الإلكتروني و إنتظر الجديد

<div style="text-align: center;">
<input autocomplete="off" value="" id="subbox" onfocus="if (this.value == &#39;ضع بريدك الالكتروني هنا...&#39;) {this.value = &#39;&#39;;}" onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email address...&#39;;}" name="email" style="width: 200px; background-repeat: no-repeat ! important; background-image: url(&quot;chrome://sxipper/skin/images/field_icon_R.png&quot;) ! important; background-position: right center ! important; padding-left: 0px ! important;" type="text" />
<input value="albaadani" name="uri" type="hidden" />
<input name="loc" value="en_US" type="hidden" />
<input value="إشترك الآن" id="subbutton" type="submit" />
</div>

<div>
<center>
<table>
<tbody><tr>
<td>
<a href="http://feeds.feedburner.com/albaadani"><img src="http://feeds.feedburner.com/%7Efc/sma-b%20?bg=99CCFF&amp;fg=111111&amp;anim=1" style="border: 0pt none;" alt="" height="26" width="88" /></a>
</td><td>
<script type="text/javascript" language="JavaScript" src="http://twittercounter.com/embed/albaadani1/ffffff/111111"></script>
</td>
</tr>
</tbody></table></center>
</div>

<div style="padding-left: 10px;">
<table>
<tbody><tr><td>
<a href="http://feeds.feedburner.com/feedburner/albaadani%20" target="_blank" title="اشترك في اخر التدوينات"><img style="float: left; margin-right: 5px; width: 20px; height: 20px;" src="http://cocorico.com/wp-content/themes/FrenchCulture/images/rss2.gif" /></a><a href="http://feeds.feedburner.com/feedburner/albaadani?format=xml%20" target="_blank" title="اشترك في اخر التدوينات">اشترك عبر RSS Feed</a>
</td></tr>
<a href="http://www.facebook.com/pages/http://www.facebook.com/pages/مدونة-جلال-البعداني/139402479484469" target="_blank" title="Facebook "><img style="float: left; margin-right: 5px; width: 70px; height:70px;" src="http://www.aeropassion.net/blog/dc-sites/leblog/public/News_Jedicut/Facebook_128.png" /></a>
<a href="http://www.facebook.com/pages/مدونة-جلال-البعداني/139402479484469/129817460386636" target="_blank" title="Facebook ">تواصل عبر facebook</a>

<tr><td>
<a href="http://twitter.com/albaadani1" target="_blank" title="Twitter time"><img style="float: left; margin-right: 5px; width: 70px; height: 70px;" src="http://www.annuaire-tourisme-evasion.com/themes/GlobalGlobes/images/twitter.png" /></a><a href="http://twitter.com/albaadani1" target="_blank" title="Twitter "> اتبعني عبر Twitter</a>
</td></tr>
</tbody></table></div>
<!-- /Email subsciption box --></form>
لا تنسى تبديل ما باللون الأحمر بإسم حسابك على RSS ,twitter,Facebook,Feedburner
أتمنى أن تنال إعجابكم ولأي إستفسار أنا رهن الإشارة
أنتظر تشجيعاتكم

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

  1. سلم عليكم ورحمة الله
    إدا أردت فقط وضع نموذج الاشتراك بدون وضع التفاصيل الاخرى تويتر وفيسبوك و-rss
    كيف دلك ؟

    ردحذف
  2. سلم عليكم ورحمة الله
    إدا أردت فقط وضع نموذج الاشتراك بدون وضع التفاصيل الاخرى تويتر وفيسبوك و-rss
    كيف دلك ؟

    ردحذف
    الردود
    1. استخدمي الكود التالي


      <!-- Email subsciption box -->
      <form id="subscribe" action="http://feedburner.google.com/fb/a/mailverify?uri=albaadani" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=albaadani', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><b style="color: rgb(102, 51, 255);">إذا أعجبتك مدونتي</b> وتريد التوصل بكل المواضيع الجديدة ،كن السبّاق وقم بإدخال بريدك الإلكتروني و إنتظر الجديد

      <div style="text-align: center;">
      <input autocomplete="off" value="" id="subbox" onfocus="if (this.value == &#39;ضع بريدك الالكتروني هنا...&#39;) {this.value = &#39;&#39;;}" onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email address...&#39;;}" name="email" style="width: 200px; background-repeat: no-repeat ! important; background-image: url(&quot;chrome://sxipper/skin/images/field_icon_R.png&quot;) ! important; background-position: right center ! important; padding-left: 0px ! important;" type="text" />
      <input value="albaadani" name="uri" type="hidden" />
      <input name="loc" value="en_US" type="hidden" />
      <input value="إشترك الآن" id="subbutton" type="submit" />
      </div>



      ولاتنسي استبدال albaadani باسم حسابك في فيدبرنر

      حذف