label-size{

اضف صندوق facebook و twitter بطريقة منزلقة في بلوجر


Unknown | 3:09 AM | |


كثرة طرق اضافات المواقع الاجتماعية الـــ Facebook و twitter في المدونات بلوجر ونظرا لذلك اضفنا لكم طريقة دمج الفيس بوك وتويتر بطريق منزلقة في اضافة واحدة لعدم اخذ مساحة كبيرة في المدونات بلوجر وعندما تضع السهم علي صندوق الفيس بوك سيظهر بفرده وايضا علي صندوق تويتر وتعتبر من الادوات المشهورة علي اغلب الموقع لانها تظهر بطريقة انسيابية

من لوحة التحكم بمدونتك اختر قالب ثم تحرير html ومتابعة ثم نضغط علي توسيع عناصر واجهة المستخدم
وابحث عن الكود التالي 
</head>
واضف قبله الكود التالي اذا لم يوجد ان وجدته لا تضف هذا الكود
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
وبعد ذلك نذهب الي التخطيط ثم اضافة اداة html واضف الكود التالي مع التعديل
<link rel="stylesheet" type="text/css" href="http://latesthack.googlecode.com/svn/mywidgets/3in1/3.css" /><script src='http://latesthack.googlecode.com/svn/mywidgets/2in1/twitter.js'></script><script src="http://googleplus-activity-widget.googlecode.com/files/jquery.googleplus-activity-1.0.min.js"></script>
<script type="text/javascript">
 //<![CDATA[
   jQuery(document).ready(function($) {
      $('#gpaw').googlePlusActivity({
         api_key : 'AIzaSyDsd2KGlVuN5dEwas5G3TsOVX17oRCCTFM'          ,user:''          ,image_width:75          ,image_height:75          ,body_height:230       });    }); //]]> </script> <script type="text/javascript"> jQuery(document).ready(function(){  jQuery("#facebook_right").hover(function(){   jQuery(this).stop(true,false).animate({right:  0}, 600); },function(){ jQuery("#facebook_right").stop(true,false).animate({right: -240}, 600); });    jQuery("#twitter_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#twitter_right").stop(true,false).animate({right: -240}, 500); });     jQuery("#google_plus_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#google_plus_right").stop(true,false).animate({right: -280}, 500); });  }); </script><p style="display:none;"> 3 in 1 social sharing by<a href="http://www.latesthack.com">Latest Hack</a></p> <div id="on"> <div id="facebook_right" style="top: 10%;"> <div id="facebook_div"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoyJxljh7EJQDhp35fLfGB7Qae-9fLkbo0efXvEeEbItLUml1pgNC0Z_gyrt0Icw9888y8r7eXiBIWorMIhGFo_pljgFO11oEnUe12lCZpQcN01NEOJ1mOLKcUxf0egO64gkj-hq5mlKE/s1600/facebook.chamelcool.blogspot.com.png" alt="" /> <iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Falyomtop&amp;locale=en_GB&amp;width=238&amp;connections=9&amp;stream=&amp;header=false&amp;show_faces=0&amp;height=256"   scrolling="no"> </iframe> </div></div></div><div id="on"><div id="twitter_right" style="top: 27%;"><div id="twitter_div"><img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZZeb9bE9_ANlXOB32pdYa9_au-yQ4eFZ81rOYE-ykw3RLSieZ4Tq2PwGbzDyNnwAaBJG2IU75K7Lj0oqJ4u51MhkFWlbXBhXG2sqG9fztmWIDS9kE3nXewDmhwl38wTN3ffKVZteBmGo/s1600/twitter.chamelcool.blogspot.com.png" /><div id="twitterfanbox"></div><script type="text/javascript">fanbox_init("alyomtop");</script> </div></div></div><div id="on"><div id="google_plus_right" style="top: 44%;"><div style="float:left;margin:0px 0px 4px 4px;"><div id="gpaw">  </div></div></div></div>
قم بتغيير كلمة alyomtop الاولي باسم صفحتك علي الفيس بوك
وقم بتغيير كلمة alyomtop الثانية باسم حسابك علي تويتر

ثم قم بحفظ الاداة

------------------------------

0 comments :

Post a Comment