مدونة الشهاب: إظافات بلوجر

‏إظهار الرسائل ذات التسميات إظافات بلوجر. إظهار كافة الرسائل

منع سرقة مواضيع المدونة دون ذكر المصدر

من أغلب المشاكل التي يواجهها المدونون هي سرقة المواضيع و التدوينات الحصرية و المتعوب في كتابتها دون ذكر المصدر فهؤلاء لصوص المواضيع لا يقدرون جهد و عمل و تعب المدون، حيث في بعض الأحيان نجد من ينقل المواضيع و ينسبها لنفسه و تجد زواره يشكرونه عليه و على تعبه و تجده يرد عليهم بكل لباقة و أدب و يقول لهم "لا شكر على واجب" ! و الشيء الأكثر غرابة هو أنه يقول في آخر الموضوع "عند نقل الموضوع أرجو ذكر المصدر".....
لذلك حضرت لكم هذه الطريقة و التي ستعينكم بنسبة 80 بالمئة بحفظ حقوقكم و تعبكم على كتابة المواضيع و البحث عنها.حيث أن من يقوم بالنسخ من موقعك سينسخ بطريقة آلية الموضوع + المصدر.

اذهب إلى لوحة التحكم > القالب > و بواسطة ctrl + f ابحث عن هذا الوسم :

في أغلب القوالب نجد منه الكثير لذلك اختر الأول.
قم بنسخ و لصق الكود التالي أسفل الوسم السابق :

المصدر |
قم بحفظ القالب و ستعمل الإضافة ان شاء الله.

إظافة أداة "الإتصال بنا" الرسمية لمدونات بلوجر في الصفحات الثابتة

السلام عليكم و رحمة الله تعالى و بركاته، كلكم لاحظ الإظافة الجديدة لأدوات مدونات بلوجر و هي نموذج الإتصال بنا، أو الإتصال بصاحب المدونة. هذه الأداة كنا ننتظرها كثيرا لتغنينا عن استعمال مواقع أخرى مثل : EmailmeForm أو موقع Polldaddy المعروف.

ولكن في حقيقة الأمر لم تحل المشكلة كاملة بعد، و هذا لأن الأداة يمكنك اظافتها في الرئيسية فقط ! لأنك إذا أردت أن تقوم بإظافتها في صفحة ثابتة لن تستطيع لأنك ليس لديك كود الـ HTML الخاص بها.

معاينة

طريقة تركيب الأداة :

• قم بتسجيل الدخول إلى لوحة تحكم مدونتك.

• قم بانشاء صفحة فارغة كما في الصورة :

• قم بنسخ الكود التالي في الجزء المخصص للـHTML :من هنا مباشرة

• بعد ذلك قم بالدخول إلى لوحة تحكم المدونة > قالب > تحرير HTML ثم اختر عن هذاه الأداة كما في الصورة :

• الآن قم بالضغط على السهم (بجانب وسم الأداة) لتوسيع الأداة ، حيث سيظهر لك الكود التالي :

• احذف الوسم كاملا ماعدا الأحمر، الآن قم بحفظ القالب و هنيئا لك بالأداة الجديدة ! أي استفسار ضعه في تعليق و سأكون جد سعيد بالإجابة عليه :)

أسهل طريقة لتغيير شكل الماوس في بلوجر

السلام عليكم و رحمة الله تعالى و بركاته مرحبا بزوارنا و متابعينا الكرام في موضوع جديد على مدونة الشهاب حيث سنشرح فيه كيف نقوم بتغيير شكل الماوس أو الفأرة إلى عدة أشكال جذابة تزيد من جمالية و مظهر المدونة و زيها.
أولا اذهب إلى لوحة التحكم > القالب > تحرير HTML
باستعمال ctrl + F ابحث عن هذا الكود :
]]></b:skin>
ثم قبله مباشرة انسخ هذا الوسم :

