ليس هنالك أحسن من المواقع الاجتماعية الكبيرة مثل facebook و google +1 .و twitter لزايدة شعبية مدونتنا على الأنترنيت وزيادة المعجبين على صفحاتنا على تلك المواقع .لكن تركيب كل أداة الخاصة بهده المواقع كل على حدة فانها ستأخد مساحات كبيرة من مدونتك,لدالك فهده الأداة فيها كل شيء,وما يميزه أنها ليست كباقي الأداوات الاخرى فعند التأشير عليها تنزلق ويخرج لك صندوق معجبيك على التويتر أو أشر على جوجل بلس فيخرج لك لكن صندوق معجبيك و جوجل بلس هو مايميز الاداة فهو يحتوي على زر المتابعة و والجميل أيضا انه يضهر لك مواضيعك التي أضفتها في صفحتك على جوجل وبشكل متحرك صراحة أداة رائعة وتستحق التجريب
بلنسبة للواجهة الجديدة : - بالنسبة للواجهة القديمة :
لاتنسى اخد نسخة احتياطية للقالب لاتنسى اخد نسخة احتياطية للقالب
1.لوحة التحكم 1 -.لوحة التحكم
2.القالب 2 - .تخطيط أوتصميم
3. ثم تحريرhtml;. ثم 3 - تحريرhtml.
4.متابعة 4-.توسيع القالب
5.توسيع القالب
ثم ابحث عن الكود التالي :بالضغط على alt+f
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
ملاحضة: اذا كان قد سبق لك اضافة الكود فقط تجاهله ولاتضعه
ثانيا الكود التاني
طريقة التركيب
.1 اذهب للوحة التحكم
هدا هو الكود
ملاحضة :
قم بتغير chamelcoolblogger باسم صفحتك على الفيسبوك أما دا كان اسم صفحتك طويل وعبارة عن أصفار فقم بالدخول على هدا الرابط ثم ضع اسم مختصرا لصفحتك Facebook.com/username
ثم غير chamelcool باسم صفحتك على التوتير
ثم غير 105111763875634408359 بالارقام التي ستجدها في جانب الرابط في صفحتك على جوجل بلس
7-ثم احفض الأدة
ومبروك الاضافة و الى اللقاء في موضوع جديد النشاء الله
طريقة التركيب :
بلنسبة للواجهة الجديدة : - بالنسبة للواجهة القديمة :
لاتنسى اخد نسخة احتياطية للقالب لاتنسى اخد نسخة احتياطية للقالب
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&locale=en_GB&width=238&connections=9&stream=&header=false&show_faces=0&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>
<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&locale=en_GB&width=238&connections=9&stream=&header=false&show_faces=0&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-ثم احفض الأدة
ومبروك الاضافة و الى اللقاء في موضوع جديد النشاء الله
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
أخي الفاضل شامل كول ،،
السلام علكيم ورحمة الله وبركاته ،،
تم تطبيق الأداة وواجهة مشكلة أن أخر زر الخاص بقوقل فاضي ، ولم تظهر الصفحة ،
وأيضاً بالنسبة الى الفيس بوك لا يظهر أسم الصفحة كاملة حيث جزء يكون خارج الصفحة ،
وبعد معاينة الموجود لديك هنا بالموقع وجدت أن الأداة لديك تنسيقها ممتاز ، حيث تكون صورة الصفحة من اليمين وبعدها يكون أسم الصفحة ،
بينما لدي أسم الصفحة ويكون جزء منهم مختفي خارج الصفحة ومن ثم تظهر صورة الصفحة ،،
وأيضاً كيف أقلل مسافة التباعد بين الرموز الثلاثة
وتقبل تحياتي
هل اضافة هذه الخاصية على بلوجر ديناميكي و كيف ان كان ممكنا
إرسال تعليق
ملحوظة: يمكن لأعضاء المدونة فقط إرسال تعليق.