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


السلام عليكم و رحمة الله تعالى و بركاته ،إخواني أخواتي الكرام في هذا الدرس سوف نتعرف على كيفية إضافة أداة "صندوق إشترك فى خدمة رسائل مدونة بلوجر" والذي يعتبر من أهم الأدوات التي يجب أن تتوفر عليها كل مدونة ,وتكمن أهميتها في جعل كل مشترك في هذه الخدمة دائما على إطلاع على كل جديد المدونة و ذلك بتوصله بكل موضوع جديد كتبته على مدونتك عن طريق بريده الإلكتروني ،أليست هذه الخدمة رائعة حقاً ؟ كلنا نعلم الطريقة التقليدية لإضافة هذه الأداة و ذلك عن طريق الحصول على الكود من موقع فيد بيرنر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=feedburner/XXXX" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=feedburner/XXXXX', '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="XXXXX" 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/XXXXXX"><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/XXXXX/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/XXXXX%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/XXXXX?format=xml%20" target="_blank" title="اشترك في اخر التدوينات">اشترك عبر RSS Feed</a>
</td></tr>
<a href="http://www.facebook.com/XXXXXXX" 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/XXXXX" target="_blank" title="Facebook ">تواصل عبر facebook</a>

<tr><td>
<a href="http://twitter.com/Abuiyad007" 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/XXXXX" target="_blank" title="Twitter "> اتبعني عبر Twitter</a>
</td></tr>
</tbody></table></div>
<!-- /Email subsciption box --></form>
لا تنسى تبديل ما باللون الأحمر بإسم حسابك على RSS ,twitter,Facebook,Feedburner
أتمنى أن تنال إعجابكم ولأي إستفسار أنا رهن الإشارة

أنتظر تشجيعاتكم
المصدر

تعليقات

المشاركات الشائعة من هذه المدونة

كود المساحات الاعلانيه الرائع

طرق جلب الزوار الجزء الثاني

أكواد HTML مهمة لكل مدون بلوجر