Web Hosting

السبت، 28 أبريل 2012

اضافة أداة المتابعة على المواقع الاجتماعية facebook-google +1-twitter عائمة ومنزلقة لمدونات بلوجر

ليس هنالك أحسن من المواقع الاجتماعية الكبيرة مثل facebook و google +1  .و twitter  لزايدة شعبية مدونتنا  على الأنترنيت وزيادة المعجبين على صفحاتنا على تلك المواقع .لكن تركيب  كل أداة الخاصة بهده المواقع كل على حدة فانها ستأخد مساحات كبيرة من مدونتك,لدالك فهده الأداة  فيها كل شيء,وما يميزه  أنها ليست كباقي الأداوات الاخرى   فعند التأشير عليها تنزلق  ويخرج لك صندوق معجبيك على التويتر أو أشر على جوجل بلس فيخرج لك لكن صندوق معجبيك و جوجل بلس هو مايميز الاداة فهو يحتوي على زر المتابعة و والجميل أيضا انه يضهر لك مواضيعك التي أضفتها في صفحتك على جوجل وبشكل متحرك صراحة أداة رائعة وتستحق التجريب







                        

 
طريقة التركيب :

بلنسبة للواجهة الجديدة  :                                               -   بالنسبة للواجهة القديمة :

لاتنسى اخد نسخة احتياطية للقالب                                 لاتنسى اخد نسخة احتياطية للقالب

1.لوحة التحكم                                                         1 -.لوحة التحكم
2.القالب                                                                2  - .تخطيط أوتصميم 
3. ثم تحريرhtml;.                                                               ثم 3 - تحريرhtml  
 4.متابعة                                                               4
-.توسيع القالب
5.توسيع القالب                                                          

 ثم ابحث عن الكود التالي :بالضغط على       alt+f


</head>

ثم ضع الكود التالي فوقه مباشرة

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>


ملاحضة: اذا كان قد سبق لك اضافة الكود فقط تجاهله ولاتضعه


ثانيا   الكود التاني

طريقة التركيب

.1 اذهب للوحة التحكم
2. تخطيط 
3.عناصر الصفحة
4. اضف اداة
6.اختار  Html/Javascript

 هدا هو الكود
<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:'105111763875634408359'          ,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/AVvXsEifcLJxg_WkKqoADAXxh7kp5DP0gmn33xkN8rCVbznsPIuKB0smZyNV8X8uXoIR0Dt1oCnNWhQojjLbziOSWCPNE8Bl-ISMdRp1ufluB3mRO3seAhwSNWKs0OSrkQWY3_fpGbDH5AMmpTI/s1600/facebook.chamelcool.blogspot.com.png" alt="" /> <iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fchamelcoolblogger&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/AVvXsEh_KArjdZOAZzau78_DKwu1BXlYh497UjMbpMkDWdkTdkh4NwBwSXZ7wNh_95gmBuWqhrA26I2iCHZmMfjrKk17VLSGIFsoqu_-iK9NOJlzIl3XBfgIh8t_7sstOh_hW0RDzoujo2cNQxo/s1600/twitter.chamelcool.blogspot.com.png" /><div id="twitterfanbox"></div><script type="text/javascript">fanbox_init("chamelcool");</script> </div></div></div><div id="on"><div id="google_plus_right" style="top: 44%;"><div id="google_plus_div"><img id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxg2TiXI678pJqqfPEXIwKLE_CKm90I5_s9raujBrxgenGlvL9CEygDPQTr_0GBrrgZOyaSpeTlaN7wAX-xSqbbVOe1olHuYuyAX-2NzMPxlYvGc3kMVm_RiL-g2JKaZ1EEmk-F4Y7rJM/s1600/google+1.chamelcool.blogspot.com.png" /><div style="float:left;margin:0px 0px 4px 4px;"><div id="gpaw">  </div></div></div></div></div>

ملاحضة :
 قم بتغير   chamelcoolblogger    باسم صفحتك على الفيسبوك أما دا كان اسم صفحتك طويل وعبارة عن أصفار فقم بالدخول على هدا الرابط ثم ضع اسم مختصرا لصفحتك  Facebook.com/username

ثم غير       chamelcool    باسم صفحتك على التوتير

ثم غير  105111763875634408359   بالارقام التي ستجدها في جانب الرابط في صفحتك على جوجل بلس

7-ثم احفض الأدة

ومبروك الاضافة و الى اللقاء في موضوع جديد  النشاء الله


Social Sharing Widget bychamelcool


9 التعليقات:

شكرا لك على هذا الموضوع الرائع والمفيد اخي ,, ولاكن الطريقة لم تظبط معي انا فعلت كل التعليمات ولاكن لم تنجح شكل الفيس بوك والتيوتر والجوجل بلس ظاهر في المدونة ولاكن عند وضع الماوس عليها لا يظهر الصندوق هل يوجد حل اخي !؟

السلام عليكم أخي الكريم ,جرب مايلى

ابحث عن </head> ثم ضع هدا السكربت فوقه مباشرة

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

ملاحضة؟؟؟؟؟ تأكد من وجود كود واحد مثل هدا فوق </head>

aأخي نفس المشكل حصل معي و تأكدت من الأمر و لا تعمل

أخي الكريم الاضافة تعمل وأنا قد وضعت مثال خي للمعاينة

المشكل لديك في الكود الاول وكما دكرت اخرص على أن يكون هنالك كود واد مثله

ادا لم تشتغل معاك أرسل لي قالب مدونتك على theprince19@hotmail.fr

وسأركب لك الاضافة

شكراا على الموضوع الجميل....
http://ljarih.blogspot.com/

نفس المشكله اخي الكريم دي صوره وواضح ان فيه الكودين متشابهين
http://www12.0zz0.com/2012/08/04/13/354894903.png
بعد اذنك مراجعه الموضوع لأن الاضافه مهمه
و ممكن تحط بعد اذنك كود اضافه الفيسبوك اللي بيظهر عندك
http://www12.0zz0.com/2012/08/04/13/151396232.png

@mester ahmed

أيقي على واحد فقط وامسح التاني

بانسبة الى اضافة الفيسبوك تابع هذا الشرح

http://chamelcool.blogspot.com/2012/02/static-facebook-pop-out-like-wiht.html

أخي الفاضل شامل كول ،،
السلام علكيم ورحمة الله وبركاته ،،
تم تطبيق الأداة وواجهة مشكلة أن أخر زر الخاص بقوقل فاضي ، ولم تظهر الصفحة ،
وأيضاً بالنسبة الى الفيس بوك لا يظهر أسم الصفحة كاملة حيث جزء يكون خارج الصفحة ،
وبعد معاينة الموجود لديك هنا بالموقع وجدت أن الأداة لديك تنسيقها ممتاز ، حيث تكون صورة الصفحة من اليمين وبعدها يكون أسم الصفحة ،
بينما لدي أسم الصفحة ويكون جزء منهم مختفي خارج الصفحة ومن ثم تظهر صورة الصفحة ،،

وأيضاً كيف أقلل مسافة التباعد بين الرموز الثلاثة

وتقبل تحياتي

هل اضافة هذه الخاصية على بلوجر ديناميكي و كيف ان كان ممكنا

إرسال تعليق

ملحوظة: يمكن لأعضاء المدونة فقط إرسال تعليق.

Web Hosting
Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Gadgets By chamelcool Blog