رئيسية المعهد
رئيسية المعهد  تواصل معنا  حقوق الملكية الفكرية  اربط مدونتك بنا  محول أكواد أدسنس

 

معرض قوالب معهد خبراء بلوجر - دليل مدونات بلوجر - موقع نشر بلوجر - اضافات بلوجر




العودة   معهد خبراء بلوجر > الدعم الفني > إضافات وأدوات بلوجر


إضافة رد
نسخ الرابط
نسخ للمنتديات
 
أدوات الموضوع انواع عرض الموضوع
قديم 03-09-2013, 08:52 PM   #1
Jaabiriovic
مدون نشيط
 
تاريخ التسجيل: Jan 2013
المشاركات: 176
افتراضي إضافة أزرار المواقع الإجتماعية إلى مدونتك بشكل مميز

أنا : Jaabiriovic




بفضل الله تحصلت هذا الأسبوع على كود جميل لأزار المواقع الإجتماعية ( Youtube, Twitter, Facebook, Rss ) أزار خفيفة و جميلة بتغير لونها عند وضع مؤشر الفأرة عليها كما تحتوي على عدد المشتركين عند الضغط عليها تفتح في صفحة جديدة أي من الروابط الخارجية

صورة الاضافة :



شرح تركيب الإضافة:

التركيب يكون على مرحلتين المرحلة الأولى نقوم بوضع الكود في القالب أما المرحلة الثانية سنقوم بوضع كود أخار يتضمن روابط حساباتك الخاصة على المواقع الإجتماعية و عدد المتابعين
  • المرحلة الأولى :

نتوجه إلى لوحة تحرير ال 'HTML' ( قم بأخذ نسخة إحتياطية للقالب )

نقوم توسيع عناصر واجهة المستخدم



الأن إضغط Ctrl+F و إبحث عن الوسام ]]></b:skin>


إضغط على الصورة لمشاهدتها في الحجم الأصلي

واضف قبلها هذا الكود :


