اضافة تسمح لزوار مدونتك باختيار لون خلفية المدونه حسب رغبتهم

بسم الله الرحمن الرحيم , السلام عليكم اخواني اخواتي متابعي مدونة جلال البعداني ,, اليوم حبيت اقدم لكم اضافه  جديده في عالم بلوجر ,لا شك ان الكثير من المدونين يعانو من مشكلة ارضاء جميع زوار مدوناتهم من خلال شكل والوان ستايل المدونه ولكن اليوم باذن الله سوف اقدم لكم (الحل ) هذه الاضافه الاحترافيه تمكن زوار مدونتك من التحكم باختيار لون الخلفيه المناسبه لهم بمجرد النقر على اللون المفضل لهم بطريقه سهله واحترافيه, مما يزيد من جمالية المدونه  ويجعل زوار مدونتك راضيين كل الرضا عن شكلها واختيار الاستايل المناسب لهم ,,, لن اطيل عليكم ... نبدأ على بركة الله 

۞ معــاينه 

كيفية اضافة هذه الاداه الى مدوناتكم

انتقل إلى لوحة تحكم مدونتك

     HTML/Javascript   إختر "تخطيط" ثم إضافة أداة ثم اختر

     والآن الصق داخل المستطيل الكود التالي 

الان قم بحفظ الاداه وقم بالمعاينه  ومبووووروك عليك الاضافه

ياسين نجمي

14:24

اقرأ المزيد

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

بسم الله الرحمن الرحيم , السلام عليكم اخواني اخواتي ومرحبا بكم في كل جديد مدونة جلال البعداني , اليوم باذن الله سنتعلم معا كيفية اضافة نبذه مختصره عن كاتب التدوينه لمدونات بلوجر بالاضافه الى المتابعه عبر اشهر مواقع التواصل الاجتماعي فيس بوك وتويتر وجوجل بلس ويوتيوب وغيرها من المواقع الاخرى مع امكانية اضافة اي رابط موقع اخر للاضافه , تتميز هذه الاضافه بشكلها الانسيابي والانيق  مما يزيد من جمالية المدونه واحترافيتها وقد سبق وشرحت كيفية اضافة تعريف الكاتب بطريقتين وشكلين مختلفين لمن اراد الاطلاع عليهما من هنا او هنا  واليوم ان شاء الله سوف نتعلم معا كيفية اضافة هذه الاداه اسفل الموضوع مباشرة

كيفية اضافة هذا السلايدر شو الى مدوناتكم

      1- من  لوحة التحكم -> قالب -> تحرير HTML

     2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات 

     3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)

]]>b:skin>

 ** والصق الكود التالي قبله تمامآ

#mblrib {
width: 111px;
height: 111px;
margin-right:-15px;
margin-top:-15px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCf9ko6y8yWl4vq6qtbZPhAVpBR7xl-UnNtDnqF1yx31g91628CQw-C0FO5SppuCElPEKFSuiX8cLFf44QbiI517rol7tTB6P2lr9NdHXSAphR-pmXdrN4wbTf-4gQsePXWHDDzYBSgW0_/s109/1rib.png) no-repeat;
z-index: 7;
position:absolute;
}
.mblautbox {border: #4f5966 solid 3px; width:100%;}
.authorinfoname { text-decoration:underline;}
.mblautbox a:hover {
color: #afafaf;
text-decoration: underline;
outline: none;
}
.mblautbox a {
color: #afafaf;
text-decoration: none;
outline: none;
}
.mblautinfo {
border: #f5f5f5 solid 5px;
-moz-border-radius: 74px;
-webkit-border-radius: 74px;
border-radius: 74px;
margin-left:20px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
float:right; padding:4px;margin-right: 0px;height:100px;
}
.mblautobox {
font-size:20px;
margin-top:-20px;
}
.mblautbox{
direction:rtl;
background:#222222;
line-height:1.7em;
float:center;
padding:10px 10px 10px 10px;
margin:20px 5px 5px 0;
color:white;
font-family:GE SS Two Light;
font-size: 14px;
line-height: 24px;
}
.mblautbox-right-min{
border-left:solid 0px #e8e8e8;
height:auto
}
#mycontents {
position:absolute;
width: 111px;
height: 111px;
margin-left:565px;
margin-top:-5px;
}

