كيفية إضافة أداة لمدونتك بالصور

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

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

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

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

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

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

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

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

نبدأ الشرح 

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

 

والله ولي التوفيق 

والسلام عليكم

اكمل القراءة...

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

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

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

بسم الله والصلاة والسلام على رسول الله صلى الله عليه وسلم , الرحمة المهداة , وعلى من سار على هديه واستن بسنته الى يوم الدين , أما بعد , تدوينة جديدة تحت عنوان
شرح التعديل على 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/AVvXsEjXU7KdHZ8cdZJtggXAB0S6FyIBifj4upkpEmanfVW-E01jR8lk8DA43YMGcKB2J9vcHmlK-lmhwsPTIT9pezierAXK32A8vv-GD7oV61zXZSxXEAtPIGuZ2ky3ObMbx8CwzuuBleVPje0/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/AVvXsEjDy6BfLWPs4sBIZvhwAVo0Xk3NcFzaF1kr-yaz78V14h0TXNaw63UaHgGT1Ir5f2Qw_u7X5Szls-WRj_M0ctSktxnTUgv131p8Wd0lBH0nTR6SxVto01roIT5rEt9IOX0W-Sydclq08Fo/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/AVvXsEgXSKEfDXnFV3_8ojnP3sDWxz7rX9dQ8kmQjV2xGkJaWcbFKtEFITbP3IIQ9OcZ3FHeE9ROomns5X9vR5y6rnimWk-W4M_mneltKOynyNxLbg4kpyXngip7Jar_XG44P6hLu1zAbGRTWg0/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/AVvXsEhg4UFME2gc1UE7OYBNOds506xLl0Wj41QM3-iEak3nM6XOLhNk02CJXah8KYm_e8_iR1yt7JuuguCn4NPuhRKF55hz6YTViCdrQNjqlvwFyd29qpzOAtQoAk4GbtlZnDxPxeO6CU1kdIU/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/AVvXsEiuHapUo1inBjf2Ly1Mw7Fl0ul_LV8SFm61DJoplIQ6JWB9egc9N8LbFzRi2rImTeMtmRvsE3HSH_s2-LwaNqhUhMvO8TC6Y7pOAH0dWBQSJ17p8BSavHxvp72F4YZ0_NLXkNiUghynjJQ/s1600/5.jpg'/>
</div>

الآن قم بالتعديل على الكود السابق بما يناسب محتوى المواضيع التي تريد وضعها ,,
أرجو أن أكون وفقت في شرح الدرس ,, تم بحمد الله ..

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

اكمل القراءة...

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

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

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

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

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

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

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

اكمل القراءة...

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

بسم الله الرحمن الرحيم , والصلاة والسلام على أشرف المرسلين , سيد الخلق وحبيب الرب , سيدنا محمد وعلى آله وأصاحبه أجمعين , أما بعد , شرح تقسيم التصنيفات الى عمودين في مدونات بلوجر 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 , وسيتم إضافة الكود بنجاح إن شاء الله , وتنجح الطريقة .

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

اكمل القراءة...

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

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

" شرح إخفاء تاريخ الموضوع  ووقت نشره  وكاتبه لمدونات بلوجر "

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

ملحوظة : لا ننسى أن نأخذ نسخة إحتياطية من القالب الخاص بنا .

شرح إخفاء تاريخ الموضوع :

• بعد الدخول على لوحة التحكم ثم تصميم ثم تحرير ال Html , اختر توسيع القالب .
• ابحث عن هذا الكود 

<data:post.dateHeader/>

• قم بحذف من القالب واختر حفظ القالب .

طريقة أخرى :

• أو قم بالبحث عن هذا الكود

h2.date-header {margin:1.5em 0 .5em;}

• وقم باستبداله بهذا الكود 

h2.date-header {margin:1.5em 0 .5em;display:none;}

• ثم احفظ القالب .

شرح إخفاء وقت نشر الموضوع :

• قم بالبحث عن هذا الكود 

<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark'
title='permanent link'><abbr class='published'
expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>

• ثم قم بحذفه واضغط حفظ القالب .

شرح إخفاء كاتب الموضوع :

• ابحث عن هذا الكود 

<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>

• قم بحذ الكود وإضغط حفظ القالب . 

وللتأكد منأن الإضافة قد تم إزالتها نهائيا قم باتباع الآتي كما بالصور , من لوحة تحكم مدونتك

تم بحمد الله .. أخوكم : باســـم .

اكمل القراءة...