ادات متابعة احترافية رائعة توضع تحت المواضيع بشكل جد مطور

ادات متابعة احترافية رائعة توضع تحت المواضيع بشكل جد مطور




معاينة مثال حي من هنا

طريقة اضافتها ولا اسهل 


لاضافتها اتبع الاتي:


اذهب الى مدونتك الخاصة



الذهاب إلى Blogger 
انقر في قالب
الآن انقر على تحرير HTML 

البحث <data:post.body/>
ثم لصق هذا الكود تحته.

كود بلغة HTML:

<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>

<script type="text/javascript">stLight.options({publisher: "a42cbc60-98f7-404a-8c0e-e1828ea5033d"}); </script>
<b:if cond='data:blog.pageType == &quot;item&quot;'><br/>
<div class='border23'>
<h8>
تابع جديدنا عبر بريدك الخاص:</h8><script type="text/javascript" src="http://raay-arab.4ulike.com/15391.js"></script>
<div id='w2bEmailsub'>
<form action='http://feedburner.google.com/fb/a/mailverify' class='w2bEmailform' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=raay-arab&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=1050,height=520&apos;);return true' rel="nofollow" target='popupwindow'>
<input name='uri' type='hidden' value='raay-arab'/>
  <input name='loc' type='hidden' value='en_US'/>
  <input class='emailText' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;&quot;;}' onfocus='if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}' type='text' value=''/>
  <input class='emailButton' title='' type='submit' value='مشاركة'/>
 </form>
</div></div><br/>
<div class='border23'>
<h8>
تابعنا عبر:</h8><br/>

<a href='http://www.facebook.com/#'>
<img border='0' src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi34I_Vp5Gap2sxNcCugRW3b7OQSJlKP6g424IrbrEyJnuKxOMa4WfK2YIAW6fNO0-Rd7uzvXLHjo3I0RPqx5ojwBvn5iCZE2btLZ3jQ0TM4tdPAtMFcjwd4w_zA4g5Va9_UGbxcKB46jk/s1600/FACEBOOK-64x64.png '/></a>
    <a href='http://www.twitter.com/#'>
<img border='0' src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF8JSEeTcrQycxRIJ036Y0DHL3AmYAP8vwRA99evzFxB-BGvxi_qrvoFWmR-h8ls3eAYEvfrvwgvgKVIJc_KWGwSFg3O-Z2G5zAz2HZYCAD8ocw0EppoaP7s5O8PRWHQdbxI1yI7Dd80A/s1600/TWITTER-64x64.png '/></a>
    <a href='https://plus.google.com/#'>
<img border='0' src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgNVG8VFiQmvGaasFdw7Ci7UspfyIewkZjlGtJ3hfNGOub6lwDEP4KJoyrFqAPpu5oMCVq-MOiBzCXFqjRNONsLC08gEi0HjXSSctSkr6SyXe_hZvqP-K9up2eEf8vmRdkQcGFqW7vrvQ/s1600/GOOGLE-PLUS-64x64.png '/></a>
    <a href='http://www.feeds.feedburner.com/#'>
<img border='0' src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8YkgRJ6b5X4R9JwmagvmvFr2D5nSYGQxM2aNNdaetjxtw-Yf878M6H9J_sI-c4myRZqTB-y1UhBWmRKRFZ1e6e2N72Xvrtp1Bn1DJFoJwLfgvJNNWYLJe1BowfPMAsH_GtNqfoy3VVJE/s1600/RSS-64x64.png'/></a>
    <a href='http://pinterest.com/#'>
<img border='0' src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAFxj91hP0IK6SAZNErCGDY7o4A8ordG0yZRgqaRFmpmPrOJbyJ0eE2mblMtEAYZlQG3d1Bd8-NGw1uQySCvXDWn5VLVBpjMM9DIx8-lBk-UnlVfhJGuNNEEl_3FwNZqDKDZMu01g5PDU/s1600/PINTEREST-64x64.png '/></a>
</div><br/>
<div class='border23'>
<h8>
انشر الموضوع:</h8><br/><br/>
<span class='st_plusone_hcount' displaytext='Google +1'>
<span class='st_fblike_hcount' displaytext='Facebook Like'>
<span class='st_facebook_hcount' displaytext='Facebook'>
<span class='st_twitter_hcount' displaytext='Tweet'>
<span class='st_googleplus_hcount' displaytext='Google +'>
</span></span></span></span></span></div>
<style>
.border23{

border-style:solid;
border-width:2px;
border-color:#BABABA;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:15px;
-webkit-box-shadow: 0px 4px 10px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 4px 10px rgba(50, 50, 50, 0.75);
box-shadow:         0px 4px 10px rgba(50, 50, 50, 0.75);
background:white;

    }
.border23:hover{
border-style:solid;
border-width:2px;
border-color:#BABABA;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:15px;

background:white;
-moz-box-shadow:    inset 0 0 10px #FFFF00;
   -webkit-box-shadow: inset 0 0 10px #FFFF00;
   box-shadow:         inset 0 0 10px #FFFF00;
    }

h8{
 font-size: 25px;
font-weight:bold;
}
#w2bEmailsub {
 display: block;
 clear: both;
 margin: 10px 0;
}
form.w2bEmailform {
 margin: 20px 0 0;
 display: block;
 clear: both;
}
.emailText {
 background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4zad6bsM_YTMF17FFH9wbllUsJbX6a1IKuvxupYH8QztmBQzRieoLMjNdN6ZfHTl3aaPlSitXX4Oh-kAkBcjM6gVi2q18abpYjGQjqkV2GT5HYOK2xeviP-g27Ef_8k8QDsUfGm1ndFTO/s28/w2b-mail.png&quot;) no-repeat scroll 4px center transparent;
 padding: 7px 15px 7px 35px;
 color: #444;
 font-weight: bold;
 text-decoration: none;
 border: 1px solid #D3D3D3;

 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;

 -webkit-box-shadow: 1px 1px 2px #CCC inset;
 -moz-box-shadow: 1px 1px 2px #CCC inset;
 box-shadow: 1px 1px 2px #CCC inset;
}
.emailButton {
 color: #444;
 font-weight: bold;
 text-decoration: none;
 padding: 6px 15px;
 border: 1px solid #D3D3D3;
 cursor: pointer;

 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;

 background: #fbfbfb;
 background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
 background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
 background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
 background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );
 background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}
</style>​
</b:if>

ثم ابحث عن http://feedburner.google.com/fb/a/mailverify?uri=raay-arab وبدله بالفيدبرنر خاصتك 


http://www.facebook.com/#



وهكذا يكون قد تم بحمد الله :)