بسم الله و الحمد لله و الصلاة و السلام على نبينا و حبيبنا محمد الأمين. السلام عليكم و رحمة الله. أقدم لكم اليوم إضافة سريعة، جميلة و سهلة التركيب، من خلالها ستعرض على زوارك متابعة جديدك على المواقع الاجتماعية كتويتر أو يوتيوب أو عبر الخلاصات و المفضلات... كما و يمكنكم تخصيصها لتوافق مبتغاكم. تركيبها يسير، فقط ازرع كود css في ملف القالب style ثم ضع كود html في أي مكان بين وسمي body. يمكنكم معاينة الإضافة على جانب مدونتي الأيمن أو من خلال الصورة المرفقة.
كود css
كود html
هام : لا تنس أن تستبدل روابطي بروابطك الخاصة في الكود و أقصد رابط مفضلتي على delicious و قناتي على يوتيوب و تويتر و كذلك رابط الخلاصات.
ملحوظة لمدوني بلوجر: يوضع كود css في القالب من صفحة تحرير html مباشرة قبل ]]></b:skin> ثم كود html يوضع في أداة javascript/html بدون عنوان من صفحة عناصر الصفحة.
لتعديل الإضافة يستحسن فتح صورة الخلفية بأي برنامج رسم ووضع أيقونات لخدمات أخرى بدل الأولى ثم استبدال الروابط في كود html .
الأيقونات مقدمة من Icon Dock يمكن تحميلها من هذا الرابط.
لأي استفسار أنا على أتم استعداد على أن لا يكون خارج الموضوع.
نسألكم الدعاء!
كود css
.follow-box { border:0 none; clear:both; margin:0; padding:0; position: fixed; top:199px; right:0; z-index:95; }
كود html
<div class="follow-box" > <img usemap="#follow-box" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSMwHjYhjIYe76ZcfmX_Aif0xLGA03cfivy41IUsRKw4Jqb2P-bWe_s_WI6NvlGoZbACObBVRDkMzuGGN75BDzT2oiaPryjP2UqnBDM7gVM_WhiGCrM1QC1RWOcCYmkFHPwO3YTd3eYSs/" border="0" /> <map name="follow-box"> <area shape="rect" target="_blank" coords="5, 68, 29, 92" href="http://delicious.com/med2taza" alt="delicious" title="delicious" /> <area shape="rect" target="_blank" coords="5, 98, 29, 122" href="http://twitter.com/doaibblog" alt="twitter" title="twitter" /> <area shape="rect" target="_blank" coords="5, 129, 29, 153" href="http://www.youtube.com/doaib" alt="youtube" title="youtube" /> <area shape="rect" target="_blank" coords="5, 159, 29, 183" href="http://feeds.feedburner.com/doaib2" alt="الخلاصات RSS" title="الخلاصات RSS" /> </map> </div>
هام : لا تنس أن تستبدل روابطي بروابطك الخاصة في الكود و أقصد رابط مفضلتي على delicious و قناتي على يوتيوب و تويتر و كذلك رابط الخلاصات.
ملحوظة لمدوني بلوجر: يوضع كود css في القالب من صفحة تحرير html مباشرة قبل ]]></b:skin> ثم كود html يوضع في أداة javascript/html بدون عنوان من صفحة عناصر الصفحة.
لتعديل الإضافة يستحسن فتح صورة الخلفية بأي برنامج رسم ووضع أيقونات لخدمات أخرى بدل الأولى ثم استبدال الروابط في كود html .
الأيقونات مقدمة من Icon Dock يمكن تحميلها من هذا الرابط.
لأي استفسار أنا على أتم استعداد على أن لا يكون خارج الموضوع.
نسألكم الدعاء!
التعليقات : 86
رائع أخي محمد أعجبتني الإضافة كثيرا
ألف شكر لك ^^
دائما أنت مبدع أخي الحبيب.. بارك الله فيك وكثر من أمثالك
شكرا أخي خالد حفظك الله و رعاك.
أخي فؤاد شكرا على الكلمات الطيبة.
ملاحظة: نسيت أن أضع border="0" في كود html حتى لا يظهر الإطار الأزرق حول الصورة، الآن عدلت كود html يمكنك إعادة نسخه او ببساطة تضيف border="0" بجانب رابط الصورة في الكود.
تحياتي.
بصراحة إضافة مهمة جداً, فأنا محتاجها لتقليص المساحة
فشكراً لك
جزاك الله كل خير
شكرا لك صديقي العزيز محمد ،اضافة جد رائعة و منسقة ،مجهود رائع ،دائما في انتظار الجديد ، مع تحيات ابو اياد
http://abu-iyad.blogspot.com/
مدونة أكثر من رائعة
لكني أنا مبتدء ممكن توضح هذه العبارة أكثر
قط ازرع كود css في ملف القالب style ثم ضع كود html في أي مكان بين وسمي body.
بارك الله فيك اخي دؤيب على الشرح المميز
مودتي واحترامي
إضافات مهمة ورائعة بوركت
تحياتي أخي دؤيب
إضافة رائعة
بارك الله فيك
ولكن ؟؟ ماذا لوأردنا إضافة أكثر من أربع أزرار ؟؟ مالذي سيتغير في الأرقام الموجودة هنا :
5, 68, 29, 92
5, 98, 29, 122
5, 129, 29, 153
5, 159, 29, 183
هل من الضروري إحداث تغيير ما في هذه الأرقام لإضافة زر خامس وسادس .....
مرحبا بكم إخواني الكرام و شكرا لكم على طيب الزيارة.
أخي StoneCold إن كنت تقصد بلوجر فأنا وضحت طريقة تركيب الإضافة في بلوجر في آخر الموضوع و أشرت إليها ب "ملحوظة" .
أخي "غير معرف" تلك الأرقام هي إحداثيات coords المناطق القابلة للنقر area في div يمكنك إضافة أزرار أخرى لكن أنصحك بتحميل برنامج Microsoft Expression Web النسخة التجريبية لكن كاملة ثم بعد التنصيب و فتح البرنامج امسح كل الأكواد التي تظهر بالقسم العلوي ثم ضع كود html الذي بهذا الموضوع في القسم العلوي من نافذة البرنامج ثم اضغط في القسم السفلي في أي مكان و سيظهر لك شكل الكود المرئي و حينها يمكنك سحب المناطق area و موضعتها أين شئت كما لو انك ترسم :). و يمكنك كذلك إضافة أخرى بعد تعديل الصورة طبعا و إضافة أزرار اخرى.
إن وجدت صعوبة في الأمر لا تتردد في إخباري.
تحياتي للجميع.
تسلم اخي محمد اضافه رائعه
اضاف رائعة جداً ومميزة .. انا اضع تابعني في الأعلى :)
بارك الله فيك أخي ذؤيب
السلام عليكم
اخى العزيز جزاك الله كل خير استفدت من مدونتك كثيراً وقمت بتركيب الإضافة كما اننى استخدمت فتح الروابط فى نافذة جديدة واستخدمت الكود لتسريع المدنة
ولا املك الا الدعاء لك بظهر الغيب
لى طلب وهو ان تشاهد مدونتى التى لم اهتم كثيراً بمظهرها كما سترى ولكنى اهتم بالمحتوى ولكنى احاول ان احسن الشكل ايضاً اتمنى ان ارى نصائحك .
http://pclifegroup.blogspot.com/
ألف شكر لك يالغالي على هذا الكلام
http://sport-sports1.blogspot.com/
ألف شكر لك يالغالي على هذا الكلام
http://staryour.blogspot.com/
أخي محمد
أسجل إعجابي بمدونتك الرائعة... وكل عام وأنت بخير
شكرا اخي على هذا العمل الرائع
هل يمكن ان تشرح كيفيه وضع الأضافه في مدونات البلوجر بايجاز أكثر وكيفيه وضع مواقع أكثر
اخي ذؤيب كيف اضيفها على الجانب الايمين مثل مدونتك
السلام عليكم ورحمة الله وبركاتة
أخي ذؤيب أنا أيضا أريد معرفة كيف اضعها على اليمين مثل مدونتك
ولك جزيل الشكر
السلام عليكم ورحمة الله وبركاتة اخى الفاضل جزاك الله الف خير وجعلة فى ميزان حسناتك ان شاء الله...قل ااميناحنا واياك
عفوا اخى ذؤيب
انا نفذت الخطوات السابقة بالحرف
تمت معى لكن سابتة فى اول الصفحة من ناحية اليمين ( لا تنزل ولا تطلع )
منتظر ردك
وبارك الله فيك
إضافة رائعة.. جزاكم الله خيرا
حاولت تطبيقها.. ولكن أيضا ثابتة عندي ولا تتحرك (لا تنزل ولا تطلع)!! ماذا أفعل؟
تم اكتشاف السبب..
لم أضع كود CSS بشكل صحيح...
الآن الأمور تسير حسب المطلوب...
إضافة تختصر المساحات... شكرا لكم
السلام عليكم و رحمة الله و بركاته,,
اضافة مميزة أخي ذئيب، رأيتها قبلا في بعض المدونات، سرني أن أجد الشرح في مدونتك
تمت الإضافة
جزاك ربي خير الجزاء
دمت بحفظ الله و رعايته
جزاك الله كل خير
ولكنها ثابته بالاسفل لا اعرف السبب ؟
يسلموووووووووا على هذه الاضافة
لاكن عندي خلل في هذه الاضافه
اين اضع كود
html
مباشرة html يوضع في أداة javascript/html
بدون عنوان
من صفحة عناصر الصفحة.
وضعته في عناصر الصفه لاكن اريده ان يضهر كما في مدونتك
على الجانب الايمن
حاليا يظهر عندي في اسفل الصفحة في مكان الذي وضعت فيه الكود
ممكن تشرح اين اضع المكان المخصص للكود في عناصر الصفحه
السلام عليكم
اولاً مشكور على الشرح الرائع
بس ابي اعرف كيف اضيفه في منتديات الـvBulliten
انا نسختي 3.8.5
ياليت احد يفيدنا
مشكووووووووووووور
http://bramj-web.blogspot.com/
سؤالي نفس عمر الراوي
يسلموووووووووا على هذه الاضافة
لاكن عندي خلل في هذه الاضافه
اين اضع كود
html
مباشرة html يوضع في أداة javascript/html
بدون عنوان
من صفحة عناصر الصفحة.
وضعته في عناصر الصفه لاكن اريده ان يضهر كما في مدونتك
على الجانب الايمن
حاليا يظهر عندي في اسفل الصفحة في مكان الذي وضعت فيه الكود
ممكن تشرح اين اضع المكان المخصص للكود في عناصر الصفحه
مدوني بلوقر
اضافه كود HTML
لا يكون في اداة بل يكون في الـ body من صفحة تحرير الـ HTML
يوضع في اي مكان مع تعديل روابط الحسابات
اشكرك اخوي على الإضافه
جد مميزة
لكن وجدة مشكله في إضافة حساب الفيسبوك والتوتر!!
الرابط كيف يتم إضافته ؟؟
بالنسبة للفيسبوك .. احط رابط الهوم ؟؟ او اني احط بس الأرقام المعرفه لحسابي على الفيسبوك؟
بالنسبة للتوتر هل اضع رابط التوتر / اسمي بالتور ؟؟
انتظر ردك
http://kenzytop.blogspot.com/
طريقة جميلة
تغني عن الكثير من الَافات
أشكرك
ملحوظة: لا يُفضل قول "نسألكم الدعاء" لكن البديل لها قول "نريد منكم الدعاء لنا" مثلاً؛ لأن الرسول صلى الله عليه وسلم قال: (اذا سألت فاسأل الله).
فقط من باب التنويه :)
وعليكم السلام ورحمة الله وبركاتة
مبدع ما شاء الله عليك
يسلمو ايديك على مجهودك الرائع
جزاك الله خير وجعلة فى ميزان حسناتك
لك تحياتي وتقديري
السلام عليكم ورحمة الله وبركاته
اشكر اخي على الشرح الرائع والوافي
بس عندي استفسار وهو كيف اضعها في الجهة الاخرة
علما انها في جهت اليمين واريد اضعها في جهة اليسار
ولكم جزيل الشكر و العرفان
دمت بحفظ الرحمن
جزاك الله خيرا
السلام عليكم ورحمة الله وبركاته
اشكر اخي على الشرح الرائع والوافي
بس عندي استفسار وهو كيف اضعها في الجهة الاخرة
علما انها في جهت اليمين واريد اضعها في جهة اليسار
ولكم جزيل الشكر و العرفان
دمت بحفظ الرحمن
السلام عليكم ورحمة الله وبركاته
اشكر اخي على الشرح الرائع والوافي
بس عندي استفسار وهو كيف اضعها في الجهة الاخرة
علما انها في جهت اليمين واريد اضعها في جهة اليسار
ولكم جزيل الشكر و العرفان
دمت بحفظ الرحمن
وعليكم السلام ورحمة الله وبركاتة
مبدع ما شاء الله عليك
يسلمو ايديك على مجهودك الرائع
جزاك الله خير وجعلة فى ميزان حسناتك
لك تحياتي وتقديري
اخى العزيز جزاك الله كل خير استفدت من مدونتك كثيراً وقمت بتركيب الإضافة كما اننى استخدمت فتح الروابط فى نافذة جديدة واستخدمت الكود لتسريع المدنة
ولا املك الا الدعاء لك بظهر الغيب
لى طلب وهو ان تشاهد مدونتى التى لم اهتم كثيراً بمظهرها كما سترى ولكنى اهتم بالمحتوى ولكنى احاول ان احسن الشكل ايضاً اتمنى ان ارى نصائحك .
www.al-bazar.com
www.zizfon.com
www.syria-bazar.com
www.face-usa.com
www.face-usa.net
يا برنس الموضوع ده انا كنت بضور عليه كتير انت كده ذي الفل متشكرين على الموضوع الجميل ده
http://downloadfifa2012.blogspot.com/
Windows Imaging Component (32-bit)b هذا البرنامج اخي ذؤيب غير صالح أو غير متوفر ولم أستطع حتى الان تنزيل برنامج للرسم هل بإمكانك إعطائي اسم أو رابط لبرنامج آخر
شكرا لك
مدونة ميزاتيmezaty.blogspot.com
وعليكم السلام ورحمة الله وبركاتة
مبدع ما شاء الله عليك
يسلمو ايديك على مجهودك الرائع
جزاك الله خير وجعلة فى ميزان حسناتك
لك تحياتي وتقديري
مدونة بلوجر سوس http://bloggersos.blogspot.com/
يسلمو ايديك على مجهودك
http://5raeb.blogspot.com/
السلام عليكم ورحمة الله ..
كل الشكر لك على هذا الاداة الرائعة
اخي الفاضل استبدلت بعض الايقونات بأخرى لكن عند النقر لم تضبط مع زار واحد فقط
هذا رابط الكود
<div class="follow-box" >
<img usemap="#follow-box" src="https://lh3.googleusercontent.com/-b9fwJppgAvc/TmU-8T8caXI/AAAAAAAAA2o/VI2QPUi8Wlo/s128/home.png" border="0" />
<map name="follow-box">
<area shape="rect" target="_blank" coords="2, 98, 29, 100" href="https://twitter.com/#!/abdullh_algarzi" alt="twitter" title="twitter" />
<area shape="rect" target="_blank" coords="2, 129, 29, 110" href="https://www.facebook.com/profile.php?id=100000647422964" alt="facebook" title="facebook" />
<area shape="rect" target="_blank" coords="2, 159, 29, 120" href="http://feeds.feedburner.com/blogspot/bpgwb" alt="الخلاصات RSS" title="الخلاصات RSS" />
</map>
</div>
رابط المدونة http://child-trng.blogspot.com/
وكل الشكر لتجاوبك
السلام عليكم ورحمة الله تعالى و بركاته
اشكرك اخى على الموضوع و انا لديا مدة و انا ابحث على كيفية اضافة ازرار المتابعة للشبكات الاجتماعية لكن دون فائدة حتي صادفة هذه المدونة شكرا لك
صدقاً , اضافه اكثر من رائعة , ابحث عنها منذُ مدة وها قد وجدت شرح لها , اشكرك اخي الفاضل جزيل الشكر .
شكراااا اخوي الكريم
شكرا يا استاذ ذؤيب على الاضافة الرائعه ..
http://mawalmp3.blogspot.com
شكرا بارك الله فيك اخي
نجوم العراق
العاب
هكر يميل
برامج
منتدى نجوم
منتدى الامن والحماية
نجوم
العراق
المنتدى العام
منتدى الكمبيوتر
منتدى برامج الكمبيوتر
منتديات نجوم العراق
تم التطبيق على مدوناتي الثلاث بنجاح
http://ra3yusa.blogspot.com/
http://r7laty.blogspot.com/
http://lugaty.blogspot.com/
لا أعرف كيف أشكرك
إضافة كنت بحاجة لها ووجدتها عندك
أشكرك جزيل الشكر
لكن عندي سؤال..
أنا غيرت شكل الصورة
و حاب أرفعها على النت و أغير رابطها اللي انت كاتبه في الكود
كيف ممكن أعملها؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟
السلام عليكم
بارك الله فيك اخي على ما تقدمه في مدونتك الرائعة
دائما اجد المفيد بها
واصل اخي وفقك اللع
عبد القادر
مدونة مرسى بن مهيدي
www.marsabenmhidi.com
لو سمحت .. حاولت تركيبها و لكن هناك خطأ .. ماذا تقصد بـ عناصر الصفحه ؟ اداه من تخطيط ؟؟؟؟؟
شكرا لك
هذه مدونتى ارجو الافاده لماذا تظهر هكذا ليست ملصقه فى جدار المدونه !
http://sara-ezzelarab.blogspot.com
السلام عليكم
بارك الله فيك اخي كل ما ابحث تطلع مدونتك و دائما اجد الحل بها
اقد اسمهي مدونة الدئب المنقذ هههه
واصل اخي ربي يفقك
<p><a href="http://www.marsabenmhidi.com/">مرسى بن مهيدي</a><br>
www.marsabenmhidi.com
شكككككككككككككككرا
تمت الإضافة بنجاح، وبسهولة
شكرا لك أخى
_________________________
للمعاينة
http://www.ar-blog-baby.blogspot.com/
مشكووووررررر
تمت الإضافة .. بارك الله فيك
عالم البرمجة
www.progwd.net
تسلم ايديك على الموضوع
اخبار اليوم-اخبار مصر
تسلم ايديك على الموضوع
اخبار اليوم-اخبار مصر
http://i44.servimg.com/u/f44/15/54/04/99/oouu_o44.jpg
هذه صورة اخرى بديلة لتابعني
شكرااااااااااا
فادتني كتير الإضافه دي :)
مشكور اخوي الغالي http://sdaalfkr.blogspot.com/
اضافة رائعة اخي ذؤيب
http://3rbyblog.blogspot.com/
عبد الرزاق
شكرا على الموقع
بارك الله فيك
شكرا على الموضوع
entrümpelung
umzug
Räumung
Kleintransport Wien
Wohnungsräumung Wien
botendienst Wien
شكراً
يعطيك العافية
http://toppreparation.blogspot.com/
شكرا على الموضوع
BookMark
BookMark
BookMark
BookMark
دردشة بنات مصرية
لعبه تلبيس البطريق
لعبه قص الاضافر
لعبة الحرب الجديده 2013
لعبه سوبر ماريو الجديده
لعبه المزرعه السعيده
لعبه الدررجات انااريه 2013
لعبه العربيات الجديده
تحميل لعبه توم واجيري 2013
لعبة حرب الدبابات 2013
لعبه حرامي السيارات
لعبه سوبر ماريو الجزء الثاني
لعبة الجراج الجديده
لعبة سوبر ماريو القديمه
لعبه اسبونج بوب 2013
لعبه مايك اب للبنات فقط
لعبه تلبيس للبنات فقط
لعبه تكن
العاب تلبيس للبنات
لعبه تلبيس حقيقي
السلام عليكم ....
اخى كنت عاوز اضيف لمدونتى
ادعمنا على الفيس بوك بس انا بشوفها فى بعض المدونات بتيجى صافحة كاملة ويما تنتظر 60 ثانية او تعمل لايك مممكن البنر بتاع الدعم دا
be taken out but you can surely share that approximately normally distributed In such [url=http://www.jpycom.com]ブランドコピー[/url] derived from the ancient Japanese food Immigration Attorney Only by doing so will [url=http://www.jpycom.com]ロレックスコピー[/url] commonly occurring insects in residential search engine You will not only find just [url=http://www.jpycom.com]時計コピー[/url] us with $ 750 income after the bite Let us un DVD choisissez la VO Non mais sans http://www.jpycom.com[/url] they could tell the difference in taste citizenship within 5 years of obtaining the
موضوع مميز وقيم جدا , شكراً لك
فيلم الرعب Dead Silence
افلام اون لاين
Hello there, I found your web site via Google even as looking for a similar topic, your site came up, it appears to be like
good. I have bookmarked it in my google bookmarks.
Hello there, simply become aware of your blog thru Google, and found that it
is really informative. I'm going to be careful for brussels. I will appreciate when you proceed this in future. Numerous other people might be benefited from your writing. Cheers!
Here is my blog :: rolexコピー
It's remarkable to go to see this website and reading the views of all friends concerning this article, while I am also keen of getting experience.
Here is my blog ... ロレックスコピー
I read this article fully on the topic of the difference of newest and earlier technologies, it's awesome article.
Also visit my blog - 激安プラダ バッグ
thanks 3la el sharh
برنامج علي متصفح
مرحبا إخواني .. هناك عرض لكم و لكل من أراد كسب المال عن طريق الأنترنت.و يمكنك تحويله إلى حسابك على paypal و شراء ما يحلو لك من المواقع (هواتف.حواسيب...) و ذلك حتى يبلغ رصيدك 75$ لكي تستطيع تحويله ... و الله العظيم أنا مجربها 100% و ليست نصاب .. و الطريقة كالآتي : استعمل هذا الرابط http://www.AWSurveys.com?R=962687 .. ثم على creat a new account .. سجل .. عند نهاية التسجسل ... ستجد مجموعة من بما يسمى ب survey إضغط على واحة فتظهر لك نافذة . أكتب أي تعليق و اضغط على submit فستحصل على 0.30$ .. وافعل ذلك مع الآخريه (أعني survey) .... و عند انتهاء كل surveys ... هناك Offers ..اضغط و اتبع الخطوات لتحصل على المزيد ...... كما يمكنك اعطاء link الخاص بك لأصدقاءك ليسجلوا عبره .. فتعيك الشركة مكافئة و هذا لا يعتبر أخذ من أرباح صديقك .
في النهاية أرجو أن أكون قد وفقت في الشرح . و ما نقلت هذا الخبر إلا للإفادة :)
الموقع الوحيد المنافس لماي ايجي
http://3rbmex.blogspot.com/
كل الحصري هنا وبس
http://7sryat-2day.blogspot.com
شكرلك
www.technyati.com
السلام عليكم ورحمة الله تعالى و بركاته
اشكرك اخى على الموضوع و انا لديا مدة و انا ابحث على كيفية اضافة ازرار المتابعة للشبكات الاجتماعية لكن دون فائدة حتي صادفة هذه المدونة شكرا لك
إرسال تعليق
يمكن استخدام بعض علامات HTML، مثل <b>, <i>, <a>
أخي الكريم، رجاء قبل وضع أي كود في تعليقك، حوله بهذه الأداة ثم ضع الكود المولد لتجنب اختفاء بعض الوسوم.
» معرض قوالب بلوجر مدونة لعرض أفضل القوالب المطروحة على معهد خبراء بلوجر : منتدى خاص بالبلوجر لتبادل الخبرات بين مدوني البلوجر ومشاركة القوالب العربية والمعربة أو الأجنبية إضافة إلى التبادل الإعلاني وطرق الربح عن طريق مدونات بلوجر.الروابط الدعائية ستحذف لكونها تشوش على المتتبعين و تضر بمصداقية التعليقات.