الأحد، 11 أغسطس 2013

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

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

'Your Photo' Floating Social Media Sharing Widget With Advance Scrolling

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

  • أولا تذهب الى مدونتك --> التخطيط --> اختيار أداه (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 ضع اسم حسابك على تويتر الخاص بك او المدونه.


عيش التجربه

'Your Photo' Floating Social Media Sharing Widget With Advance Scrolling

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

MOHAMED TAHSEEN

محمد تحسين طالب فى كليه تجاره. أهتم بعالم المعرفه والتكنولوجيا الحديثه والمتطوره وأمل ان اكون ذات يوما من المبرمجين والمسوقين الالكترونين فى مجال الانترنت ونحاول جاهدين فى مدونه وسيله ان نقدم كل ما يخص المعرفه والتكنولوجيا فتابعونا على المواقع الاجتماعيه ليصلكم كل تحديثاتنا

0 التعليقات :

إرسال تعليق

 
: POWERED BY Powered By Blogger Built with jQuery Built with CSS3
Re-Designed by Mohamed Tahseen