Showing posts with label شروحات بلوجر. Show all posts
Showing posts with label شروحات بلوجر. Show all posts

Monday, April 25, 2011

ان شاء الله يكون جميع اخوانا وزوارنا المتابعين لنا بخير

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

فى البدايه نبدأ بالتعريف بشركة Co.cc للدومينات :
و هى شركة مختصة في تقديم خدمة الدومينات للمواقع والمدونات مجانا وبدون اى اعلانات او انقطاع للخدمة على مدار السنة.
يمكنك حجز عدد 2 دومين بامتداد .co.cc مجانا بدون اى مصاريف ولمدة عام كامل

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

ما يميز الدومين co.cc انه يشبه الى حد كبير الدومين com الاكثر شهرة

نبتدى بشرح كيفية حجز الدومين وربطه بمدونة بلوجر الان على بركة الله

اضغط على البانر للدخول الى موقع الشركة

وتابع معنا الشرح بالصور










الف مبروك عليك تم حجز الدومين بنجاح

الآن تابع شرح كيفية ربط دومينك الجديد بمدونة بلوجر الخاصة بك

فى البداية قم بتسجيل الدخول الى حسابك فى بلوجر وقم بتغيير لغة الحساب الى اللغة الانجليزية ( لابد من تغيير اللغة )


الف مبروك عليك تم ربط الدومين بمدونتك واصبحت لمدونتك دومين مجانا وهيتم تحويل جميع زوارك الى مدونتك بدومينها الجديد

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

Friday, March 11, 2011

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

والصلاة والسلام على رسول الله

وأما بعد اخواني ها أنا أضع أول تدوينة لي في هذه المدونة الرائعة الإبداعية

المهم اليوم إخواني سوف نشرح 

كيف نضيف أداة على مدونتك

والشر بالصور ومن عندي فالرجاء ذكر 

الحقوق عنما تنشر هذه التدوينة 

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


نبدأ الشرح 

اترككم مع الصور:

 




والله ولي التوفيق 
والسلام عليكم

Friday, March 4, 2011

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


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

تابع معي الشرح بالصور



الآن أريد أن أض قاعدة ألا وهي 
أي كلمة أو حرف في قالبك فهو موجود في صفحة تحرير html
والآن لنبحث عن السطر الأول من الموضوع الأول من ال SlideShow
إضغط على ( CTRL+F ) ثم ابحث عن عنوان الموضوع ,


ستجد العبارة موجودة كما بالصورة السابقة , لذا سأضع أمامك الكود , وكل كود موجود به كيفية التعديل عليه

<div class='imageElement'>
<h3>عنوان الموضوع هنا</h3>
<p>تضع هنا نبذة مختصرة عن الموضوع - هذا القالب من تعريب مدونة قوالب بلوجر معربة , من تعريب أخوكم : باســـم .</p>
<a class='open' href='لينك الموضوع هنا' title='عنوان الموضوع هنا'/>
<img alt='' class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPEYQPlTclgTjXtgXVdTqdPG8zMmQBM_Vydc-YToEFI6-ZXKZb-kFFINi_FfKAPVevcyuhnGVDWrveCGY1hD1FKWB3HM7GNR4N-L8hp87py_XiU7SvpbHq9QbZv7Zu1jDC71kyKERlnf0/s1600/1.jpg'/>
</div>

<div class='imageElement'>
<h3>عنوان الموضوع هنا</h3>
<p>تضع هنا نبذة مختصرة عن الموضوع - هذا القالب من تعريب مدونة قوالب بلوجر معربة , من تعريب أخوكم : باســـم .</p>
<a class='open' href='لينك الموضوع هنا' title='عنوان الموضوع هنا'/>
<img alt='' class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtbbSaLGtsiN1VWWYs803k3fQBYG6kP6o1msHGlnpLLXFIkEd_quO1IwWkpfUxuFsyUV5KBjnXJ1opHTzloq7FMJROkIm0IRKmTipkZy9NiIO_LVhH5dGYQ43fHg9szXFdY3YSAoITTY0/s1600/2.jpg'/>
</div>

<div class='imageElement'>
<h3>عنوان الموضوع هنا</h3>
<p>تضع هنا نبذة مختصرة عن الموضوع - هذا القالب من تعريب مدونة قوالب بلوجر معربة , من تعريب أخوكم : باســـم .</p>
<a class='open' href='لينك الموضوع هنا' title='عنوان الموضوع هنا'/>
<img alt='' class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyZruipSIxyl-w-UyQTRfBuVqcxbQrofoTOWZBTAKfLW9-dQnkZcB36RXDyQdgA1jcSLRGLEkV-a8rCTQ3-xw7wi6vGHN5PWGy3SuouKES1XSX28YRG3WYMmBPy3Zj06nSJOl07WteQXA/s1600/3.jpg'/>
</div>

