الخميس, ديسمبر 19, 2013

اضافة ازرار التواصل الاجتماعي والفيس بوك جانب المدونة بلوجر

السلام عليكم ورحمة الله وبركاته 
اضافة ثلاث ازرار للشبكات الاجتماعية في قمة الجمال ،الاضافة بها ثلاث ازرار وهم زر الفيس بوك ،زر تويتر ،زر جوجل+،والاضافة تزيد من مع جبينك علي الشبكات الاجتماعية واضافة خفيفة جدا ومختصرة جدا،الازرار منبثقة عند مرور المؤس علي الا زرار تتحرك
والطريقة غير مسبوقة من اي موقع اخر فتعودنا ان نكون الاول معكم
صورة من الاضافة 

  
الطريقة :

اولا : اضافة الجي كويري لتتمكن من تحريك الاداة للداخل و الخارج :
1. اذهب للوحة التحكم
2. تخطيط
3. تحرير HTML
5. ابحث عن : 
</head>
 و ضع قبلة مباشرة :
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
اذا كنت قد اضفتة قبل ذلك فلا داعي من اضافتة مرة اخرى

وهذه الخطوة لتحريك الاداة ثم نذهب لثاني خطوة 
ثانيا : لأضافة الأداة :
1. اذهب للوحة التحكم
2. تخطيط
3.إضافة أداة
من النافذة المنبثقة، اختر JavaScript
نسخ والصق الكود في المربع 

<script src="http://code.jquery.com/jquery-latest.js"></script>  <script src="http://apis.google.com/js/plusone.js" type="text/javascript"></script>  <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/m4krejz6tw6sxlf/3%20in%201%20StyleSheet.css" />  <script src="https://dl.dropboxusercontent.com/s/e5p8j4qnfvgda8p/3%20in%201%20Widget.js"></script>    <div id="on">    <div id="facebook_right" style="top: 12%;">      <div id="facebook_div">        <img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyWiEZzDT5pO_KdG3alPFsyRWyHuLSuvN5RK68Xc0FHZ5ErVOa4rz9lYc4m2IHuWBFKids2CDsZyvAWXvkb5JLu6EN0d-Vwb9Ot8KcQlUecFnYOe4iOHz6QbrlcgfQeX8NJafHoJ2045Ez/s1600/NBTfacebook_right.png" />        <iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fans120?ref=hl&amp;width=200&amp;height=346&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false"        style="border: none; height: 346px; overflow: hidden; width: 200px;"></iframe>      </div>    </div>  </div>  <div id="on">    <div id="twitter_right" style="top: 28%;">      <div id="twitter_div">        <img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkRCjh_uOICi1PZ-EDNR8OCwKeMJF5i9t0gH697iQ1N2f4Tgb9nDqq8jdZQ9bbKmd4Y1DbMclrQK_h7TzhVIFSJ-01Irf4VYfE7BHl-TWYsZQibVqlnABglNbPBh1YQ0xORRelZuP7cmcD/s1600/NBTtwitter_right.png" />        <script type='text/javascript'>        function fanbox_init(screen_name) {          document.getElementById('twitterfanbox').innerHTML = '<iframe name="fbfanIFrame_0" frameborder="0" allowtransparency="true" src="http://s.moopz.com/connect.html?user=' + screen_name + '" class="FB_SERVER_IFRAME" scrolling="no" style="width: 300px; height: 250px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; "></iframe>';        }        </script>        <div id="twitterfanbox">          <script type="text/javascript">          fanbox_init("awsa9090");          </script>        </div>      </div>    </div>    <div id="on">      <div id="google_plus_right" style="top: 45%;">        <div id="google_plus_div">          <img id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBVurz0S-W3nfEEmNsc-W5VPCzREChLK_CSkqdvapqerV72CxbNDx0UH87hriEhxwfCoozvD6K1yd7AlINHR58slt83TR2APoeGq-gw8oA-C4wDoUhXLY2gJRc6zgZOPlkbQJMFI6X59g/s1600/NBTgoogle_plus_right.png" />          <div style="float: left; margin: 10px 10px 10px 0;">            <a href='http://newbloggertips.com'>              <img alt='Tips Tricks And Tutorials' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWA_24VQF-YkN8QJj84g8qtoTfqCEBKub6Z3m1TOE1JyexZz6zsCSuFpVmU0oFIQnEBK5zHrUMAKfVh71mVxYslpQQrcKloV6pJKYcyr4CFMSBgmj_2Spiy67sAFZ1i92cKqIglZ27TySC/s1600/best+blogger+tips.png' />            </a>            <div class="g-plus" data-action="followers" data-height="250" data-href="https://plus.google.com/112612855559836530379" data-source="blogger:blog:followers" data-width="270"></div>            <script type="text/javascript">            (function () {              window.___gcfg = {                'lang': 'en'              };              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>        </div>      </div></div></div>

ملاحظة غير مابلون الاحمر الي الروابط الخاصة بك


غير الرابط الي رابط الفيس بوك الخاص بك  ans120?ref=hl

 وغير الرابط الي رابط تويتر الخاص بك awsa9090 وغير الرقم الي الرقم الخاص بك في جوجل+112612855559836530379
ثم اضغط علي حفط


 ارجو ان ينال الموضوع اعجابكم 
كلمات للبحث
المحترف,ماي ايجي,عرب سيد,ازرار الفيس بوك بلوجر,نافذة منبثقة بلوجر

0 التعليقات:

إرسال تعليق