العودة   منتديات عميد التعريب > >

الملاحظات

قوالب مدونات بلوجر Blogger و WordPress قوالب WordPress و Blogger و سكريبتات متنوعة



إضافة رد
 
أدوات الموضوع انواع عرض الموضوع

قديم 2017-09-02, 03:32 PM   رقم المشاركة :1
معلومات العضو
عميد
إضافة صندوق المتابعة والإنضمام للمدونة في بلوجر
إحصائية العضو




معدل تقييم المستوى: 9
سنفوري is on a distinguished road
المنتدى : قوالب مدونات بلوجر Blogger و WordPress
إضافة صندوق المتابعة والإنضمام للمدونة في بلوجر


منتديات عميد التعريب - المصدر الأول لتعريب البرامج و التطبيقات للعالم العربي

<div dir="rtl" style="text-align: right;" trbidi="on">
الكثير من المدونين يقومون بإضافة صندوق إعجاب الفيسبوك، صندوق المُتابعة عبر تويتر، صندوق المتابعة عبر جوجل بلس.
وكُثرة هذه الإضافات تقوم بجعل الموضوع بطيئة وهذا الأمر خاطئ لإن مُحركات البحث أصبحت تُدقق على كل شيء بسبب الخوارزميات الجديدة
مِنها السرعة، سيو الموضوع، توافق الموقع مع الهواتف النقالة.
كل هذه العوامل تؤثر على ترتيب وظهور الموضوع او الموقع في محركات البحث.






لذلك اليوم قمنا بتطوير إضافة بلوجر رائعة، وهي عبارة عن صندوق يجمع كل هذه الإضافات معاً.
مثل الإنضمام لصفحة فيسبوك وتويتر وجوجل بلس والإنضمام للمدونة، وتوضع في السيدبار وهي خفيقة جداً ولا تؤثر على سُرعة الموضوع.



معاينة

إضافة صندوق المتابعة والإنضمام للمدونة في بلوجر

  • ادخل لوحة تحكم بلوجر
  • انقر على خانة قالب
  • اضغط على تحرير HTML
ابحث عن الوسم ]]> و اضف الكود التالي فوقه
/* About Me *
#HTML68 .aboutind-info h4{background:transparent;position:relative;padding:0;margin:0;border:0;text-align:center;font-size:120%}
.aboutind-img{position:relative;max-height:140px;overflow:hidden}
.aboutind-img img {max-width:100%;width:100%;transition:all .6s;}
.aboutind-img:hover img{transform:scale(1.2) rotate(-10deg)}
.aboutind-img:before{content:'';background:rgba(0,0,0,0.3);position:absolute;top:0;right:0;left:0;bottom:0;z-index:2;transition:all .3s}
.aboutind-img:hover:before{background:rgba(0,0,0,0.6);}
.aboutfloat-img{width:55%;position:absolute;top:35%;bottom:35%;right:22.5%;z-index:3}
.aboutind-float{text-align:center;display:table;width:100%;height:100%}
.aboutind-float a{background:rgba(243,156,18,.95);color:#fff;padding:8px 14px;z-index:2;display:table-cell;width:100%;font-size:67%;font-weight: 700;text-transform:uppercase;vertical-align:middle;border-radius:3px;transition:all .3s}
.aboutind-float:hover a{background:#404040;color:#fff;}
.aboutind-float a i{font-weight:normal;margin:0 0 0 5px}
.aboutind-wrpicon{display:block;margin:15px auto;position:relative;}
.aboutind-wrpicon .extender{width:100%;display:block;}
.extender{text-align:center;font-size:16px}
.extender .aboutind-icon{display:inline-block;border:0;margin:0;padding:0;width:32%;}
.extender .aboutind-icon a{background:#ccc;display:inline-block;font-weight:400;color:#fff;padding:0 12px;line-height:32px;border-radius:3px;font-size:12px;width:100%;}
.extender .aboutind-icon i{font-family:fontawesome;margin:0 0 0 3px}
.aboutind-icon.fbl a{background:#3b5998}
.aboutind-icon.twitt a{background:#19bfe5}
.aboutind-icon.crcl a{background:#d64136}
.aboutind-icon.fbl a:hover,.aboutind-icon.twitt a:hover,.aboutind-icon.crcl a:hover{background:#404040}
.extender .aboutind-icon:hover a,.extender .aboutind-icon a:hover{color:#fff;}
.aboutind-info{margin:10px 0 0 0;font-size:13px;text-align:center;}
.aboutind-info p{margin:5px 0}
.aboutind-info h4{margin-bottom:10px;font-size:16px;text-transform:uppercase;color:#444;font-weight:700}
.aboutind-info h4 span {position:relative;display:inline-block;padding:0 10px;margin:0 auto;}
.aboutind-info h4:before,.aboutind-info h4:after {position:absolute;top:51%;overflow:hidden;width:50%;height:1px;content:'\a0';background-color:rgba(0,0,0,0.08);}
.aboutind-info h4:before {margin-right:-50%;text-align:left;}
ابحث عن الوسم ; و اضف الكود التالي تحته


















<i class='fa fa-user'/> انضم لأصدقاء الموقع






ايجي جيك


مدونة تهتم بمنتديات عميد التعريب، وأخبار الإنترنت











إعدادات الكود

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

أتمنى أن تُعجِبكم الإضافة. من يواجه مشاكل في تركيبها أترك تعليق وسوف يتم الرد عليك بالحل



سنفوري غير متواجد حالياً   رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
.aboutind-info, .extender, إضافة, المتابعة, باللون, بلوجر, صندوق, في, للمدونة, والإنضمام

أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة



الساعة الآن 05:03 PM


Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2019, vBulletin Solutions Inc.
Search Engine Optimisation provided by DragonByte SEO (Pro) - vBulletin Mods & Addons Copyright © 2019 DragonByte Technologies Ltd.
منتديات عميد التعريب 2010 - 2019