ثم قم بالبحث عن 

** والصق الكود التالي بعده  مباشره (تحته)

بقلم:
اسم الكاتب

اكتب هنا نبذه قصيره عن الكاتب


يمكنك متابعتي على:
فيس بوك | تويتر | جوجل بلس | يوتيوب | الموقع.

تخصيص الاضافه

 2- استبدال ماباللونalbaadani1 باسم حسابك في تويتر
 3- استبدال ماباللونalb33dani باسم صفحتك في فيس بوك
 4- استبدال ماباللون115387305017738790650 باسم حسابك جوجل بلس
 5- استبدال ماباللونalb33dani باسم قناتك في يوتيوب
 5- استبدال ماباللونhttp://alb33dani.blogspot.com برابط مدونتك
  6- اسم الكاتب استبدله باسمك او الاسم الذي تحب
  7- اكتب هنا نبذه قصيره عن الكاتب استبدله بنبذه قصيره عنك او عن خدمات مدونتك

 وبالاخير قم بحفظ القالب ومبروك عليك الاضافه ولا تنسى ان تشاركنا ارائك بتعليق 

ياسين نجمي

00:06

اقرأ المزيد

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

بسم الله الصلاة والسلام على رسول الله , السلام عليكم اخواني اخواتي متابعي مدونة جلال البعداني , كثير من المدونين يعتقدون أن مدونات بلوجر  تفتقر الى  الاضافات الجيده والمنسقه بشكل انيق , التي يمكن أن تضاف إلى منصات أخرى مثل ووردبريس وجوملا،ولكن هذا الاعتقاد خاطئ.فهناك كثير من الاضافات الاحترافيه التي تمكنك من تخصيص مدونتك وتطويرها لتظهر بشكل جذاب واحترافي ,واليوم باذن الله سوف نكسر هذا المعتقد بهذه الاضافه الاحترافيه والتي هي عباره عن شريط جانبي على شكل قائمه عموديه  تتضمن خمس من اشهر مواقع التواصل الاجتماعي  (twitter ,Facebook ,Google+, feedburner, tumblr  )والتي تتميز بشكلها الرائع والانسيابي والذي بدوره يزيد من جمالية المدونه واحترافيتها

 

مثال حي للاضافه

۞ معاينه ◄

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

1- انتقل إلى لوحة تحكم مدونتك
2- إختر "تخطيط" ثم إضافة أداة ثم اخترHTML/Javascript
3- والآن الصق داخل المستطيل الكود التالي 

• 
  
  Twitter
  
• 
  
  google+
  
• 
  
  tumblr
  
• 
  
  facebook
  
• 
  
  feedburner
  

تخصيص الاضافه

   1- استبدال ماباللونalbaadani باسم حسابك في فيدبرنر
 2- استبدال ماباللونalbaadani1 باسم حسابك في تويتر
 3- استبدال ماباللونalb33dani باسم صفحتك في فيس بوك
 4- استبدال ماباللون115387305017738790650 باسم حسابك جوجل بلس
 5- استبدال ماباللونalbaadani باسم حسابك في تمبلر
وبالاخير قم بحفظ القطعه ومبروك عليك الاضافه ولا تنسى ان تشاركنا ارائك بتعليق

ياسين نجمي

20:51

اقرأ المزيد

حصريآ اضافة تابعني عبر المواقع الاجتماعيه على شكل قائمة Metro

بسم الله والصلاة والسلام على رسول الله ,مرحبا بكم اخواني من جديد هذه المرة سوف نقوم بإضافة " قائمه المتابعه عبر المواقع الاجتماعيه على شكل Metro " لمدونات بلوجر بشكل جديد بل بأشكال جديدة وبعدة ألوان مصممة حسب ذوقكم والتي تظفي جمالية أكثر لمدونات بلوجروتزيدها احترافيه  , تحتوي هذه الاضافه على قائمه افقيه متعددة الالوان تشمل اشهر مواقع التواصل الاجتماعي twitter ,Facebook ,Google+, feedburner, LinkedIn  والذي بدورها تساهم في توسع مدونتك وزيادة متابعيها وزوارها