body, a, a:hover {cursor: url(http://cursors3.totallyfreecursors.com/thumbnails/rainbow-ani3.gif ), progress;}

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

كيف تتحكم في عدد المواضيع داخل التصنيفات

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

www.al-chihab.blogspot.com/search/label/HTML

ولكن بعد تطبيق الطريقة سيتحول الرابط إلى هذا الشكل :

http://al-chihab.blogspot.com/search/label/HTML?max-results=7

الوسم المتغير هو ?max-results=7 و هو يعني عدد المواضيع فأنا مثلا إخترت 7 مثل الصفحة الرئيسية.

وللتحكم في عدد المواضيع يرجى اتباع الطريقة الآتية :

اذهب إلى لوحة التحكم في بلوجر > القالب > تحرير HTML .
باستعمال Ctrl + F قم بالبحث على الوسم التالي :

expr:href='data:label.url'

ثم غيره بهذا الكود

expr:href='data:label.url + "?max-results=7"'
و قم بتغيير الرقم 7 بالعدد الذي تريد ثم قم بالحقظ.

أطلق العنان لإبداعاتك و أنشئ مدونتك الربحية الأولى

السلام عليكم و رحمة الله تعالى و بركاته :
من منا لا يريد أن تكون مدونته ربحية أو أن تكون تدر له بمال معتبر، و أغلب الطرق الآن هي من الشركات الإعلانية و سنتناول اليوم Google Adsense. ففي بعض الأحيان تقدم طلبك فتجده مرفوضا لأسباب تجهلها و لكنك ان عرفتها تجدها بسيطة جدا و كان بإمكانك تفاديها، فبعض الحسابات المرفوضة لن تستطيع اعادة الطلب بواسطتها (البريد الإلكتروني و المدونات).لذا أحببت أن أقدم لكم اليوم بعض النصائح و الإجراءات التي وجب عليكم اتباعها قبل تقديم الطلب لتفادي الرفض :

أنشئ حسابا جديدا في Google :

ان كانت هذه المرة الأولى فاستعمل القديم، أو اذا كنت رفضت من قبل فأنشئ حسابا جديدا و غير اسمك قليلا ، مثلا : غير اسم Chiheb إلى Chihab فهذا مباح، و يجب أن تكون أكثر من 18 سنة و ان لم يكن فسجل باسم أحد من العائلة بجميع معلوماته.

أدخل إلى Blogger و أنشئ مدونة جديدة :

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

اختر زيا جذابا و مناسبا :

فمحركات البحث مثل Google تحب القوالب الجميلة و البسيطة وتنبذ تلك المعقدة و صعبة التصفح، تلك التي تكثرها الصور و الأدوات الغير مفيدة.يمكنك اختيار قالب يناسبك من خلال (الـ 100 قالب في هذا الموضوع من هنـــا).

اصنع شعارك الجذاب و المناسب للقالب :

بعد اختيار القالب المناسب و البسيط يجب عليك أن تصنع شعارك، وان لم تكن تتقن ذلك فأنا يمكنني ذلك (مـــن هنـــا).

أنشئ لمدونتك صفحات في مواقع التواصل الإجتماعية :

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

أظف مدونتك إلى الكثير من الدلائل العربية و الأجنبية :

عليك أن تبحث في محركات البحث عن دلائل تظيف إليها موقعك لتزيد عدد الزيارت و تقوي مدونتك في نتائج البحث.

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

لكي تصنع مدونة ربحية عليك أن تبدأ بكتابة المواضيع الحصرية و التي لا تجدها في مواقع أخرى، وحتى ان وجدت عليك أن تكتبها بصيغتك الخاصة و أن تنسى بأن لديك زرا أيمن للفأرة أو ctrl+c --- ctrl+v. فالمواضيع الحصرية تتأرشف بسرعة أما الأخرى فتتعطل قليلا وبذلك لا تكسب زوارا كثيرين من جوجل، فمحرك البحث جوجل هو المصدر الرئيسي لجلب الزوار لمدونات بلوجر بطبيعة الحال فهو أكبر محرك و تطبيق بلوجر تابع له.حاول أن تكون مصادر مواضيعك من مواقع أجنبية رسمية، فمثلا أنت ستكتب موضوعا عن هاتف ما عليك أن تزور موقعه الرسمي و تترجم الخبر و تصيغه صياغة صحيحة.يجب على الأقل أن يكون كل موضوع يحتوي صورة معبرة عن المقال التابع له.

دون أزيد من 30 موضوعا :

لكي تقبلك جوجل أدسنس يجب عليك أن تكتب أكثر من 30 تدوينة على الأقل، و لكن من الأفضل أن تكسب زوارا و معجبين و متابعين و على الأقل 100 تدوينة و تتحصل على أرشفة جيدة و ترتيب جيد ثم تقدم طلبك.

سجل مدونتك في الألكسا :

يجب عليك أن تقوم بإظافة موقعك إلى الألكسا لمعرفة الترتيب العالمي وعدد الباك لينكس و كذلك الترتيب في بلدك ( كيفية التسجيل من هنا) .

روج لموقعك :

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

و في الأخير قدم طلبك لجوجل أدسنس و بالتوفيق للجميع

أتمنى أن أكون قد وفقت في إيصال الرسالة، ولايمنعك شيء الآن من أن تقوم بمشاركة هذه المقالة مع أصدقائك لتعم الفائدة و بعيدا عن الإحتكار.

تهيئة موقعك لمحركات البحث بإظافة وصف المدونة و الكلمات المفتاحية

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

اذهب إلى لوحة التحكم > قالب > تحرير الـ HTML.
باستعمال Ctrl + F ابحث على <head>
و ألصق تخته هذا الكود وغير ما يجب تغييره:



<b:include data='blog' name='all-head-content'/>


<meta content='عنوان الموقعك' name='title'/>

<meta content='وصف  مدونتك' name='description'/>

<meta content='كلمات مفتاحية..بين كل كلمة فاصلة,...,..,.' name='keywords'/>

<meta content='إسم الموقع' name='Author'/>

<meta content='إيميل الموقع' name='Email'/>

<meta content='global' name='distribution'/>

<meta content='5 days' name='revisit'/>

<meta content='5 days' name='revisit-after'/>

<meta content='document' name='resource-type'/>

<meta content='all' name='audience'/>

<meta content='general' name='rating'/>

<meta content='all' name='robots'/>

<meta content='index, follow' name='robots'/>

<meta content='ar' name='language'/>

<meta content='إسم دولتك' name='country'/>

<meta content='blogger' name='generator'/>

<meta content='(c) 2013' name='copyright'/>

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

كيفية اظافة نموذج "اتصل بنا"

السلام عليكم و رحمة الله تعالى و بركاته :
الكثير من المواقع تحتوى صفحنة الإثصال بنا بشكل جذاب في صفحة مستقلة ، لذا سنشرح اليوم كيف نحصل عليها بطريقة سهلة و بسيطة من خلال موقع Email Me Form.

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

نلاحظ أنه لدينا الكثير من الإظافات نضيف ما نريد و نضغط Save form :

نختار نوع الكود الذي نريد إظافته و أغلبها فعالة ثم ننسخه :

الآن نذهب إلى لوحة تحكم بلوجر و نقوم بإنشاء صفحة جديدة فارغة .

نذهب إلى تحرير الـ HTML وننسخ الكود و نحفظ الصفحة.

ان كانت لديكم استفسارات يمكنكم ادراجها داخل تعليق.

إظافة أداة التبادل الإعلاني لمدونات بلوجر

كنا قد وعدناكم في التدوينة السابقة (ما هو البيج رانك و كيفية زيادته) بإعطائكم كود HTML لأداة التبادل الإعلاني وقد قلنا بأنها مفيدة للمدونات و المواقع و زيادة الباك لينكس و تحسين البيج رانك.

لإظافة الأداة اذهب إلى : لوحة التحكم > التخطيط > إظافة أداة HTML/Java Script و ألصق الكود التالي :

نلاحظ أن الكود مقسم إلى أربع أقسام كل قسم يحوي مكان لإعلان بمقاس 125x125 .
غير ما كتب بالأحمر إلى رابط الموقع المتبادل معك ، وما كتب بالأزرق إلى رابط صورته ( Gif,jpg,jpeg,png..... )
يمكنك زيادة عدد الإعلانات بزيادة الوحدات (السطرين)

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

احصل على أدوات مميزة لإحصاءات مدونتك

السلام عليكم و رحمة الله تعالى و بركاته :
يحب الجميع أن تكون مدونتهم في أبهى حلة عندما نتكلم عن الزي بعيدا عن المحتوى، و هناك أدوات و إظافات كثيرة و متعددة لكل منها عملها و مهمتها الخاصة و كلها تزيد القالب جمالا.
و اليوم أحببت أن أطرح إليكم موقعا يزودك بعدة اظافات لإحصاءات موقعك جذابة و رائعة ويعطيك حق الاختيار. الإحصاءات متمثلة في احصاءات الألكسا كاملة و اليج رانك و احصاءات المحركات الأخرى كالياهو و غيره. أكيد نحن نتكلم عن موقع Rank Widget الذي لا يعرفه الكثيرون. وللحصول على أحد هذه الأداوت كل ماعليك هو الدخول إلى الموقع مــــن هنــــا ثم أضف رابط موقعك كما في الصورة التالية و اختر نوع الإحصاءات و اضغط على Get Rank.

بعد أن تقوم بالنقر على Get Rank و تختار نوع الإحصائيات، ستذهب إلى صفحة أخرى تظهر لك بها الأدوات في عدة أشكال مختلفة و كل واحدة و الكود الخاص بها أمامها ، انسخ الكود الذي تريد و ضعه داخل أداة HTML/JAVA SCRIPT و احفظها كما في الصورة.

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

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

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

أولا اذهب إلى لوحة التحكم > إعدادات > تفضيلات البحث > ثم اضغط تحرير في العلامات الوصفية كما في الصور

ضع وصف لمدونتك.
احفظ ، ثم عند كتابة تدوينة ستجد في يسار الشاشة عنوان جديد " وصف البحث " تكتب في وصف للتدوينة أو كلمات مفتاحية كما في الصورة :

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

هدية : قالب مدونة الشهاب السابق مجانا

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

إظافة أداة المشاركات الشائعة بألوان مختلفة

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

اذهب إلى لوحة التحكم > القالب > تحرير الـHTML.
اضغط على Ctrl + F
ابحث علـــــى هذا الكــود :

*/ variable difinitions

أو هذا ان لم تجد السابق :

]]></b:skin>

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

