مرحبا بكم زوار موقع ومتابعي ماي تكنولوجي درسنا اليوم هو شرح اضافه اربع نوافذ منبثقة عائمة مكونة من صندوق
معجبين الفيس بوك مع صندوق محادثة تويتر وزر جوجل +1 والإشتراك بالخلاصات لمدونات بلوجر.
تعتبر هذه الإضافة الرائعة الخاصة بالمواقع الإجتماعية مناسبة جدا للمدونات التي لا يوجد بها مكان لإضافات أخرى. حيث أنها تساهم في زيادة عدد زوار مدونتك.
تمكنك هذه الإضافة من إخفاء صندوق معجبين الفيس بوك، صندوق محادثة تويتر، زر جوجل +1 والإشتراك بالخلاصات،
مع إظهارهم بمجرد مرور الماوس على الأزرار، وذلك بتقنية مسج.
مع إظهارهم بمجرد مرور الماوس على الأزرار، وذلك بتقنية مسج.
تركيب الإضافة علي البلوجر:
1 - توجه إلى لوحة تحكم البلوجر.
2 - ثم إلى تخطيط أو تصميم.
3 - . بعد ذلك أدخل والقمة عناصر الصفحة واضغط علي أضف اداة.
4 - قم باختار الاكواد / جافا سكريبت.
5 - ثم قم بنسخ الكود التالي كاملا فى المكان المخصص وألصقه بكود هتمل / جافا سكريبت.
<STYLE>
IMG، وهو {
الحدود: 0؛
}
{# علي
الرؤية: مرئي؛
}
{# قبالة
الرؤية: مخفي؛
}
# {facebook_div
العرض: 196px؛
الطول: 340px؛
الفائض: خفي؛
}
# {twitter_div
العرض: 246px؛
الطول: 353px؛
الفائض: خفي؛
}
# {google_plus_div
العرض: 152px؛
الطول: 97px؛
الفائض: خفي؛
هامش اليسار: 50px الصيغة الصيغة الصيغة الصيغة؛
هامش قمة: 10px؛
}
# {knfeedburner_div
العرض: 300px؛
الطول: 97px؛
تجاوز: مخفي؛
هامش قمة: 5PX؛
يسار الهامش:-4PX؛
}
# {kakinetwork_div
العرض: 300px؛
الطول: 97px؛
الفائض: خفي؛
} / * النمط الجانب الأيمن * / # facebook_right {
ض الفهرس: 10005؛
الحدود: 2px الصلبة # 3c95d9؛
لون الخلفية: # الاتحاد الفرنسي؛
العرض: 196px؛
الطول: 353px؛
الموقف: ثابت؛
اليمين:-200px؛
}
# facebook_right IMG {
الموقف: المطلق؛
العلوي:-2px؛
اليسار: 35px؛
}
# IFRAME facebook_right {
الحدود: 0PX الصلبة # 3c95d9؛
الفائض: خفي؛
الموقف: ثابت؛
الطول: 360px؛
اليسار:-2px؛
العلوي:-3PX؛
}
# twitter_right {
ض الفهرس: 10004؛
الحدود: 2px الصلبة # 6CC5FF؛
لون الخلفية: # 6CC5FF؛
العرض: 246px؛
الطول: 353px؛
الموقف: ثابت؛
اليمين:-250px؛
}
# twitter_right_img {
الموقف: المطلق؛
العلوي:-2px؛
اليسار: 35px؛
الحدود: 0؛
}
# {google_plus_right
مؤشر ض: 10003؛
لون الخلفية: # F2F2F2؛
الحدود: 2px الصلبة # 006ec9؛
الحدود بين كبار: 2px الصلبة # 0056a0؛
الحدود القاع: 2px الصلبة # 0056a0؛
الحدود اليمين: 2px الصلبة # 0056a0؛
الحدود اليسار: مخفي؛
العرض: 152px؛
الطول: 97px؛
الموقف: ثابت؛
اليمين:-154px؛
}
# google_plus_right_img {
الموقف: المطلق؛
العلوي:-2px؛
اليسار: 33px؛
الحدود: 0؛
}
# feedburner_right {
ض الفهرس: 10003؛
لون الخلفية: # fefefe؛
الحدود: 2px الصلبة # 5b5b5b؛
الحدود بين كبار: 2px # 5b5b5b الصلبة؛
الحدود القاع: 2px # 5b5b5b الصلبة؛
الحدود اليمين: 2px الصلبة # 5b5b5b؛
الحدود اليسار: مخفي؛
العرض: 300px؛
الطول: 97px؛
الموقف: ثابت؛
اليمين:-303px؛
}
# feedburner_right_img {
الموقف: المطلق؛
العلوي:-2px؛
اليسار: 33px؛
الحدود: 0؛
}
# kakinetwork_right {
ض الفهرس: 10003؛
الحدود: 2px الصلبة # 303030؛
لون الخلفية: # الاتحاد الفرنسي؛
العرض: 300px؛
الطول: 97px؛
الموقف: ثابت؛
}
# kakinetwork_right IMG {
الموقف: المطلق؛
العلوي:-2px؛
اليسار:-101px؛
} / * النمط ترك الجانب * / # facebook_left {
ض الفهرس: 10005؛
الحدود: 2px الصلبة # 3c95d9؛
لون الخلفية: # الاتحاد الفرنسي؛
العرض: 196px؛
الطول: 353px؛
الموقف: ثابت؛
اليسار:-200px؛
}
# facebook_left IMG {
الموقف: المطلق؛
أعلى:-2px؛
اليمين:-35px؛
}
# facebook_left IFRAME {
الحدود: 0PX الصلبة # 3c95d9؛
الفائض: خفي؛
الموقف: ثابت؛
الطول: 360px؛
اليمين:-2px؛
العلوي:-3PX؛
}
# twitter_left {
ض الفهرس: 10004؛
الحدود: 2px الصلبة # 6CC5FF؛
لون الخلفية: # 6CC5FF؛
العرض: 246px؛
الطول: 353px؛
الموقف: ثابت؛
اليسار:-250px؛
}
# twitter_left_img {
الموقف: المطلق؛
العلوي:-2px؛
الحق:-35px؛
الحدود: 0؛
}
# google_plus_left {
ض الفهرس: 10003؛
لون الخلفية: # 006ec9؛
الحدود: 2px الصلبة # 006ec9؛
الحدود بين كبار: 2px الصلبة # 0056a0؛
الحدود القاع: 2px الصلبة # 0056a0؛
الحدود اليسار: 2px الصلبة # 0056a0؛
الحدود اليمين: مخفي؛
العرض: 152px؛
الطول: 97px؛
الموقف: ثابت؛
اليسار:-154px؛
}
# google_plus_left_img {
الموقف: المطلق؛
العلوي:-2px؛
اليمين:-33px؛
الحدود: 0؛
}
# feedburner_left {
ض الفهرس: 10003؛
لون الخلفية: # fefefe؛
الحدود: 2px # 5b5b5b الصلبة؛
الحدود بين كبار: 2px # 5b5b5b الصلبة؛
الحدود القاع: 2px # 5b5b5b الصلبة؛
الحدود اليسار: 2px # 5b5b5b الصلبة؛
الحدود اليمين: مخفي؛
العرض: 300px؛
الطول: 97px؛
الموقف: ثابت؛
اليسار:-303px؛
}
# feedburner_left_img {
الموقف: المطلق؛
العلوي:-2px؛
اليمين:-33px؛
الحدود: 0؛
}
# kakinetwork_left {
ض الفهرس: 10003؛
الحدود: 2px الصلبة # 303030؛
لون الخلفية: # الاتحاد الفرنسي؛
العرض: 300px؛
الطول: 97px؛
الموقف: ثابت؛
}
# kakinetwork_left IMG {
الموقف: المطلق؛
العلوي:-2px؛
الحق:-101px؛
}
. {مربع title1
الحدود: # 1PX DDD الصلبة؛
/ * حد راديوس * /
- بكت الحدود راديوس: 6PX؛
- ماعوز الحدود راديوس: 6PX؛
حد راديوس: 6PX؛
/ * مربع الظل * /
- بكت مربع الظل: 5PX 5PX 5PX # CCCCCC؛
- ماعوز مربع الظل: 5PX 5PX 5PX # CCCCCC؛
مربع الظل: 5PX 5PX 5PX # CCCCCC؛
الحشو: 10px؛
الهامش: 10px 0؛
}
. enteryouremail {
الخلفية: # الاتحاد الفرنسي مهمة؛
الحدود: 1PX # d2d2d2 الصلبة؛
الحشو: 0PX 8px 0PX 8px؛
اللون: # a19999؛
حجم الخط: 12px؛
الطول: 25px؛
العرض: 165px؛
/ * حد راديوس * /
- بكت الحدود راديوس: 5PX؛
- ماعوز الحدود راديوس: 5PX؛
حد راديوس: 5PX؛
الهامش: 0PX؛
}
. submitbutton {
خلفية: # F2F2F2؛
الحدود: 1PX الصلبة # F66303؛
/ * مربع الظل * /
- بكت مربع الظل: 3PX 3PX 3PX # 666؛
مربع الظل: 3PX 3PX 3PX # 666؛
الخط: 12px جريئة ارييل، بلا الرقيق؛
اللون: # 000000؛
الطول: 25px؛
الحشو: 0 12px 12px 0؛
الهامش: 0 0 0 5PX؛
/ * حد راديوس * /
- بكت الحدود راديوس: 5PX؛
حد راديوس: 5PX؛
المؤشر: المؤشر؛
}
</ النمط> <النصي SRC = 'http://ajax. googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js "> </ البرنامج النصي>
<النصي النوع = "نص / جافا سكريبت" SRC = "http://apis.google.com/js / plusone. شبيبة"> </ البرنامج النصي>
<script type="text/javascript"> مسج (وثيقة). استعداد (وظيفة () {مسج ("# facebook_right") تحوم (وظيفة () {مسج (هذا) وقف (صحيح، كاذبة) تحريك ({الحق:.} 0، 500)؛}، وظيفة () {مسج ("# facebook_right") وقف (صحيح، كاذبة) تحريك ({الحق:} -200، 500)؛})؛ مسج ("# twitter_right") تحوم (وظيفة () {مسج (هذا) وقف (صحيح، كاذبة) تحريك ({الحق:} 0، 500)؛}، وظيفة () {مسج ("# twitter_right".) وقف (صحيح، كاذبة) تحريك ({الحق:} -250، 500)؛})؛ مسج ("# google_plus_right ") تحوم (وظيفة () {مسج (هذا) وقف (صحيح، كاذبة) تحريك ({الحق:} 0، 500)؛}، وظيفة () {مسج (" # google_plus_right ") وقف (صحيح، كاذبة) تحريك ({الحق:}. -154، 500)؛})؛ مسج ("# feedburner_right") تحوم (وظيفة () {مسج (هذا) وقف (صحيح، كاذبة) تحريك ({الحق:} 0، 500)؛} ، وظيفة () {مسج ("# feedburner_right") وقف (صحيح، كاذبة) تحريك ({الحق:} -303، 500)؛})؛})؛ </ النصي>
<div id="on">
<شعبة معرف = "facebook_right" على غرار = "الأعلى: 18٪؛">
<شعبة معرف = "facebook_div">
<IMG بديل = "" />
<iframe التمرير = "لا" frameborder = "0" على غرار = "الحدود: لا شيء؛ الفائض: خفي؛ العرض: 200px؛ الطول: 346px؛ "allowtransparency =" صحيح "> </ iframe> حفظ حفظ حفظ حفظ </ DIV > </ DIV> </ DIV> <div id="on"> <شعبة معرف = "twitter_right" على غرار = "الأعلى: 35٪؛"> <شعبة معرف = "twitter_div"> <IMG معرف = "twitter_right_img" SRC = "http://widgets.twimg.com/j/2/widget.js"> </ البرنامج النصي> <SCRIPT> جديدة TWTR.Widget ({الإصدار: 2، نوع: "الملف الشخصي"، محطة الاذاعية: 4، فاصل: 1000، العرض: 246، الطول: 265، الموضوع: {شل: {خلفية: '# 63BEFD'، اللون: '# FFFFFF'}، تويت: {خلفية: '# FFFFFF'، اللون: '# 000000 '، وصلات:' # 47a61e '}}، الميزات: {الحلقة: كاذبة، ويعيش: صحيح، التمرير: كاذبة، الهاش: كاذبة، الطابع الزمني: صحيح، والآلهة: صحيح، السلوك:' جميع '}}) تقديم () SETUSER (' AfkarPro . ') بدء ()؛ </ النصي> </ DIV> </ DIV> </ DIV> <div id="on"> <شعبة معرف = "google_plus_right" على غرار = "الأعلى: 52٪ ؛ "> <شعبة معرف =" google_plus_div "> <IMG معرف = "google_plus_right_img" النمط = "تعويم: غادر؛ الهامش: 10px 10px 10px 0؛"> <ز: plusone حجم =" طويل القامة "EXPR: أ أ أ href = "البيانات: post.url"> </ ز: plusone> </ DIV> </ DIV> </ DIV> <div id="on"> <شعبة معرف = "feedburner_right" على غرار = "الأعلى: 69٪؛ "> <شعبة معرف =" knfeedburner_div "> <center> <نمط H4 =" لون: # F66303؛ "> يمكنك أيضا الحصول على التحديثات مجانا البريد الإلكتروني: </ H4> <العمل شكل =" الإلكتروني الإلكتروني http:// على / feedburner.google.com / أف ب / أ / mailverify "أسلوب =" آخر "الهدف =" popupwindow "onsubmit =" نافذة. مفتوحة ('http://feedburner.google.com/fb/a/mailverify؟uri = afkarproRSS '،' popupwindow '،' أشرطة التمرير = نعم، العرض = 550، الطول = 520 ')؛ العودة الحقيقية "> <المدخلات gtbfieldid = "10" الطبقة = "enteryouremail" اسم = "البريد الإلكتروني" قيمة = "أدخل بريدك الالكتروني هنا ..." و و و و onblur = "اذا كان (this.value =='') {this.value = ' أدخل بريدك الالكتروني هنا ... '؛} "تشغيل تشغيل تشغيل تشغيل OnFocus =" اذا كان (this.value ==' أدخل بريدك الالكتروني هنا ... ') {this.value = و # 39؛'؛} "نوع = "النص" /> <قيمة المدخلات = " afkarproRSS "اسم =" أوري "نوع =" الخفية "/> <قيمة المدخلات =" إرسال "الطبقة =" submitbutton "نوع =" تقديم "/> </ شكل> </ مركز > <IMG معرف = "feedburner_right_img" أ أ أ أ href = "http://afkarpro.blogspot.com/"> <IMG بديل = "مدون القطعة "عنوان =" مدون القطعة "/> </ أ> <center/> </ مركز> </ مركز>
6 - بعد ذلك سنقوم بالتعديل على الكود حيث سنقوم بالضغط على مفتاح على Ctrl + F للبحث على مايلي:
ابحث عن afkarpro.ap واستبدله بإسم المستخدم الخاص بصفحتك على الفيس بوك.
ابحث عن AfkarPro واستبدله بإسم المستخدم الخاص بحسابك على تويتر.
ابحث عن afkarproRSS واستبدله بإسم المستخدم الخاص بخلاصات مدونتك (علي فيدبورنر).