مثال حي للاضافه

۞ معاينه ◄

اين يمكنني ان اضع هذه الاضافه وفي اي اتجاه تكون اجمل؟

مكان وضع الإضافة مهم جدا لإقبال الزوار عليها , فهناك اماكن لا يقترب الزائر منها ,  فالمكان الامثل لوضع هذه الإضافة

إما على اعلى المدونه (تحت الهايدر)،او اسفل المدونه (فوق الفوتر)،  وهذا لتظهر افضل نتائج للإضافة,

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

1- انتقل إلى لوحة تحكم مدونتك
2- إختر "تخطيط" ثم إضافة أداة ثم اخترHTML/Javascript
3- والآن الصق داخل المستطيل الكود التالي

• اشترك معنا عبر الخلاصات


• تابعتي على تويتر twitter


• تواصل معي عبر فيس بوك


• تابعني على جوجل بلس


• LinkedIn تواصل مع على

تخصيص الاضافه

  1- استبدال ماباللونalbaadani باسم حسابك في فيدبرنر
 2- استبدال ماباللونalbaadani1 باسم حسابك في تويتر
 3- استبدال ماباللونalb33dani باسم صفحتك في فيس بوك
 4- استبدال ماباللون115387305017738790650 باسم حسابك جوجل بلس
 5- استبدال ماباللونjalal-albaadani باسم حسابك في لينكدين
 6-  لتغيير عرض الاضافهwidth: 960px; قم بتغيير القيمه فقط

وبالاخير قم بحفظ القطعه ومبروك عليك الاضافه ولا تنسى ان تشاركنا ارائك بتعليق 

ياسين نجمي

21:14

اقرأ المزيد

اسهل طريقه لاضافة سلايد شو احترافي لمدونات بلوجر

السلام عليكم اخواني , سنتطرق اليوم في هذه التدوينه الى كيفية اضافة سلايد شو Slidershow احترافي لمدونات بلوجر بطريقه سهله جدا ومميزه حيث تعتمد هذه الاضافه على كود الجافا سكريب ,  يعني تقدر تضيف هذا السلايد شو الى مدونتك بخطوه واحده فقط وهي اضافة اداهHTML/JavaScript  , مايميز هذا السلايد شو انه يضفي لمسة جميلة على المدونات حيث يساهم بشكل كبير في إثارة انتباه الزائر إلى أكثر المواضيع أهمية. الأمر بسيط جدا و سأحاول تبسيطه أكثر قدر الإمكان ان شاء الله

مثال حي للسلايدر شو

 

كيفية اضافة هذه الاداه الى مدوناتكم

 انتقل إلى لوحة تحكم مدونتك

     HTML/Javascript   إختر "تخطيط" ثم إضافة أداة ثم اختر

   والآن الصق داخل المستطيل الكود التالي

مايجب عليك تغييره

• عنوان الموضوع : استبدلها بعنوان الموضوع المراد عرضه في السلايد شو.
• رابط صورة الموضوع : استبدلها برابط صورة الموضوع المراد عرضه بالسلايد شو.
  # : استبدلها برابط الموضوع المراد عرضه بالسلايد شو. 
  700px : لتغيير عرض السلايد شو .
  306px:لتغيير ارتفاع السلايدشو.
  
  
   وبالاخير قم بحفظ الاداه ومبروك عليك السلايدشو
  

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

   اذا كان عندكم اي استفسارات يمكنكم كتابة تعليق  وسيتم الرد عليه انشاء الله
  

ياسين نجمي

15:29

اقرأ المزيد

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

