أداة تابعنا عبر الشبكات الاجتماعية بالاضافة الى الاشتراك عبر البريد

بسم الله الرحمان الرحيم
مقال اليوم يقدم لكم أداة الخدمة الرباعية "اربع اضافات في أداة واحدة"
هذه الأدوات تتمثل في المتابعة عبر الفيسبوك و ايضا عبر تويتر و عبر خلاصات rss  بالاضافة الى الاشتراك في خدمة  البريد الالكتروني.
قبل التوغل في التفاصيل هذه هي صورة الاضافة

الان مع الشرح
سأشرح على الواجهتين الجديدة و القديمة لبلوجر

• الواجهة القديمة لبلوجر

من قائمة التحكم الرئيسية أنقر على تصميم ثم تحرير html/java scrpit ثم ألصق الكود

• الواجهة المحدثة من بلوجر

من قائمة التحكم الرئيسية الجديدة لبلوجر أنقر على التخطيط ثم اضافة أداة اختر أداة html /javascript ثم الصق الكود



الكود هو كالاتي

<!-- Email subsciption box -->

<form id="subscribe" action="http://feedburner.google.com/fb/a/mailverify?uri=arabytech2" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=arabytech2', '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="arabytech2" 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/arabytech2"><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/arabytech/ffffff/111111"></script>

</td>

</tr>

</tbody></table></center>

</div>

<div style="padding-left: 10px;">

<table>

<tbody><tr><td>

<a href="http://feeds.feedburner.com/arabytech2%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/arabytech2?format=xml%20" target="_blank" title="اشترك في اخر التدوينات">اشترك عبر RSS Feed</a>

</td></tr>

<a href="http://www.facebook.com/arabytech" 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/arabytech" target="_blank" title="Facebook ">تواصل عبر facebook</a>

<tr><td>

<a href="http://twitter.com/arabytech" target="_blank" title="Twitter time"><img style="float: left; margin-right: 5px; width: 70px; height: 70px;" src="http://www.twitterbuttons.biz/buttons/new/004.png" /></a><a href="http://twitter.com/arabytech" target="_blank" title="Twitter "> اتبعني عبر Twitter</a>

</td></tr>

</tbody></table></div>

<!-- /Email subsciption box --></form>

التعديلات على الكود 


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

Widget for blogger by WidgetBlogs

كتب في: اضافات بلوجر,اكواد html,الشبكات الاجتماعية