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

إضافة قوية جداً تجمع اشهر صناديق وازرار المتابعة على بلوجر سواء الخاصة بالمواقع الإجتماعية Social Network أو البريد Email أو خدمات الإشتراك الخاصة ببلوجر وبالتفصيل تحتوي الإضافة كل من صندوق الإشتراك بصفحات جوجل بلس Google Plus
وزر إحترافي للإعجاب بصفحة الفيس بوك Facebook وزر المتابعة على تويتر Twitter Follow Button وآداة الإشتراك عبر البريد Email Subscription وآداة الإشتراك في اليوتيوب Youtube Subscript وأخيرا آداة المتابعة الخاصة ببلوجر كل هذا في اداة واحده أنيقة والتركيب غاية في السهولة فقط إضافة كود الإضافة في آداة HTML/JavaScript وهذه صورة لمعاينة شكل الإضافة

كود الإضافة

<style type="text/css">/*<!CDATA[*/ #e7tarif-ultm{width:300px;margin:auto;padding:0;} .e7tarif-googleplus {height:57px;} .e7tarif-facebook {background:#E7EBF2;border: 1px solid #DCDCDC;margin-top: -6px;padding:0px 10px 3px;} .e7tarif-twitter {background-color: #eef9fd;border: 1px solid #c7dbe2;border-top: 0;} .e7tarif-twitter a.twitter-follow-button {display: block;} .e7tarif-twitter iframe {margin: 6px 11px -1px;} .e7tarif-emailbox {background-color:#70706E;border: 1px solid #b6d0da;border-top: 1px solid #eff5f7;padding: 5px 16px;overflow: hidden;} .e7tarif-emailbox form{width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;border: 0;} .e7tarif-emailbox input.emailu {float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;border: 0;color: #999;padding: 7px 10px 8px;width: 100%;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 13px;} .e7tarif-emailbox input.emailu:focus {color: #333;} .e7tarif-emailbox input.submitu {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: white;padding: 7px 14px;font-weight: bold;font-size: 12px;float: right;cursor: pointer;} .e7tarif-emailbox input.submitu:hover {text-decoration: none;} .e7tarifGray{color:#444 !important;border:1px solid #CCC;background: #dbdbdb;background: -moz-linear-gradient(top, #dbdbdb 0%, #bbbbbb 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(100%,#bbbbbb));background: -webkit-linear-gradient(top, #dbdbdb 0%,#bbbbbb 100%);background: -o-linear-gradient(top, #dbdbdb 0%,#bbbbbb 100%);background: -ms-linear-gradient(top, #dbdbdb 0%,#bbbbbb 100%);background: linear-gradient(top, #dbdbdb 0%,#bbbbbb 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#bbbbbb',GradientType=0 );} .e7tarifGray:hover{background: #e6e6e6;background: -moz-linear-gradient(top, #e6e6e6 0%, #bbbbbb 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#bbbbbb));background: -webkit-linear-gradient(top, #e6e6e6 0%,#bbbbbb 100%);background: -o-linear-gradient(top, #e6e6e6 0%,#bbbbbb 100%);background: -ms-linear-gradient(top, #e6e6e6 0%,#bbbbbb 100%);background: linear-gradient(top, #e6e6e6 0%,#bbbbbb 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#bbbbbb',GradientType=0 );}.e7tarif-moresubs {background: none repeat scroll 0 0 #EBEBEB;border-style: solid;border-width: 1px;border-color: #fff #ccc #ccc;padding: 3px 8px 3px 3px;text-align: right;font-size: 7px;letter-spacing: 1px;} .e7tarif-moresubs a {display: inline-block;font-weight: bold;color: #1E598E;text-decoration: none;text-shadow: 1px 1px 1px #fff;} /*]]>*/ </style> <div id="e7tarif-ultm"> <div class="e7tarif-googleplus"> <script type="text/javascript"> /*<![CDATA[*/ window.___gcfg = {lang: 'en'}; (function(){ var po = document.createElement("script"); po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s); })(); /*]]>*/ </script> <div class="g-plus" data-href="https://plus.google.com/googlplusid" data-width="300" data-height="69" data-theme="light"></div></div><div class="e7tarif-facebook"> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="fbpageurl" width="250" show_faces="false" stream="false" header="true"></fb:like-box> </div><div class="e7tarif-twitter"> <a href="https://twitter.com/twitteid" class="twitter-follow-button" data-show-count="true">Follow @twitteid</a> <script type="text/javascript">/*<![CDATA[*/!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");/*]]>*/</script> </div><div class="e7tarif-emailbox"> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=feedbid', 'popupwindow', 'scrollbars=yes,width=550,height=520'); return true" target="popupwindow"> <table width="100%"><tr> <td> <input class="emailu" name="email" placeholder="أدخل بريدك الإلكتروني" type="text"/> </td> <td width="64px"> <input class="submitu e7tarifGray" type="submit" value="إشتــرك"/> </td> </tr></table><input name="uri" type="hidden" value="feedbid"/> <input name="loc" type="hidden" value="en_US"/> </form></div><iframe src=http://www.youtube.com/subscribe_widget?p=ytid style="overflow: hidden; height: 100px; width: 291px; background: #fff;background: -moz-linear-gradient(top,#F0EFEF,#fff);background: -webkit-linear-gradient(top,#F0EFEF,#fff);margin-bottom:-5px; padding:3px;border:1px solid #BBBBBB;" scrolling="no" frameborder="0"></iframe><script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script><!-- Define the div tag where the gadget will be inserted. --><div id="div-BID" style="width:296px;margin-right:1px;margin-top:-1px;border:1px solid #BBBBBB;"></div><!-- Render the gadget into a div. --><script type="text/javascript">var skin = {}; skin['BORDER_COLOR'] = '#BBBBBB'; skin['ENDCAP_BG_COLOR'] = '#DFDFDF'; skin['ENDCAP_TEXT_COLOR'] = '#333333'; skin['ENDCAP_LINK_COLOR'] = '#A51800'; skin['ALTERNATE_BG_COLOR'] = '#ffffff'; skin['CONTENT_BG_COLOR'] = '#ffffff'; skin['CONTENT_LINK_COLOR'] = '#A51800'; skin['CONTENT_TEXT_COLOR'] = '#333333'; skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc'; skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666'; skin['CONTENT_HEADLINE_COLOR'] = '#333333'; skin['NUMBER_ROWS'] = '2'; google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */); google.friendconnect.container.renderMembersGadget( { id: 'div-BID', site: 'SID' }, skin); </script></div>

