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

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




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


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


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


انقر فوق


الذهاب إلى 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/13596.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' 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/AVvXsEgS0EiK5a1FEo3HiW01zG_5FhJq8AAq5MQZ8F0DwPbmJe-tFst5uHY94pNTXFwoYmVt-Ab53Mgt536EfKmqYTp02Y1MxHxbsmPRQig57-mEz2f_3QVLkkWbA_w-9R_vVCNbfdWxRVywaQs/s1600/FACEBOOK-64x64.png '/></a>
    <a href='http://www.twitter.com/'>
<img border='0' src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwSp-lOtMkSLBpkg4o3PIG6F2qsHy6UFiwh0NxDSq96I5zG0zlXnksfa3o_VHsnD7tNG1M1OH8VNURHxrSsxl3dI9zwdA6SRk9fiCzADWu8TtM91ATrpq9JB_sM0hD2q0pnNRP_HUKNuU/s1600/TWITTER-64x64.png '/></a>
    <a href='https://plus.google.com/#'>
<img border='0' src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl-pqSQGBn6VTajXWj8Y3uxtFRwoFXisL2Glie_9aMBcCOvIKPXhuWU9-s-k8DSy_a65LgyZNbePYiA1W7NOsaA4sst6MzAieOOCvyzmMYJGTEl46Do5pv9soVIXYh6XIAvMwF22VbUXI/s1600/GOOGLE-PLUS-64x64.png '/></a>
    <a href='http://www.feeds.feedburner.com/#'>
<img border='0' src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz72veX7Xzwd6L-ynApH1a4V04qpVQM-69lox07DjxFEfb68oSz61toYfgE5zM9-8NNH8T9_DJs08jrslauS0VeCDU4YeHwpjx_u2hrtDs1B_FD645xu421tUCs-dYlkeFVKfIE9HbTVc/s1600/RSS-64x64.png'/></a>
    <a href='http://pinterest.com/#'>
<img border='0' src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDRG741JkovdwMfyCDlwqNK4dGtGyrYTV3lEZei1gTOcSBwzHRlwW7_V0Fyc-7YK0s07LCaOeuPm95CapvBDkBndKPhSPC68iUkjX8seHx3QoTYwcaj-1BT5_5EObO50utBvZQEQZLuRo/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/AVvXsEjkkJlkre4iJTe-cx3qxPnSgnzFrJ_wH3WPzADtM5USzDxHPjjq9AkDGijI5rezEqNKjKmXp1_QiI6T3WHy7Ooo3RNuwJ16-1CyuAsu2ciFg8fvcD4wc6GnqNYHdGdeirZNzY9aBTBUHt8U/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>