ابحث عن هذا الوسم ]]></b:skin> و ألصق فوقه هذا الكود :

#PopularPosts1 ul{margin:0;padding:5px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:5px 0;border:0;padding:10px}
#PopularPosts1 ul li:first-child{background:$(PopularPosts.background.color1);width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul li:first-child + li{background:$(PopularPosts.background.color2);width:85%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child + li + li{background:$(PopularPosts.background.color3);width:80%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li + li + li{background:$(PopularPosts.background.color4);width:75%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:$(PopularPosts.background.color5);width:70%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child:after,#PopularPosts1 ul li:first-child + li:after,#PopularPosts1 ul li:first-child + li + li:after,#PopularPosts1 ul li:first-child + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li:after{position:absolute;top:20px;right:-15px;border-radius:50%;background:#353535;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:40px;height:40px}
#PopularPosts1 ul li a{font-size:12px;color:#444;text-decoration:none}
#PopularPosts1 ul li a:hover{color:#222;text-decoration:none}

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

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>

احذفه و كل ما أسفله حتى تصل إلى </b:widget>
يعني أنت ستحذف كل المكتوب باللون الأسود :

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == "false"'>
          <b:if cond='data:showSnippets == "false"'>
            
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == "false"'>
            
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

و استبدله بهذا الكود :

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
   <b:if cond='data:title'>
    <h2><data:title/></h2>
   </b:if>
   <div class='widget-content popular-posts'>
    <ul>
     <b:loop values='data:posts' var='post'>
      <li>
       <b:if cond='data:showThumbnails == "false"'>
        <b:if cond='data:showSnippets == "false"'>
         <a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a>
        <b:else/>
         <a expr:href='data:post.href' expr:title='data:post.snippet' rel='bookmark'><data:post.title/></a>
        </b:if>
       <b:else/>
        <b:if cond='data:showSnippets == "false"'>
         <b:if cond='data:post.thumbnail'>
          <img class='item-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnail'/>
         <b:else/>
          <img alt='no image' class='item-thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBHjHRBNbGgbpESKKvIM87BaA-kH2xRwk7R65VW6wRE6bznwW-xvsMdV5dWEbSsvHsQdU70XihSaORoO77cjsRVjjhYauoua6820f1rglCukNhIalx0R6lReQqPMnUD_Hygp7Er_EYKAI/s1600/default.jpg'/>
         </b:if>
         <a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a>
         <div class='clear'/>
        <b:else/>
         <b:if cond='data:post.thumbnail'>
          <img class='item-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnail'/>
         <b:else/>
          <img alt='no image' class='item-thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBHjHRBNbGgbpESKKvIM87BaA-kH2xRwk7R65VW6wRE6bznwW-xvsMdV5dWEbSsvHsQdU70XihSaORoO77cjsRVjjhYauoua6820f1rglCukNhIalx0R6lReQqPMnUD_Hygp7Er_EYKAI/s1600/default.jpg'/>
         </b:if>
         <a expr:href='data:post.href' expr:title='data:post.snippet' rel='bookmark'><data:post.title/></a>
         <div class='clear'/>
        </b:if>
       </b:if>
      </li>
     </b:loop>
    </ul>
   </div>