إستبدل googlplusid  بمعرف صفحتك على جوجل بلس

إستبدل fbpageurl  برابط صفحتك على الفيس بوك

إستبدل twitteid  بإسم حسابك في تويتر

إستبدل feedbid  بمعرف حسابك في فييد برنر

إستبدل ytid  بإسم قناتك على اليوتيوب

أما BID و SID فهما يخصان إضافة المتابعين على بلوجر

وأخيرا  إحذف إن لم ترد إضافة اليوتيوب في الآداة إحذف الجزء التالي :

<iframe src=http://www.youtube.com/subscribe_widget?p=ytid style="overflow: hidden; height: 100px; width: 291px; background: #fff;background: -moz-linear-gradient(top,#F0EFEF,#fff);background: -webkit-linear-gradient(top,#F0EFEF,#fff);margin-bottom:-5px; padding:3px;border:1px solid #BBBBBB;" scrolling="no" frameborder="0"></iframe>

 إن لم ترد إضافة المتابعين على بلوجر في الآداة  إحذف الجزء التالي :

<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>

<!-- Define the div tag where the gadget will be inserted. -->

<div id="div-BID" style="width:296px;margin-right:1px;margin-top:-1px;border:1px solid #BBBBBB;"></div>

<!-- Render the gadget into a div. -->

<script type="text/javascript">

var skin = {};

skin['BORDER_COLOR'] = '#BBBBBB';

skin['ENDCAP_BG_COLOR'] = '#DFDFDF';

skin['ENDCAP_TEXT_COLOR'] = '#333333';

skin['ENDCAP_LINK_COLOR'] = '#A51800';

skin['ALTERNATE_BG_COLOR'] = '#ffffff';

skin['CONTENT_BG_COLOR'] = '#ffffff';

skin['CONTENT_LINK_COLOR'] = '#A51800';

skin['CONTENT_TEXT_COLOR'] = '#333333';

skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';

skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';

skin['CONTENT_HEADLINE_COLOR'] = '#333333';

skin['NUMBER_ROWS'] = '2';

google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);

google.friendconnect.container.renderMembersGadget(

 { id: 'div-BID',

   site: 'SID' },

  skin);

</script>

ملاحظة هامه إن كانت الإضافة عريضة بالنسبة لمدونتك يمكن تصغير العرض بتعديل الأرقام المحددة باللون البني في الكود ويجب تغييرها جميعا بنفس القيمة مثال إن اردت تقليل العرض بنسبة 20px يجب أن تقلل كل الأرقام بنفس النسبة