كود:
.social-icone{ height:108px;} .social-icone div{ margin: 8px 12px;} .social-icone a{ text-decoration:none;} .you-icone b, .twt-icone b,.face-icone b,.rss-icone b{ font:14px tahoma; color:#8c8b8b;} .you-icone span,.twt-icone span,.face-icone span,.rss-icone span{font:11px tahoma; color:#a3a3a3; } .you-icone{ width: 50px; height: 32px; background:url(http://2.bp.blogspot.com/-ds8qOnEouw...outube.png)top no-repeat; text-align: center; padding-top: 56px; float:right; } .you-icone:hover{background:url(http://1.bp.blogspot.com/-3ph-4nN00s...utube2.png)top no-repeat;} .twt-icone{ width: 50px; height: 32px; background:url(http://2.bp.blogspot.com/-UkgHer_Y6o...witter.png)top no-repeat; text-align: center; padding-top: 56px; float:right; } .twt-icone:hover{background:url(http://2.bp.blogspot.com/-tY5SrlJev7...itter2.png)top no-repeat;} .face-icone{ width: 50px; height: 32px; background:url(http://2.bp.blogspot.com/-bjxmNtZSed...cebook.png)top no-repeat; text-align: center; padding-top: 56px; float:right; } .face-icone:hover{background:url(http://2.bp.blogspot.com/-7phJl6JL7A...ebook2.png)top no-repeat;} .rss-icone{ width: 50px; height: 32px; background:url(http://3.bp.blogspot.com/-amcTTFtnos...00/RSS.png)top no-repeat; text-align: center; padding-top: 56px; float:right; } .rss-icone:hover{background:url(http://4.bp.blogspot.com/-yNGQ0JC185...0/RSS2.png)top no-repeat;} .post-footer-line > * { margin-left: 0; }

الأن قم بحفظ القالب و هكذا نكون قد أكملنا المرحلة الأولى !



  • المرحلة الثانية :

نتوجه إلى لوحة التحكم , التخطيط , ثم اضافة اداة جديدة جافا اسكربت وتضيف الكود التالي :



كود:
<div class="social-icone"> <a href="http://www.youtube.com/user/mrjaabiriovic"rel="nofollow" target="_blank"> <div class="you-icone"> <b>400</b> <span>مشترك</span> </div> </a> <a href="http://www.twitter.com/altari9"rel="nofollow" target="_blank"> <div class="twt-icone"> <b>1000</b> <span>متابع</span> </div> </a> <a href="https://www.facebook.com/altari9"rel="nofollow" target="_blank"> <div class="face-icone"> <b>350</b> <span>معجب</span> </div> </a> <a href="http://feeds.feedburner.com/al-tari9"rel="nofollow" target="_blank"> <div class="rss-icone"> <b>2.000</b> <span>مشترك</span> </div> </a> </div>



الأن قم بتغير :
  • 'MrJaabiriovic'إلى معرف قناتك على اليوتوب مع تغير عدد المستركين '400'
  • 'altari9'إلى معرف حسابك على التويتر مع تغير عدد المتابعين '1000'
  • 'altari9'إلى معرف صفحتك على الفيسبوك مع تغير عدد المعجبين '350'
  • 'al-tari9'إلى معرف حسابك على الفيدبيرن مع تغير عدد المشتركين '2.000'

الأن قم بحفظ الأدات و مبارك لك الأزرار الجديدة !
__________________
مدونة الطريق ~ موقع يهتم بكل ما هو جديد في عالم الحاسوب و البرامج و البلوجر و الشبكات الإجتماعية و كل ما في الإنترنات حيث نقدم دروس حصرية تساعدك على الإحتراف

http://al-tari9.blogspot.com/

ملاحظة : التدوين هيا هواية فإذ كنت ممن يدونون من أجل كسب الأموال فستكون مدونتك فاشلة
من مواضيع Jaabiriovic

الدعم العربي

Jaabiriovic غير متواجد حالياً   رد مع اقتباس

مركز رفع موسوعة العربية
قديم 03-09-2013, 09:28 PM   #2
Jaabiriovic
مدون نشيط
 
تاريخ التسجيل: Jan 2013
المشاركات: 176
افتراضي رد: إضافة أزرار المواقع الإجتماعية إلى مدونتك بشكل مميز

أنا : Jaabiriovic




لم أستطع وضع الكود في إطار أرجو من المسوؤلين تصحيحه
ملاحظة : الصندوق الماسي المستعمل سيئ أرجو تغيره بصندوق أفضل هناك صناديق ماسية أفضل
__________________
مدونة الطريق ~ موقع يهتم بكل ما هو جديد في عالم الحاسوب و البرامج و البلوجر و الشبكات الإجتماعية و كل ما في الإنترنات حيث نقدم دروس حصرية تساعدك على الإحتراف

http://al-tari9.blogspot.com/

ملاحظة : التدوين هيا هواية فإذ كنت ممن يدونون من أجل كسب الأموال فستكون مدونتك فاشلة
من مواضيع Jaabiriovic

الدعم العربي

Jaabiriovic غير متواجد حالياً   رد مع اقتباس
قديم 04-19-2013, 07:59 PM   #3
محمود الجيجلي
مدون جديد
 
تاريخ التسجيل: Apr 2013
المشاركات: 85
افتراضي رد: إضافة أزرار المواقع الإجتماعية إلى مدونتك بشكل مميز

أنا : محمود الجيجلي




بالفعل اضافة جميلة جدا،، ويبحث كثيرون عن هذا الكود

الدعم العربي

محمود الجيجلي غير متواجد حالياً   رد مع اقتباس
قديم 04-19-2013, 09:49 PM   #4
مدونه عرب زيرو
مدون جديد
 
الصورة الرمزية مدونه عرب زيرو
 
تاريخ التسجيل: Feb 2013
المشاركات: 21
افتراضي رد: إضافة أزرار المواقع الإجتماعية إلى مدونتك بشكل مميز

أنا : مدونه عرب زيرو




موضوع جميل مثل صاحبه

الدعم العربي

مدونه عرب زيرو غير متواجد حالياً   رد مع اقتباس
قديم 04-20-2013, 08:41 PM   #5
eslam torres
مدون جديد
 
الصورة الرمزية eslam torres
 
تاريخ التسجيل: Nov 2012
المشاركات: 19
افتراضي رد: إضافة أزرار المواقع الإجتماعية إلى مدونتك بشكل مميز

أنا : eslam torres




مشكور كود مميز
__________________
مدونة خبير ADFLY للربح الوفير من اختصـار الروابط

http://5aber-adfly.blogspot.com/

ترتيب اليكسا : 762.248

من يريد التبادل الاعلانى
يراسلنى هنا :) : http://5aber-adfly.blogspot.com/p/blog-page.html
من مواضيع eslam torres

