اضافه اداه عائمه للمشاركه الاجتماعيه بصورتك

السلام عليكم ورحمه الله وبركاته
نتفق جميعا على ان أهميه المواقع الاجتماعيه لأشهار مدونتك وكسب زوار كثيرين وطبعا اذا كان يوجد محتوى جيد وجذاب وفريد من نوعه وحصريا بكده سترتقى بموقعك الى اعلى وكسب الكثير والكثير من الزوار . وقد جئتكم اليوم لأشارككم اداه لتنشر مقالاتك على النتبضغطه واحده فقط وهى اداه عائمه انا اعرف انه يوجد كثلها كثيراا فى المدونات والمواقع الاخرى ولكن عدلت فيها بحيث انك ممكن ان تضع صورتك اذا كنت انت الكاتب الوحيد فى المدونه او شعار للمدونه وبهذا الشكل تجعله فريد من نوعها وغير تقليديه واتمنى ان تعجبكم ان شاء الله :] .

نأتى الى تركيب الأداه فى مدونتك

• أولا تذهب الى مدونتك --> التخطيط --> اختيار أداه (HTML/JAVASCRIPT)
• ضع هذا الكود فيها مع تغير ما باللون الاحمر.

<script>
window.onload = function() {
  function getScrollTop() {
    if (typeof window.pageYOffset !== 'undefined' ) {
      // Most browsers
      return window.pageYOffset;
    }
    var d = document.documentElement;
    if (d.clientHeight) {
      // IE in standards mode
      return d.scrollTop;
    }
    // IE in quirks mode
    return document.body.scrollTop;
  }
  window.onscroll = function() {
    var box = document.getElementById('Scrolling-fixed'),
        scroll = getScrollTop();
    if (scroll <= 700) {
      box.style.top = "760px";
    }
    else {
      box.style.top = (scroll + 60) + "px";
    }
  };
}
 </script>
<style>
#Scrolling-fixed {
  position: absolute;
 
}
#floatdiv {
 
bottom:15%;
margin-left:-11px;
z-index:-9999;
float:left;
padding-bottom:2px;
}
#mbtsidebar {
        background:#fff;
        border-top:2px solid #90A4BF;
        border-left:1px solid #90A4BF;
        border-bottom:1px solid #90A4BF;
border-right:1px solid #90A4BF;
        border-radius:8px;
       -moz-border-radius:5px;
       -webkit-border-radius:5px;
        padding-left:5px;
        width:60px;
        margin:0 0 0 5px;
}
.fb_share_count_top {width:52px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:52px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div id="Scrolling-fixed">
<div id="floatdiv">
<div id="mbtsidebar">
    <table cellpadding="1px" cellspacing="0">
<tr>
<td style="padding:5px 0px 0px 0;">
<span><img src="http://im41.gulfup.com/0Xl40.png" /></span>
</td>
</tr>
    <tr>
    <td style="padding:5px 0px 0px 0;">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="MohamedTahsen">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
    </td>
    </tr>
    <tr>
    <td style="padding:5px 0 2px 0;">
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="false" layout="box_count" show_faces="false" font=""></fb:like>
    </td>
    </tr>
    <tr>
    <td style=" padding:5px 0px 0px 0px;">
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: &#39;en-US&#39;} </script>
<g:plusone size="Tall" expr:href="data:post.url">
    </g:plusone></td>
    </tr>
   <tr>
<td style="padding:2px 0px 0px 0;">
<p style=" line-height:0px; font-size:12px; font-weight:bold; text-align:center"><a style="color:#D3D3D3;" href="http://waseeela.blogspot.com/2013/08/your-photo-floating-social-media.html">Get This</a></p>
</td>
</tr>
    </table>
</div>
</div></div>

• ضع مكان هذا اللينك http://im41.gulfup.com/0Xl40.png رابط لصوره لك اوشعار للمدونه او اى شىء تريده .
• ومكان اسم MOHAMEDTAHSEN ضع اسم حسابك على تويتر الخاص بك او المدونه.

عيش التجربه

• أتمنى ان تعجبكم الأداه D; .

شاركه على فيسبوك شاركه على تويتر شاركه على جوجل بلس

عن Unknown