إضافة قائمة منزلقة لآخر التدوين لمدونات بلوجر 2012

السلام عليكم ورحمة الله تعالى وبركاته ،في هذه التدوينة سوف نتعرف على كيفية تطبيق إضافة  قائمة منزلقة لاخر مواضيعك بعد ان طلب العديد من اصحاب المدونات شرح تركيب الاضافة والتي قام بشرحها الأخ ابو اياد صاحب مدونة "ابو اياد" على مدونته ،ويشكر على مجهوده في إنشاء هذه الإضافة المميزة ،  واشكر الأخ خالد صاحب مدونة "الفضاء التكنولوجي" صاحب الاضافة وتم تحديث الاضافة من  مدونة ابو اياد فما أود أن أضيفه هو كيفية تطبيقها تحت التدوينات كما هو مطبق في مدونة بلوجر توب هذا الاضافة جميله جداا 

قم بالبحث عن الكود التالي

]]>

ثم قم بلصق هذا الكود قبله :

.accordion {

width: 620px;

text-align: center;

border-bottom: solid 1px #c4c4c4;}

.accordion h3 {

background: #e9e7e7 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUaeF_9I5bQ1JWPWtmWrvsGrcMD66K5N3PHgZSsByvTrF08yv0MhqdPASxTrsxULSh2s_gClyBpejgiQdhyx-Q7Mdci23kS5PjM5aM9ZnSlNLJeH7bVjMKyeoe_PvC1zWTuOj7Tkg3_nO-/s320/arrow-square.gif) no-repeat right -51px;

padding: 7px 15px;

margin: 0;

font: bold 120%/100% Arial, Helvetica, sans-serif;

border: solid 1px #c4c4c4;

border-bottom: none;

cursor: pointer;}

.accordion h3:hover {

background-color: #e3e2e2;}

.accordion h3.active {

background-position: right 5px;}

.accordion p{

background:url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif) ;

margin: 0;

padding: 10px 15px 20px;

border-left: solid 1px #c4c4c4;

border-right: solid 1px #c4c4c4;}

قم بالبحث عن الكود التالي

ثم قم بلصق هذا الكود قبله

قم بالبحث عن الكود التالي (إذا وجدت إثنين فالكود الثاني هو المقصود

ثم قم بلصق هذا الكود بعده

   
   
   

   

اقرأ المزيد

اضاف روابط و أزرار موقعك بشكل جميل وحديث Web 2

 السلام عليكم
في الآونة الأخيرة اشتهر صيت الويب 2.0  وتطبيقاته و تصاميمه بشكل رهيب كل

يوم يظهر موقع جديد غاية في البساطة وله سمعة كبيرة

وملئ بالاشياء المثيرة لذا فهو يحتل مرتبة قائمة المواقع ويتصدر الترتيبات

والحمدلله  بدأت  أرى مواقع عربية في ساحة المنافسة و التميز .

مبدئياً لا يوجد معايير في إنشاء أي من عناصر الويب 2.0 في التصميم ولكن يوجد

لدينا العديد من المظاهر التقليدية على سبيل المثال

الألوان الواضحة الساطعة والتدرجات اللونية الكثيرة بشكل مقبول وجميل واليوم

سوف أريكم كيفية  تصميم   زر    ويب  2.0 احترافي

هته التقنية سوف تزيد من جمالية المدونة و دالك كمثال تغييير ايقونة اقرأ المزيد الى احد هته الازرار

او استخدامها لوضع روابط او غيرها..المهم اتركم مع المشاهدة و الشرح

            

اتمنى لك الاستفادة..  و السلام خير ختام

اقرأ المزيد

اضافة شعار لمدونتك بشكل احترافى فى مدونة بلوجر توب وبس

السلام عليكم 

درس اليوم لا يوجد فى مدونة الا فى مدونت بلوجر توب وبس هذا الشعار مقدم لمتابعون المدونة فقط اذا احببت عمل شعار لمدونتك كون من متابعون المدونة وسوف يتم هذا التصميم الخاص بمدونتك بعد ان وجد بعض اصحاب المدونات لا يضفون شعار مدونة لتكون مظهر المدونة جميل ورائع مثل شعار مدونتى

سوف اضع بعض الصورة اذا اعجبتك اى اشعار اضف فى تعليقاتك مع الصورة المناسبه واسم مدونتك وسوف يتم العمل فى اقرب وقت هذا مدونتنا تشمل على اضافه صورة فى التعليق اضف ربط الصورة بين الوسيم التالى  [im]اضف ربط الصورهنا[/im]

 

 ثم اسم مدونتك 

اتبع شكل الصور

http://www13.0zz0.com/2012/09/28/19/674145391.gif

http://www13.0zz0.com/2012/09/28/19/491442380.gif

http://www13.0zz0.com/2012/09/28/19/275571416.gif

http://www13.0zz0.com/2012/09/28/19/159476888.gif

http://www13.0zz0.com/2012/09/28/19/962062036.gif

http://www13.0zz0.com/2012/09/28/19/450638424.gif

http://www13.0zz0.com/2012/09/28/19/971048709.gif

http://www13.0zz0.com/2012/09/28/19/677779462.gif

http://www13.0zz0.com/2012/09/28/19/883582826.gif

http://www13.0zz0.com/2012/09/28/19/710249640.png

http://www13.0zz0.com/2012/09/28/19/718847298.png

http://www13.0zz0.com/2012/09/28/19/421960710.png

http://www13.0zz0.com/2012/09/28/19/620382753.png

http://www13.0zz0.com/2012/09/28/19/798499655.png

http://www13.0zz0.com/2012/09/28/19/843372170.png

http://www13.0zz0.com/2012/09/28/19/792814767.png

يوجد اشكل كثر لا تنسه اضف ربط الصورة المخطارة لمدونتك بين الوسيم التالى[im]ربط الصورة[/im]

 

ولا تنسه اضافه اسم مدونتك 

 

:: خاتمة ::
إذا أعجبتكم الإضافة لا تبخلوا علينا من الضغط على زر لايك الفايسبوك و شكرا

 

 

اقرأ المزيد

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

بسم الله و الحمد لله و الصلاة و السلام على حبيبنا رسول الله محمد الأمين، السلام عليكم ورحمة الله وبركاته.

هذا موضوع اتحدث عنه للمبدئين فى عالم بلوجر هذا الاضافة هام جداا للمدونة وكسب عداد كبير من زوار الفيس بوك الى مدونتك 

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

ولا يوجد اى صعوبه الشرح بصور تباع الشرح

ادخل الى الموقع التالي

http://apps.facebook.com/rssgraffiti/

 

 الخطوة الثانية

الصورالثالثه

 

 الصورالرابعه

 الصور الخامسه

الصورالسادسه

الصورالاخيرة

 اضغط على زر Add feed لادخال خلاصة موقعك

هنا يجب ان تنتبه للشرح و انت تقوم بادخل البيانات الخاصة بموقعك

اترك بقية الإعدادات و قم بالحفظ

يوجد هنا النتيجه فى الصورة التاليه

:: خاتمة ::
إذا أعجبتكم الإضافة لا تبخلوا علينا من الضغط على زر لايك الفايسبوك و شكرا

اقرأ المزيد

اضافة ارشفة مدونتك بشكل جديد وتم التحديث بصيغة jquery-css

السلام عليكم

أولا : من لوح تحكم مدونتك انتقل إلى صفحة التخطيط ثم ثم تصميم   " تحرير HTML "

ثانيا : قبل إجراء أي تعديل احفظ نسخة احتياطية من القالب لاستعادتها عند الضرورة.

ثالثا : ضع علامة في خانة توسيع القوالب .
ثم ابحث عن هذا الكود

و ضع فوقه او اسفله هدا الكود

اقرأ المزيد

اضافة خلفية لأقسام مدونتك بشكل احترافى

مرسلة بواسطة: Unknown في 4:54 م

السلام عليكم و رحمة الله تعالى و بركاته

أولا : من لوح تحكم مدونتك انتقل إلى صفحة تصميم    ثم    " اضافة اداة HTML "


ثانيا :قم بنسخ و لصق الكود التالي

• http://bilokr.blogspot.com" target="_blank">Home



• about


more   

بهذا أكون إنتهيت من الاضافة ..أتمنى أن اكون قد أفدتكم

اقرأ المزيد

الصورة الأصلية و اخفائها عند نقلها لمدونة اخرا

مرسلة بواسطة: Unknown في 5:12 ص

السلام عليكم

لدينا اليوم دالة javascript تمنع استغلال الصور واعادة نشرها..

بحيث يكمن مبدأها بتغيير الصورة الأصلية و اخفائها عند نقلها بوضع صورة شفافة

او يمكن حتى التفنن في الصورة الشفافة ووضع : أن هذه الصورة تم نقلها من مدونة أخرى.

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

لماذا الصور في حاجة إلى الحماية ؟

الحفاظ على صحة المصدر ، من هو مالك و مبدع الصورة

حفظ الصور من معالجة الصور الرقمية في أيدي الجاهلين ،خاصة

إذا كانت الصورة خاصة بك أو صورة عائلية


أولا : من لوح تحكم مدونتك انتقل إلى صفحة التخطيط ثم تصميم

ثم تحرير HTML

ثانيا : قبل إجراء أي تعديل احفظ نسخة احتياطية من القالب لاستعادتها عند الضرورة.

ثالثا : ضع علامة في خانة توسيع القوالب .


نبحث عن الوسم التالي

الان في حالة ما ادا كانت الصورة عائلية و تريد نشرها في الرسالة


ماعليك فقط الانتقال الى تحرير ال HTML


ووضعها بهذه الطريقة

الان في حالة نسخ أو محاولة احتفاظ بالصورة في جهاز الكمبيوتر ..

لن تنسخ و تحفظ الصورة الأصلية و انما الصورة الشفافة الموجودة في الدالة السابقة


ملاحظة

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

:: خاتمة ::
إذا أعجبتكم الإضافة لا تبخلوا علينا من الضغط على زر لايك الفايسبوك و شكرا

اقرأ المزيد

إضـافة أصوات إسلامية لمدونتك

مرسلة بواسطة: Unknown في 4:43 ص

بسم الله الرحمن الرحيم
السلآم عليكم ورحمة الله وبركـآته
شكراً لا اعضاء وازوار مدونة بلوجر توب الجميل ..
ومن لا يشكر النـاس لا يشكر الله


\\
اليوم اسمحو لي اضع بين يديكم هذا الشرح البسيط
إضـافة قائمة صوتيـات إسلامية لمدونتك مثل الصورة التـالية

أول شيء ندخـل لوحة تحكم المدونة
ونروح على خيــار تصميم . ومن ثم عنـاصر الصفحة مثل الصورة التـالية



2- ثـاني شيء نـروح على إضـآفة أداة مثل الصورة التالية ونختــار خيـار تهيئة HTML/JavaScript

3- آخر شيء نضـع عنـوآن القآئمة الصوتية وهو اختيـاري .. ونضع الكود التالي مثل الصورة التالية

Music Playlist at MixPod.com

وآخر شيء نحفظ الكود والحمد لله كل شيء يكون تمام التمام

بآرك الله فيكم
ولا تنسـوني من صآلح الدعـآء

اقرأ المزيد

كود يعطي كل زائر عدد مرات زياراته لمدونتك

السلام عليكم كل سنه وأنتم طيبين

مثل ما فى مدونتى 

http://bilokr.blogspot.com/

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

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

طريقة التركيب

.1 اذهب للوحة التحكم

2. تخطيط

3.عناصر الصفحة

4. اضف اداة

6.اختار  Html/Javascript

 هذا هو الكود

  

السلام عليكم
نلتقي في موضوع آخر

اقرأ المزيد

مطلوب مشرفين على جميع اقسام منتدى الحرافيش

بسم الله الرحمن الرحيم



اخوانى واخوتى اعضاء المنتدى


لمن يريد الاشراف على اقسام المنتدى


كل ما عليك فعلة هو ارسال رساله لادارة المنتدى


شروط الاشراف


1- ان يكون متواجد يوميا بأستمرار فى المنتدى


2- ان تقوم بعمل 5 مواضيع على الاقل فى القسم الذى تود الاشراف علية


3 - ان تكون مساهمتك فى المواضيع لا تقل عن 10 مساهمات فى القسم الذى تود الاشراف علية


عندما يتوفر عندك هذة الشروط تقوم بعمل رد على الموضوع وتكتب فية الاتى ...


1- اسمك


2- القسم الى انت اختارته


ولكم التحية والتوفيق لنا ولكم بأذن الله

ادخل هنا واختار القسم المناسب

من الممكن اشهر مدونتك فى المنتدى والحصول على زوار

http://hraf.ahladalil.com
تحياتى ادارة المنتدى ( السيد ابو جبل

اقرأ المزيد

جديد أضف لوحة تحكم مختصرة كاملة إلى مدونتك مخفية عن الزوار بشكل جديد

ونحن نتصفح مدوناتنا كثيرا ما نود الدخول إلى تحرير HTML أو تحرير الرسائل

لكن ذلك يكون بالعودة إلى لوحة التحكم بفتح صفحة جديدة من بلوجر


الآن .. ليس علينا القيام بذلك .. فهذه الإضافة الخفيفة ستوفر عليك الوقت والجهد

وهي تقوم على إضافة لوحة تحكم كاملة لمدونتك إلى أي جزء تريدها الظهور فيه

وستكون مخفية تماما عن الزوار أي أنها لن تظهر إلا لصاحب المدونة

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


___________________________________



توجه في مدونتك إلى : تصميم > عناصر الصفحة > أضف أداة html في المكان الذي ترغب للأداة بالظهور فيه

ثم ألصق بها الكود التالي

[ لوحة التحكم المختصرة]

رسالة جديدة
|
إعدادات
|
تخطيط
|
تحرير HTML
|
تعديل التعليقات
|
تسجيل الخروج

قم بتغيير xxxxxxxxxxx بالـID الخاص بمدونتك .. ولتحصل عليه قم بالذهاب إلى "تصميم" من لوحة تحكم مدونتك

وانسخ الأرقام الظاهرة في شريط متصفحك (كما في الصورة)

يمكنك إضافة لوحة التحكم المختصرة أيضا إلى المكان الأنسب لها بنظري وهو أسفل كل تدوينة .. وللقيام بذلك ..

___________________________________


توجه في مدونتك إلى : تصميم > تحرير html >ابحث عن التالي

ثم أضف بعده تماما "أسفله" الكود السابق (مع تغيير xxxxxxxxxxx)

[ لوحة التحكم المختصرة]

رسالة جديدة
|
إعدادات
|
تخطيط
|
تحرير HTML
|
تعديل التعليقات
|
تسجيل الخروج

تم بحمد الله

هل اعجبتك الاضافة اضف تعليق

اقرأ المزيد

طريقة تكبير وتصغير حجم خط المدونة من طرف الزائر | بلوجر تم التحديث

عودة مرة أخرى .
اضافة اليوم جميلة جدا خفيفة ومفيدة في نفس الوقت وعملها كالتالي :
في بعض المتصفحات احيانا يصبح شكل المدونة وخطها تحديدا أكبر من الحجم الفعلي أو اصغر واحيانا اخرى خصوصاً المدونات الخاصة بالنقاد والكتاب والذين تكون مقالاتهم طويلة يحتاج الزائر في ذلك الوقت الى تكبير حجم الخط .. اذن هذه هي وظيفة أداة اليوم .

تجربة الأداة مباشرة .

الشكل الأول
غير حجم خط المدونة
+ + + + +
الشكل الثاني
غير حجم خط المدونة

 SmallMediumLargeLargerLargest


مميزات الاضافة :

- امكانية تغيير حجم الخط .
- مزيد من الاحترافيه لمدونتك
- سهولة التركيب .
- وضعها في أي مكان في المدونة .
- حجم الاضافة جدا خفيف لأنها نص .

تابع الموضوع للتركيب



طريقة تركيب الإضافة .
عن طريق اضافة أداة جافاسيكربت فقط .. وفي أي مكان تحب .

الاضافة الاولى

 غير حجم خط المدونة
+ + + + +

 الاضافة الثانية

 غير حجم خط المدونة
SmallMediumLargeLargerLargest

 مبروك عليك الاضافة
اذا احببت تعمل تعليق اتفضل

اقرأ المزيد

هام لاعضاء وزوار المدونة

السلام عليكم ورحمه الله وبركاته

نأسف على عدم التدوين فى المدونة لعدم ظروفه الخاصه  وارجو منكم اتباع المدونة بدون اى مشاكل وسوف يتم الرد على تعليقاتكم

من  مى محمد المسؤاله عن المدونة  وحل مشاكلكم فى المدونة وان شاء الله تعاله سوف تستفدون من المدونة من احدث الموضيع الحصريه مع الاخت مى واذا احببت ان تكون مؤالف فى المدونة سوفه يتم من الاخت مى المسئوله عن التدوين والمدونه 

ادعو ليه ان يشفانى ربنا 

واقوم بسلامه من العمليه الجراحية

والسلام عليكم ورحمه الله وبركاته

اقرأ المزيد