الدعم العربي

eslam torres غير متواجد حالياً   رد مع اقتباس
قديم 04-21-2013, 09:48 AM   #6
steptoafrica
موقوف
 
تاريخ التسجيل: Apr 2013
المشاركات: 10
افتراضي رد: إضافة أزرار المواقع الإجتماعية إلى مدونتك بشكل مميز

أنا : steptoafrica




اشكال جميلة جدا

الدعم العربي

steptoafrica غير متواجد حالياً   رد مع اقتباس
قديم 06-01-2013, 09:23 PM   #7
mdwan blog
مدون جديد
 
تاريخ التسجيل: May 2013
المشاركات: 58
افتراضي رد: إضافة أزرار المواقع الإجتماعية إلى مدونتك بشكل مميز

أنا : mdwan blog




سلمت يمينك أخى

الدعم العربي

mdwan blog غير متواجد حالياً   رد مع اقتباس
قديم 06-05-2013, 04:38 PM   #8
ussefy
مدون جديد
 
تاريخ التسجيل: Jun 2013
المشاركات: 47
افتراضي رد: إضافة أزرار المواقع الإجتماعية إلى مدونتك بشكل مميز

أنا : ussefy




نعم متل اللتي في مدونة المحترف

الدعم العربي

ussefy غير متواجد حالياً   رد مع اقتباس
قديم 06-12-2013, 03:40 PM   #9
Dark-Angel
مدون جديد
 
تاريخ التسجيل: May 2013
المشاركات: 18
Exclamation رد: إضافة أزرار المواقع الإجتماعية إلى مدونتك بشكل مميز

أنا : Dark-Angel




شكراا لك أخي الكريم


تحياتي :

الدعم العربي

Dark-Angel غير متواجد حالياً   رد مع اقتباس
قديم 06-21-2013, 05:54 PM   #10
mestr.joker
مدون جديد
 
الصورة الرمزية mestr.joker
 
تاريخ التسجيل: Jun 2013
المشاركات: 30
افتراضي رد: إضافة أزرار المواقع الإجتماعية إلى مدونتك بشكل مميز

أنا : mestr.joker




جميــــــــــــل

الدعم العربي

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

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

الكلمات الدلالية (Tags)
مميز, أزرار, المواقع, الإجتماعية, بشكل


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع
انواع عرض الموضوع

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

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

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
أزرار المواقع الإجتماعية روعة أعجبتني,,,, cheb-bilal إضافات وأدوات بلوجر 5 05-11-2013 05:02 PM
إضافة أزرار عائمة للمواقع الإجتماعية في المدونة efada.net إضافات وأدوات بلوجر 0 03-31-2013 04:09 PM
إضافة أداة جي كويري المنبثقة الاشتراك في المواقع الإجتماعية Jaabiriovic إضافات وأدوات بلوجر 0 02-09-2013 07:14 PM
إضافة أزرار تابعني عبر المواقع الإجتماعية بتأثيرات رائعة Jaabiriovic إضافات وأدوات بلوجر 3 02-09-2013 02:14 PM
إضافة المواقع الإجتماعية في قمة الإحترافية .. لن تجدها في موقع أخر overboy إضافات وأدوات بلوجر 7 08-09-2012 01:59 AM





لتصفح أفضل وللاستفادة القصوى من خصائص المعهد ننصحكم باستعمال :

Powered by vBulletin® Copyright ©2000 - 2024 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012 Google
أعلن على المعهد : اتصل بنا - منتدي كنوز - الدعم العربي - قوالب بلوجر - او او انيمي
رئيسية المعهد
الساعة الآن 03:17 AM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته
التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك
(ويتحمل كاتبها مسؤولية النشر)