<div class='imageElement'>
<h3>عنوان الموضوع هنا</h3>
<p>تضع هنا نبذة مختصرة عن الموضوع - هذا القالب من تعريب مدونة قوالب بلوجر معربة , من تعريب أخوكم : باســـم .</p>
<a class='open' href='لينك الموضوع هنا' title='عنوان الموضوع هنا'/>
<img alt='' class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7_ioUlySCAVg2-crVK2X3CaDh7in0-5-RH8VKP9HGKq8XZeZbukgVqjRG086U9Urm9IY14aR0LJgwxVqejdhhjArRwia-ivkUxs3qWf__hQLiwdojuQQ03Bs1lyRY59qlnr679177sIQ/s1600/4.jpg'/>
</div>

<div class='imageElement'>
<h3>عنوان الموضوع هنا</h3>
<p>تضع هنا نبذة مختصرة عن الموضوع - هذا القالب من تعريب مدونة قوالب بلوجر معربة , من تعريب أخوكم : باســـم .</p>
<a class='open' href='لينك الموضوع هنا' title='عنوان الموضوع هنا'/>
<img alt='' class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdeQV-pAe2G4lwJxLBR-4Otfs_XeuOYtVLwstC2YZc_UH33CIHPVQhv-Td8g8bEM6-kbpmyAIwX25Jofl7RdE_E23tcJljvjlTKJKY_HPrXYFrYXgKTtYHO8UqEm2ubpb7HiiVuoztHNI/s1600/5.jpg'/>
</div>
الآن قم بالتعديل على الكود السابق بما يناسب محتوى المواضيع التي تريد وضعها ,,
أرجو أن أكون وفقت في شرح الدرس ,, تم بحمد الله ..

لا تنسونا من خالص دعائكم , تحياتي : أخوكم : باســـم .

Thursday, February 17, 2011

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


إضغط على أي صورة لتكبيرها


الآن قم بنسخ هذا الكود في موقعك أو مدونتك أو منتداك .
بالنسبة لمدونات بلوجر , من لوحة التحكم >> التصميم >> إضافة أداة >> javascript html , وقم بنسخ الكود ثم إضغط حفظ ..

تم بحمد الله .. تحياتي : باســـم .

Wednesday, February 9, 2011


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

  • قل معي : سبحان الله وبحمده , سبحان الله العظيم , عدد خلقه ورضا نفسه وزنة عرشه ومداد كلماته .
  • حدد التصنيف الذي تريد تقسيمه الى عمودين , بمعنى أن عندي في مدونتي , تصنيف بعدد الأعمدة , وتصنيف آخر للون , وتصنيف عام للمحتويات , لذلك قبل البدأ قم بتحدد التصنيف الذي تريده , في مدونتك .
  • مثلا انا قمت بتحديد تصنيف اسمه " تصنيفات عامة " .. تمام .. تابع معي .. قم بحديد التصنيف الذي تريده .
  • ادخل الى لوحة تحكم مدونتك >> ثم الى التصميم >> ثم تحرير html .
  • كما قلنا سابقا انا قمت بتحديد التصنيف " تصنيفات عامة " وهذا ما سأقوم بتقسيمه الى عمودين .
  • ابحث في قالبك عن التصنيف الذي حددته أنت , وانا قد حددت تصنيف " تصنيفات عامة " لذلك سأبحث عنه .
تابع معي الصورة 


عندما بحثت في القالب عن كلمة تصنيفات عامة وجدت يقابلها كلمة Label1 , وهنا مربط الكود ,

شرح التقسيم
ابحث في مدونتك عن 
]]></b:skin>
ثم أضف قبله " فوقه " هذا الكود مباشرة
#Label1 ul li{
float:right;
width: 40%;
}
علما بأن كلمة  Label1 تحل محل كلمة تصنيفات عامة كما شرحت سابقا .
كما بالصورة
نرجع للصورة تاني
 

 إذن لو أردنا تقسيم اي تصنيف آخر , فسنبحث عنه , ونجد ما يقابله , فمثلا لو أردنا تقسيم " تصنيف حسب اللون " سنجد أن ما يقابلها هو كلمة " Label4 " وتستبدل كلمة Label1 بالكود السابق الذي هو

 #Label1 ul li{
float:right;
width: 40%;
}
بكملة Label4 , وهكذا بقية التصنيفات التي تريد تقسيمها , ثم إضغط حفظ .
إن لم يتم تقسيم التصنيفات , قم بتغيير القيمة 40 في الكود السابق الى 35 , وسيتم إضافة الكود بنجاح إن شاء الله , وتنجح الطريقة .

أرجو أن أكون وفقت في شرح الدرس ,
تم بحمد الله ..
أخوكم باســـــم .