بسم الله والصلاة والسلام على رسول الله , السلام عليكم اخواني اخواتي متابعي مدونة جلال البعداني . سنتطرق اليوم في هذه التدوينه الى كيفية اضافة تعريف كاتب الموضوع لمدونات بلوجر بطريقه عصريه جدا واحترافيه , طبعا الطريقه جديده وسهله جدا فهي تعتمد على قطعة مولد الاكوادGenerate code  والذي يسهل عملية تخصيص الاضافه لتتناسب مع اي مدونه , تتميز هذه الاضافه انها جديده من نوعها وحصريه ف بالاضافه الى تعريف الكاتب يوجد في نفس القطعه ادوات المتابعه عبر مواقع التواصل الاجتماعي فيس بوك وتويتر وجوجل بلس و فيدبرنر . اضافة الى الاشتراك بالقائمه البريديه ..لا اطيل عليكم اترككم مع الاضافه

كيفية اضافة هذه الاداه الى مدوناتكم

الخطوه الاولى (تخصيص قطعة مولد الاكواد)

1.  ادخل رابط صفحتك على فيس بوك
2.  ثم ادخل اسم حسابك على التويتر
3. ادخل الايدي الخاص بحسابك في جوجل بلس
4.  ثم ادخل اسم حسابك على فيدبرنر 
5. ثم  اكتب وصف قصير عن كاتب التدوينه
6.  الان رابط صورة الكاتب
7.  ثم  قم بتخصيص الالوان حسب رغبتك
8. الان قم بالضغط على زر  “Generate code” لتوليد الكود
9. الان يمكنك استعراض الاداه قبل اضافتها الى مدونتك بالنقر على زرpreview

الخطوه الثانيه(اضافة الاكواد الى المدونه)
   
      1- انتقل الى لوحة التحكم مدونتك -> قالب -> تحرير HTML ->

     2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات 

     4- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)

    5-الان قم بنسخ الكود الذي ظهر في داخل مستطيل ccs والصقه قبل تماما

    6- قم بالبحث عن

  7-قم بنسخ الكود الذي ظهر داخل مستطيل html في قطعة مولد الكود والصقه بعد

الان قم بحفظ القالب ومبروك عليك الاضافه 

اذا كان عندكم اي استفسار او واجهتكم مشكله عند اضافة الاداه يمكنكم وضع تعليق وسيتم الرد عليكم ان شاء الله

 

ياسين نجمي

01:12

اقرأ المزيد

حصريا اضافة تسمح لزوار مدونتك باختيار الوان خلفية المدونه حسب رغبتهم

بسم الله الرحمن الرحيم , السلام عليكم اخواني اخواتي متابعي مدونة جلال البعداني ,, اليوم حبيت اقدم لكم اضافه حصريه وجديده في عالم بلوجر ,لا شك ان الكثير من المدونين يعانو من مشكلة ارضاء جميع زوار مدوناتهم من خلال شكل والوان ستايل المدونه ولكن اليوم باذن الله سوف اقدم لكم (الحل ) هذه الاضافه الاحترافيه تمكن زوار مدونتك من التحكم باختيار لون الخلفيه المناسبه لهم وايضا اختيار نوع الخط وحجمه وايضا  لون النص في التدوينه بمجرد النقر على اللون المفضل لهم بطريقه سهله واحترافيه, مما يزيد من جمالية المدونه  ويجعل زوار مدونتك راضيين كل الرضا عن شكلها واختيار الاستايل المناسب لهم ,,, لن اطيل عليكم ... نبدأ على بركة الله 

كيفية اضافة هذه الاداه الى مدوناتكم

     1- من  لوحة التحكم -> قالب -> تحرير HTML -> تابع

     2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات 

     3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)

 

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

   

قم بحفظ القالب

    انتقل إلى لوح تحكم مدونتك،
     HTML/Javascript إختر "تخطيط" ثم إضافة أداة ثم اختر
     والآن الصق داخل المستطيل الكود التالي

    

















Background Color Changer
 









                
 
Font Type


--
Book Antiqua
Times New Roman
Georgia
Arial
Tahoma
Trebuchet
Verdana
Century Gothic
Comic Sans
 
 
Text Color
 
 
Font Size
 
Reset

الان قم بحفظ الاداه وعليك بالعافيه الاضافه

اتمنى تكون اعجبتكم الاضافه واذا واجهتكم مشكله في التركيب ضعوا تعليق وسيتم الرد عليكم ان شاء الله 