</b:includable>
</b:widget>

احفظ القالب.

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

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

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

اذهب إلى كتابة موضوع جديد ، فالأحسن أن تضعه داخل موضوع.
اذهب إلى تحرير الـ HTML.
ألصق هذا الكود :

<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<h2>
<u><span style="color: red;">خريطة الموقع :</span></u></h2>
<div>
<u><span style="color: red;"><br /></span></u></div>
</div>
<div dir="rtl" style="text-align: right;">
</div>
<script src="http://sites.google.com/site/mohamedabuiyad/sitmapblogger/sitmapabuiyad.js"></script>
<script src="http://myWebSit.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>

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

ان واجهتم أية مشاكل فلاتترددوا في ترك تعليق.

الحلقة 28 : HTML1 : أساسيات لغة الـ HTML

مرحبا بكم في حلقة جديدة، كيف حالكم زوار مدونتنا، اذا بعد أن أطلقنا دورة احترف بلوجر ، عزمنا على اطلاق المزيد من الدورات ، وكان الحال هذه المرة على دورة تعليم أساسيات لغة الـ HTML ، بالطبع إنها اللغة المستعملة في منصة بلوجر و المستعملة بكثرة في تصميبم المواقع و القوالب و السكربتات لجميع أنواع المواقع،لذا عمدت إلى تقديم دروس خاصة بها، تهدف إلى تعليم التعامل معها داخل بلوجر وغيرها من المواقع، وكان هذا طبعا بعد الكثير من الأسئلة من الزملاء، فالدورات و الدروس طبعا لا تأتي هكذا بل منكم أنتم، و هنا لكي تعرفوا قيمتكم و قيمة أسئلتكم و استفساراتكم.
المهم، اليوم سأستخدم في الشرح موقعا أجنبيا لتسهيل المهمة عليكم، سنبدأ أولا بلغة الـ HTML لذا سيكون درسنا اليوم مدخلا لها و ستلحقها دروس أخرى في لغات : CSS 1,2,3 ، JavaScript ، HTML5، ..... وغيرها من لغات التصميم.
لكي لا نطيل عليكم نترككم مع الشرح. وسأكون سعيدا بالإجابة على أسئلتكم .