ياسين نجمي

12:06

اقرأ المزيد

إضافة كود التبادل الاعلاني مع خلفية الوان احترافيه بتقنية Css3

السلام عليكم اخواني اخواتي ,,ومرحبا بكم في كل جديد من مدونةجلال البعداني, اليوم باذن الله سنتعلم معا  كيفية إضافة كود التبادل الإعلاني بتقنية  CSS  بشكل انيق جدا وعصري إلى مدونات بلوجر مع تأثيرات رائعه على الصور بخلفيات ملونه بعدة الوان يمكنك تخصيصها والتحكم بها عن طريق تغيير CSS و HTML وفقا للحاجة الخاصة بك ,,, القطعه تكون دائريه تتاثر بتاثير التمرير فحين تمرر مؤشر الماوس عليها تتوسع خلفية اللون لتكون بشكل مربع . وينصح لمن يستخدم هذه الاضافه ان يكون مقاس البنر الاعلاني 125x125 لتظهر بشكل جميل ولتاخذ الاضافه كامل احترافيتها 

  مثال حي للاضافه

كيفية اضافة هذه الاداه الى مدوناتكم

       انتقل إلى لوح تحكم مدونتك،
     إختر "تخطيط" ثم إضافة أداة ,ثم اختر HTML/Javascript
     والآن الصق داخل المستطيل الكود التالي : 
            

مايجب عليك تغييره

• رابط المعلن : استبدلها برابط موقع المعلن في مدونتك.
• رابط  البنرللمعلن : استبدلها برابط صورة الموقع المعلن في مدونتك.
   الان قم بحفظ الاداه ومبروووووك عليك الاضافه
  
  

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

ياسين نجمي

14:49

اقرأ المزيد

الاشتراك بالقائمه البريديه+المشاركه في المواقع الاجتماعيه ( اسفل التدوينه)

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

صورة توضيحيه للاضافه

مثال حي للاضافه 

كيفية اضافة هذه القائمه الى مدوناتكم

     1- من  لوحة التحكم -> قالب -> تحرير HTML -> تابع

     2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات 

     4- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)

والصق الكود التالي بعده تمامآ

اشترك عبر القائمه البريديه ليصلك جديدنا

method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=tntbystc', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true'
style='margin: 0pt;' target='popupwindow'>


onfocus='if (this.value == "Enter your email...") {this.value = ""}'
type='text' value='ادخل ايميلك هنا...' />

Follow us on:

title='Follow us on Twitter'>
title='Follow us on Google+'>
title='Follow us on Pinterest'>
title='Subscribe to RSS'>

expr:data-url='data:post.canonicalUrl' expr:data-text='data:post.title'
data-count='horizontal'  data-lang='en'>

المشاركات الشائعة

• 

  التردد الجديد لقناة الناس 2012 علي النايل سات Alnas Channel Frequency

  تردد قناة الناس 2012 التردد الجديد لقناة الناس 2012 علي النايل سات Alnas Channel Frequency قناة الناس هي قناة اسلامية تبث من مصر و هي أول ق...
• 

  تحميل برنامج جوجل كروم 2012 الاصدار الأخير Download Google Chrome Free

  جوجل كروم 2012 - تنزيل جوجل كروم لعام 2012 مجانا تحميل برنامج جوجل كروم 2012 الاصدار الأخير Download Google Chrome أقوي متصفحات الانترنت حا...
• 

  La Faisanderie de Sénart #4 : Andolfato Natalino

  Symposium de Sculpture à Sénart : Un Symposium est une réunion d'artistes qui réalisent, dans le même temps et sur l'emplacement mêm...
• 

  صدور هاتف أيباد 3 في السابع من شهر مارس القادم - أي باد 3 Ipad

  صدور هاتف أيباد 3 في السابع من شهر مارس القادم - أي باد 3 Ipad Apple Ipad 3 تفاصيل الخبر جميع المؤشرات حاليا تقترح أن الشركة العملاقة ابل A...

 

زوار

جميع الحقوق محفوظة © 2013 Taalimbase

تطوير: التعليم الاحترافي