إظافة أداة آخر المواضيع لبلوجر منزلقة و جذابة

var numposts = 25

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

اذهب إلى التخطيـــــــــــــــيط
اختر المكان المناسب لك لإظافة الأداة.
اظغط على ' أضف أداة '.
ابحث على HTML/JAVA Script و انقر عليها.
ألصق هذا الكود و غير ما يجب تغييره، و احذف ما كتب بالأحمر :

<script type="text/javascript"> jQuery.noConflict(); </script> <style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0;float:left;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script src="http://glitter-text.googlecode.com/files/recentpostticker.js"></script> <script src="http://glitter-text.googlecode.com/files/recentpostswiththumbnailsv3.js"></script> <script> var numposts = 25 عدد المواضيع التي تريدها أن تنزلق; var showpostthumbnails = true; var displaymore = false; var displayseparator = false; var showcommentnum = false; var showpostdate = false; var showpostsummary = false; var numchars = 100; jQuery(document).ready(function($) {$('#sai').vTicker({ speed: 500, pause: 3000, showItems: 9,

العدد 9 يعني عدد المواضيع في الأداة

animation: 'fade', mousePause: false, height: 0, direction: 'down' });}); </script> <br /> <div id="sai"> <script src="http://رابط مدونتك/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script> </div>

var numposts = 25 = يعني العدد الكلي للمواضيع التي تظهر..
showItems: 9 = يعني عدد المواضيع التي تظهر .

منع سرقة مواضيع المدونة دون ذكر المصدر