مدونة شروحات البلوغر

طريقة إضافة skype emoticons في البلوقر

noreply@blogger.com (الياس) — Fri, 3 Sep 2010 17:18:00 +0100

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

إتجه إلى لوحة التحكم >> تصميم >> تحرير Html , قم بتوسيع القالب و إبحث عن التالي :

ضع تحته هذا الكود :

بعدها إعمل حفظ , مبرووك تم التركيب بنجاح.

إنشاء صفحة على الفايسبوك و وضع صندوق المعجبين في المدونة

noreply@blogger.com (الياس) — Wed, 25 Aug 2010 12:38:00 +0100

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

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

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

تغيير الصورة الخاصة بالصفحة .
كتابة معلومات ( info ) عن الصفحة كرابط المدونة و معلومات عن صاحبها.
نشر كلمات ترحيب مثلا .

لإنشاء صندوق المعجبين الذي سنضعه في العمود الجانبي للمدونة يلزمنا كود لا غير :

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

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

تحديثات حسابك في تويتر على مدونتك بلوقر

noreply@blogger.com (الياس) — Fri, 23 Apr 2010 12:10:00 +0100

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

أولا قم بالدخول إلى لوحة التحكم و من ثم التخطيط و بعدها أضف أداة و إختر Html/java .
قم بنسخ هذا الكود و ألصقه و إكتب عنوان الإضافة كا "إتبعني على تويتر" و إعمل حفظ.
الكود:

<div id="twitter_div">
<ul id="twitter_update_list"></ul>
<a target="_blank" rel="nofollow" href="http://twitter.com/Hilyes" id="twitter-link">Suivez moi sur Twitter</a>
</div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/Hilyes.json?callback=twitterCallback2&count=5"></script>

قم بتغيير كلمة Hilyes من الكود لإسم حسابك في تويتر و الكلمة موجودة مرتين.
قم بتغيير العدد 5 فهو عدد تحديثات التي ستظهر.

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

قالب Choas معرب لمدونات البلوقر

noreply@blogger.com (الياس) — Fri, 2 Apr 2010 14:28:00 +0100

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

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

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

الأشياء الواجب تعديلها:
-تغيير أدوات العمود الجانبي.
-تعديل الأزرار العرضية.

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

تحميل القالب:تستطيع تحميل القالب من خلال زيارتك لهذا الرابط المباشر : تحميل.
طريقة التركيب: لوحة التحكم ثم التخطيط ثم تحرير Html و تضغط على parcourir و تختار القالب من حاسوبك و تضغط على إيداع و إضغط على زر حفظ.

أي نقص في تعريب أو نقد فلا تتردد بإهدائه عبر التعليقات.

كود لإضافة زر الإنتقال السريع لبلوغر/الووردبريس

noreply@blogger.com (الياس) — Fri, 2 Apr 2010 12:04:00 +0100

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

أولا : نتوجه إلى التخطيط ثم أضف أداة فنختار Html/javascript .
ثانيا : نضع هذا الكود و نعمل حفظ.
الكود :

سيظهر الكود في أسقل الصفحة و يتبعك أينما ذهبت و تستطيع رؤية النتيجة في مدونتي هذه.
إذا أردت تغيير شكل السهم , فإستبدل رابط الصورة التالي برابط الصورة التي تريدها:
http://img119.imageshack.us/img119/8589/arrowupcx2.gif

شكرا لك على وقتك , دمت بخير.

كود محرك البحث الخاص بمدونتك لبلوقر/الووردبريس

noreply@blogger.com (الياس) — Fri, 2 Apr 2010 11:25:00 +0100

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

أولا : إذهب إلى التخطيط ثم إضافة أدة ثم إختر html , java scripts .
ثانيا : ضع هذا الكود و ضع العنوان مثلا : إبحث و قم بعمل حفظ.
الكود :

الأن تستطيع تغيير كلمة go بأي كلمة تريدها مثلا : البحث .

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

noreply@blogger.com (الياس) — Fri, 2 Apr 2010 11:10:00 +0100

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

أولا : إدخل للموقع من خلال هذه الوصلة.
ثانيا : ستظهر لك الصفحة مقسمة إلى شطرين :
الشطر الأول:
إختر مقاس المربع الذي تريده و من المفضل إختيار 125 في 125 .
الشطر الثاني:إختر منطقتك (البلد) و إضغط على Search .
بعدها إختر من القائمة المنسدلة منطقتك (ولايتك) أيضا و إضغط على go.
بعدها إختر مدينتك من القائمة المنسدلة.
بعدها إختر نوع المقياس , من المفضل إختيار فهرنهايت.
أكد على الشروط و إضغط على get و ستنقلك إلى هذه الصفحة :

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

قالب Community معرب لمدونات بلوقر

noreply@blogger.com (الياس) — Tue, 30 Mar 2010 06:12:00 +0100

قالب Community معرب بسيط و أنيق , يحتوي على عمود واحد على اليمين و هيدر يدل على الإتصال و المواصلات كما يدل على الربح من الأنترنت بإضافة إلى خلفية بيضاء واسعة مريحة للكتابة و القراءة.نبدأ بمعاينة القالب قبل التعريب: من هنا.

معاينة القالب بعد التعريب: من هنا.

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

مميزات القالب:

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

-يدعم الإعلانات الربحية أدسنس.

-خلفية بيضاء واسعة مريحة للكتابة.

-عمود على اليمين جذاب.

-متوافق مع معظم المتصفحات.

-أزرار عرضية سهلة التعديل.

-خاصية البحث مركبة في الهيدر.

الأشياء الواجب تعديلها:

-تغيير أدوات العمود الجانبي.

-تعديل الأزرار العرضية.

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

تحميل القالب:تستطيع تحميل القالب من خلال زيارتك لهذا الرابط المباشر : تحميل فإذا أردت تحميل القالب معرب بدون أزرار عرضية تستطيع ذلك من خلال تحميل .

طريقة التركيب: لوحة التحكم ثم التخطيط ثم تحرير Html و تضغط على parcourir و تختار القالب من حاسوبك و تضغط على إيداع و إضغط على زر حفظ.

أي نقص في تعريب أو نقد فلا تتردد بإهدائه عبر التعليقات.

طريقة إضاقة أيقونة Reddit تحت كل مقالة في بلوقر

noreply@blogger.com (الياس) — Mon, 22 Mar 2010 13:44:00 +0100

بعد زر google Buzz و الشريط الذي يحتوي على عدة مواقع إجتماعية , جاء الدور على Reddit , و سأشرح طريقة بسيطة و سريعة لكيفية إضافة هذا الزر تحت كل مقالة , تابع الموضوع إن كنت مهتما.

أهمية الإضافة:
-بإضافتها تتيح لزائر نشر مقالاتك في Reddit بكل سهولة.
-تزيد من جمال مدونتك.

معلومات عن الشرح :
-مدة التي تحتاجها : أقل من 6 دقائق.
-الخبرة التي تحتاجها:لا تتطلب منك خبرة .
-ماذا نحتاج : لا تحتاج أي شىء.
-هل الخدمة مجانية:نعم الخدمة مجانية تماما.
-هل تحتاج تحميل:لا تحتاج.

نبدأ على بركة الله :أولا نذهب إلى التخطيط ثم تحرير Html و نقوم بتوسيع القالب نبحث عن هذا الكود من خلال CTRL + F:

<data:post.body/>

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

أو هذا :

أو هذا:

و إعمل حفظ , أشكرك على وقتك , إلى اللقاء.

قالب simple Box معرب لمدونات البلوقر

noreply@blogger.com (الياس) — Sat, 20 Mar 2010 11:05:00 +0100

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

نبدأ بمعاينة القالب قبل التعريب: من هنا.
معاينة القالب بعد التعريب: من هنا.

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

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

الأشياء الواجب تعديلها:
-تغيير أدوات العمود الجانبي.
-تعديل الأزرار العرضية.

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

تحميل القالب:
تستطيع تحميل القالب من خلال زيارتك لهذا الرابط المباشر : تحميل

طريقة التركيب: لوحة التحكم ثم التخطيط ثم تحرير Html و تضغط على parcourir و تختار القالب من حاسوبك و تضغط على إيداع و إضغط على زر حفظ.

أي نقص في تعريب أو نقد فلا تتردد بإهدائه عبر التعليقات.

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

noreply@blogger.com (الياس) — Sun, 14 Mar 2010 19:34:00 +0100

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

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

معلومات عن الشرح :
-مدة التي تحتاجها : أقل من 6 دقائق.
-الخبرة التي تحتاجها:لا تتطلب منك خبرة .
-ماذا نحتاج : لا تحتاج أي شىء.
-هل الخدمة مجانية:نعم الخدمة مجانية تماما.
-هل تحتاج تحميل:لا تحتاج.

نبدأ على بركة الله :
أولا نذهب إلى التخطيط ثم تحرير Html و نقوم بتوسيع القالب
نبحث عن هذا الكود من خلال CTRL + F:

</head>

و نضيف هذا قبله أي فوقه :

<style type='text/css'>
div.beauty-bookmarks {
height:54px;
background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat left bottom;
position:relative;
width:540px;
}

div.beauty-bookmarks span.beauty-rightside {
width:17px;
height:54px;
background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat right bottom;
position:absolute;
right:-17px;
}

div.beauty-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}

div.beauty-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}

div.beauty-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;
}

.beauty-furl, .beauty-furl:hover, .beauty-digg, .beauty-digg:hover, .beauty-reddit, .beauty-reddit:hover, .beauty-stumble, .beauty-stumble:hover, .beauty-delicious, .beauty-delicious:hover, .beauty-yahoo, .beauty-yahoo:hover, .beauty-blinklist, .beauty-blinklist:hover, .beauty-technorati, .beauty-technorati:hover, .beauty-facebook, .beauty-facebook:hover, .beauty-twitter, .beauty-twitter:hover, .beauty-myspace, .beauty-myspace:hover, .beauty-mixx, .beauty-mixx:hover, .beauty-script-style, .beauty-script-style:hover, .beauty-designfloat, .beauty-designfloat:hover, .beauty-syndicate, .beauty-syndicate:hover, .beauty-email, .beauty-email:hover {
background:url('http://i44.tinypic.com/1znbj83.png') no-repeat !important;
}

.beauty-furl {
background-position:-300px top !important;
}
.beauty-furl:hover {
background-position:-300px bottom !important;
}
.beauty-digg {
background-position:-500px top !important;
}
.beauty-digg:hover {
background-position:-500px bottom !important;
}
.beauty-reddit {
background-position:-100px top !important;
}
.beauty-reddit:hover {
background-position:-100px bottom !important;
}
.beauty-stumble {
background-position:-50px top !important;
}
.beauty-stumble:hover {
background-position:-50px bottom !important;
}
.beauty-delicious {
background-position:left top !important;
}
.beauty-delicious:hover {
background-position:left bottom !important;
}
.beauty-yahoo {
background-position:-650px top !important;
}
.beauty-yahoo:hover {
background-position:-650px bottom !important;
}
.beauty-blinklist {
background-position:-600px top !important;
}
.beauty-blinklist:hover {
background-position:-600px bottom !important;
}
.beauty-technorati {
background-position:-700px top !important;
}
.beauty-technorati:hover {
background-position:-700px bottom !important;
}
.beauty-myspace {
background-position:-200px top !important;
}
.beauty-myspace:hover {
background-position:-200px bottom !important;
}
.beauty-twitter {
background-position:-350px top !important;
}
.beauty-twitter:hover {
background-position:-350px bottom !important;
}
.beauty-facebook {
background-position:-450px top !important;
}
.beauty-facebook:hover {
background-position:-450px bottom !important;
}
.beauty-mixx {
background-position:-250px top !important;
}
.beauty-mixx:hover {
background-position:-250px bottom !important;
}
.beauty-script-style {
background-position:-400px top !important;
}
.beauty-script-style:hover {
background-position:-400px bottom !important;
}
.beauty-designfloat {
background-position:-550px top !important;
}
.beauty-designfloat:hover {
background-position:-550px bottom !important;
}
.beauty-syndicate {
background-position:-150px top !important;
}
.beauty-syndicate:hover {
background-position:-150px bottom !important;
}
.beauty-email {
background-position:-753px top !important;
}
.beauty-email:hover {
background-position:-753px bottom !important;
}

</style>

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

<data:post.body/>

نضيف هذا الكود بعده أي تحته:

<b:if cond='data:blog.pageType == "item"'>
<div class='beauty-bookmarks'>
<ul class='socials'>
<li class='beauty-delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='beauty-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='beauty-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='beauty-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='beauty-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='beauty-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='beauty-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='beauty-twitter'><a expr:href='"http://twitter.com/home/?status=Chk Out-" + data:post.title + " " + data:post.url' target='_blank'/></li>
<li class='beauty-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='beauty-syndicate'><a href='http://feeds.feedburner.com/Editblogspot' title='Subscribe to RSS'/></li>
<li class='beauty-email'><a expr:href='" mailto:?subject=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
</ul>
<span class='beauty-rightside'/></div>
</b:if>

و نعمل حفظ و نذهب لرؤية النتيجة و هذه الخدمة أستعملها في مدونتي هذه.

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

أتمنى أن تكون قد إستفدت من الشرح البسيط.

إضافة أيقونة غووغل Buzz أمام كل مقالة في بلوغر

noreply@blogger.com (الياس) — Sun, 14 Mar 2010 12:17:00 +0100

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

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

معلومات عن الشرح :
-مدة التي تحتاجها : أقل من 6 دقائق.
-الخبرة التي تحتاجها:لا تتطلب منك خبرة .
-ماذا نحتاج : لا تحتاج أي شىء.
-هل الخدمة مجانية:نعم الخدمة مجانية تماما.
-هل تحتاج تحميل:لا تحتاج.

نبدأ على بركة الله :
أولا نذهب إلى التخطيط ثم تحرير Html و نقوم بتوسيع القالب
نبحث عن هذا الكود من خلال CTRL + F:

ثانيا نضع هذا الكود بعد الكود السابق :

<a expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&title=" + data:post.title + "&srcTitle=" + data:blog.title' target='_blank'><div style='border:0px !important;text-align:left;margin-top:-42px;'><img alt='Buzz It' src='http://i46.tinypic.com/121wg9e.jpg'/></div></a>

و بعدها نعمل معاينة , إذا كانت النتيجة طيبة نعمل حفظ للقالب .

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

شكرا لك على قراءة المقالة و دمت بخير.

طريقة وضع كلمات من إختيارك في رابط المقالة

noreply@blogger.com (الياس) — Sun, 14 Mar 2010 11:47:00 +0100

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

بعد أن نكتب المقالة و نقوم بتنسيقها , نضع عنوان المقالة و نضع الكلمات التي نريدها أن تكون في الرابط لكن يجب أن تكون كلمات أجنبية 100 بالمئة و نقوم بعدها بإرسال المقالة و لكن بعد لحظات من إرسالها نعمل لها تحرير و نكتب العنوان الأصلي للمقالة و بهذا الشكل سيتغير الرابط كما هو موضوح في المثال التالي :
مثلا إذا تحدثنا عن طريقة إنشاء مدونة بلوقر و نريد أن يكون الرابط على هذا الشكل blogger.html بدلا من تاريخ إرسال المقالة فنكتب العنوان كالتالي : طريقة إنشاء مدونة بلوقر Blogger و نرسل المقالة و بعدها بلحظات نعمل تحرير المقالة و نغير العنوان إلى طريقة إنشاء مدونة بلوقر و نعمل إرسال و بهذا الشكل فالرابط يبقى كما هو مركب بكلمات من إختيارنا.
و كمثال أخر شاهد التالي:
http://yesword.blogspot.com/2010/03/traducteur.html
نلاحظ أن كلمة Traducteur موجود في تركيبة الرابط لكنها غير موجود في العنوان .
http://yesword.blogspot.com/2009/11/blog-post.html
نلاحظ في هذا الرابط أن الرابط يحتوي على تاريخ إرسال المقالة و هذا ما لا نريده .

أتمنى أن يكون الشرح مفهوم , بالتوفيق لكم و أي إستفسارات أنا هنا.

أداة ترجمة المدونة من العربية إلى لغات عدة لبلوغر

noreply@blogger.com (الياس) — Mon, 8 Mar 2010 09:23:00 +0100

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

أهمية الإضافة:
-بإضافتها تصبح مدونتك متاحة على عدة لغات.

معلومات عن الشرح :
-مدة التي تحتاجها : أقل من 6 دقائق.
-الخبرة التي تحتاجها:لا تتطلب منك خبرة .
-ماذا نحتاج :أيقونة بالصيغ التالية : لا تحتاج أي شىء.
-هل الخدمة مجانية:نعم الخدمة مجانية تماما.
-هل تحتاج تحميل:لا تحتاج.

الأن ندخل للدرس مباشرة:
أولا : قم بالذهاب إلى التخطيط ثم أضف أداة بعدها قم بإختيار "إضافة وظيفة طرف ثالث Java/Html
و بعدها أضف هذا الكود إليها و إختر عنوانا لها :

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

قالب AntiLine معرب

noreply@blogger.com (Unknown) — Sat, 30 Jan 2010 15:35:00 +0100

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

معاينة القالب: من هنا

مميزات القالب:

- خلفية بيضاء، وصورة رمادية ثابتة في الخلفية.

- أيقونة الاشتراك في خلاصات التدوينات والمواضيع (RSS) في مكان ظاهر من المدونة.
- قابلية إضافة المزيد من الإضافات.

الأشياء الواجب تعديلها:

- تغيير الأزرار العلوية.

الحقوق: حقوق التصميم محفوظة لأصحابه، وحقوق التعريب محفوظة لي أنا فالرجاء عدم حذفها من أسفل الصفحة.

تحميل القالب: من هنا

طريقة التركيب: لوحة التحكم ثم التخطيط ثم تحرير Html و تضغط على parcourir (أو browse) و تختار القالب من حاسوبك و تضغط على إيداع و إضغط على زر حفظ.

إذا واجهتكم أي مشكلة مع القالب الرجاء إبلاغنا.

غير أيقونة مدونتك و تعلم كيف تصنعها Blogger Favicon

noreply@blogger.com (الياس) — Sat, 9 Jan 2010 14:00:00 +0100

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

أهمية تغيير الأيقونة:
-مظهر الرابط.
-تلبية ذوق المدون.
-تعبير عن تخصص مدونتك.

معلومات عن الشرح :
-مدة التي تحتاجها : أقل من 6 دقائق.
-الخبرة التي تحتاجها:لا تتطلب منك خبرة لكن التركيز لان الدرس يحتوي على أكواد .
-ماذا نحتاج :أيقونة بالصيغ التالية : PNG , ICO.
-هل الخدمة مجانية:نعم الخدمة مجانية تماما.
-هل تحتاج تحميل:لا تحتاج.

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

<head>

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

و تعمل حفظ و لكي ترى مثال ما عليك إلا بنظر بجانب الرابط في مدونتي هذه و ستجد شعار بلوغر و لتغييره في مدونتك إختر صورة بالصيغة Ico و قم برفعها إلى إحدى مراكز رفع الصور و نسخ رابطها و لصقه في مكان هذا الرابط في الكود طبعا:http://bsaves.com/HowHero/Blogger%20Templates/moonspot/images/favicon.ico rel='shortcut icon' type='image/vnd.microsoft.icon'
و إذا كنت تملك صورة بالصيغة Png فما عليك إلا تغيير كلمة Icon في الكود إلى Png و إستبدال الرابط السابق ذكره.
أو إذا كنت تملك صورة بصيغ أخرى ما عليك إلا تحويلها إلى ico من خلال هذا الموقع.

أتمنى أن تكونوا قد إستفدتم , دمت في حفظ الله.

إضافة القائمة البريدية لمدونات البلوغر من FeedBurner Google

noreply@blogger.com (الياس) — Thu, 7 Jan 2010 14:20:00 +0100

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

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

معلومات عن الشرح :

-مدة التي تحتاجها : ما بين 8 و 14 دقيقة.
-الخبرة التي تحتاجها:تحتاج منك القليل من التركيز .
-ماذا نحتاج :لا تحتاج لأي شىء.
-هل الخدمة مجانية:نعم الخدمة مجانية تماما.

-هل تحتاج تحميل:لا تحتاج.

أولا:إضغط على هذا الرابط FeedBurner .
ستصادفك هذه الواجهة إملإ البيانات كما هو موضح في هذه الصورة:

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

بعدها ستظهر لك الصفحة التالية في أول خانة إختر إسم حسابك و في ثانية إختر كلمة التي ستظهر بعد علامة / في الرابط كما هو موضح في الصورة التالية:

إضغط على Next سيقول ك مبروووك ,بعدها إختر Skip الموجودة بجانب Next لتخطي الخطوات التالية لأننا لسنا بحاجة إليها.

بعدها قم بالذهاب إلى لوحة التحكم الخاصة بمدونتك - التخطيط - إضافة أداة - خاصية إضافة شفرات Html و قم بنسخ الكود التالي فيها مع تغيير كلمة editblogspot بإسم حسابك الذي وضعته من قبل و إضغط على حفظ.

<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=editblogspot', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="editblogspot" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" /><p>Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a></p></form>

لإضافة عداد للإيميلات نقوم بنفس الخطوات لكن لا نضع الكود السابق بل نضع الكود التالي مع تغيير كلمة editblogspot بكلمة التي إخترتها سابقا:

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

قالب Pearl معرب

noreply@blogger.com (Unknown) — Tue, 5 Jan 2010 21:18:00 +0100

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

معاينة القالب: من هنا

مميزات القالب:

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

الأشياء الواجب تعديلها:
- تغيير أدوات العمود الجانبي.
- تغيير الأزرار العلوية.

الحقوق: حقوق التصميم محفوظة لأصحابه، وحقوق التعريب محفوظة لي أنا فالرجاء عدم حذفها من أسفل الصفحة.

تحميل القالب: من هنا

طريقة التركيب: لوحة التحكم ثم التخطيط ثم تحرير Html و تضغط على parcourir و تختار القالب من حاسوبك و تضغط على إيداع و إضغط على زر حفظ.

إذا واجهتكم أي مشكلة مع القالب الرجاء إبلاغنا.

قالب Tech News معرب لمدونات البلوغر

noreply@blogger.com (الياس) — Tue, 5 Jan 2010 15:12:00 +0100

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

نبدأ بمعاينة القالب قبل التعريب: من هنا.
معاينة القالب بعد التعريب: من هنا.

قمت بتغيير إتجاه النصوص و عناوين و قمت بتغيير خطوط القالب لكي تتناسب مع اللغة العربية و تركت الألوان كما هي لكي يحدث الإنسجام.

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

-أزرار عرضية سهلة التعديل.

الأشياء الواجب تعديلها:
-تغيير أدوات العمود الجانبي.

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

أي نقص في تعريب أو نقد فلا تتردد بإهدائه عبر التعليقات.

طريقة إنشاء خريطة غووغل لمدونات البلوغرSite Map Google

noreply@blogger.com (الياس) — Sat, 2 Jan 2010 16:55:00 +0100

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

أهمية الإضافة:

-ترفع البايج رانك.

-توطد علاقة مدونتك مع غووغل.

-تسريع الأرشفة.

-تحسن ترتيبك في أليكسا.

معلومات عن الشرح :
-مدة التي تحتاجها : ما بين 8 و 14 دقيقة.

-الخبرة التي تحتاجها:تحتاج منك القليل من التركيز .

-ماذا نحتاج :لا تحتاج لأي شىء.

-هل الخدمة مجانية:نعم الخدمة مجانية تماما.
-هل تحتاج تحميل:لا تحتاج.

نبدأ مع الشرح بإسم الله :

أولا:إذهب الى التخطيط إلى موقع أدوات المشرفين من خلال Webmasters .

و إملإ البيانات كما هو موضح في هذه الصورة:

بعد الضغط على continue ستظهر هذه الصورة التي تحتوي على كود Meta Tag

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

<head>

و ضع بعدها كود Meta Tag و إضغط على حفظ و لترى مثال :

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

ضع في مكان الفارغ Atom.xml و إضغط submit ستظهر لك هذه الصفحة:

الأن أنهينا و ما عليك إلا إنتظار بعض الدقائق حتى يتم التعرف على مدونتك و أحييك على صبرك و أقول لك مبرووك الصداقة التي أنشأتها مع غووغل .

طريقة إضافة مدونتي/موقعي لمحرك البحث Bing

noreply@blogger.com (الياس) — Sat, 2 Jan 2010 15:58:00 +0100

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

أهمية إضافة مدونتك لBing:

-الحصول على الزوار خاصة الأعاجم.

-تحسين ترتيبك في أليكسا.

-رفع عدد الباك لينكس.

نبدأ الشرح بصلاة على نبينا:

أولا ندخل إلى هذا الرابط Bing

و بعدها نملإ البيانات كما هو موضح في هذه الصورة:

و نضغط على الزر Suggerer une URL

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

خاصية مواضيع ذات صلة مع الصور related posts with thumbnails

noreply@blogger.com (Unknown) — Fri, 1 Jan 2010 21:34:00 +0100

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

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

معلومات عن الشرح:
- مدة التي تحتاجها : 3 دقائق على الأكثر.
- الخبرة التي تحتاجها: تحتاج منك القليل من التركيز .
- ماذا نحتاج: لا تحتاج لأي شىء.
- هل الخدمة مجانية: نعم الخدمة مجانية تماما.
- هل تحتاج تحميل: لا تحتاج.

الشرح:

أولا: إذهب الى التخطيط ثم تحرير HTML
ثانيا: قم بحفظ و توسيع القالب بوضع علامة على خانة توسيع محتويات القالب الخاص بك.
ثالثا: قم بالبحث عن الكلمة التالية باستعمال ctrl+f

</head>

أضف الكود الآتي قبلها مباشرة

<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts  a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End—>

ثم ابحث عن أحد الكودين التاليين (بعض القوالب تستخدم الكود الأول والأخرى تستخدم الثاني)

<div class='post-footer-line post-footer-line-1'>

<p class='post-footer-line post-footer-line-1'>

بعده مباشرة :

<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle="مواضيع ذات صلة";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->

يمكنك تغيير ما هو بالأحمر حسب رغبتك:

- "مواضيع ذات صلة" هي ما سيظهر قبل المواضيع

- max-results=6 تعني أن عدد المواضيع التي ستظهر هو 6

ثم احفظ. وانتهيت يمكنك الآن تصفح مدونتك ورؤية النتيجة مثل:

قالب Cattleya معرب

noreply@blogger.com (Unknown) — Fri, 1 Jan 2010 14:01:00 +0100

بحمد الله تعالى قمت بتعريب ثاني قالب وهو الأول الذي أعرضه في أول يوم من أول شهر وفي أول تدوينة لي على شروحات بلوجر ^^

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

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

معاينة القالب: من هنا

تحميل القالب: من هنا

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

تعريب قوالب بلوغر : قالب pink ribbon desk معرب

noreply@blogger.com (الياس) — Fri, 1 Jan 2010 10:28:00 +0100

تم بعون الله تعريب أول قالب من قبلي لكن قد لا يكون الأول الذي عربته لكنه الأول الذي خرج إلى الواقع ففي وقت مضى عربت بعض القوالب البسيطة ومنها من لم يكن تعريبه كاملا و بعدها أصبحت أحب التعريب كما أحب التدوين فقد أصبح هواية شاقة بين ليلة و ضحاها و أحببت أن أجرب خبرتي البسيطة في لغة Html و Css على قالبPink Ribbon Desk ‎ الأنيق و إحترافي الذي يلائم المدونات الشخصية أكثر من المتخصصة و نجح التعريب, بحيث أنني لم أستعمل أي برنامج حيث إعتمدت على التعديل مباشرة و وصلت إلى نتيجة مرضية و الحمد لله.

نبدأ بمعاينة القالب قبل التعريب: من هنا.

معاينة القالب بعد التعريب: من هنا.

مميزات القالب:

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

-يدعم الإعلانات الربحية أدسنس.

-خلفية بيضاء مريحة و عمود على اليمين جذاب و خاصية البحث تلقائية.

-واجهة واسعة جذابة و إحترافية.

-متوافق مع معظم المتصفحات.

الأشياء الواجب تعديلها:

-تغيير أدوات العمود الجانبي.

تحميل القالب:تستطيع تحميل القالب من خلال زيارتك لهذا الرابط المباشر : تحميل

مركز رفع ملفات هو مركز مخزن العربي و لهذا أنبه في حالة ما أصبح الرابط غير شغال أتمنى أن تخبروني لكي أعيد رفعه.

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

إضافة خاصية مواضيع ذات صلة في مدونات البلوغر related posts

noreply@blogger.com (الياس) — Sat, 26 Dec 2009 13:21:00 +0100

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

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

معلومات عن الشرح :
-مدة التي تحتاجها : ما بين 4 و 6 دقيقة.
-الخبرة التي تحتاجها:تحتاج منك القليل من التركيز .
-ماذا نحتاج :لا تحتاج لأي شىء.
-هل الخدمة مجانية:نعم الخدمة مجانية تماما.
-هل تحتاج تحميل:لا تحتاج.

نبدأ مع الشرح بإسم الله :
أولا:إذهب الى التخطيط ثم تحرير HTML
ثانيا:قم بحفظ و توسيع القالب بوضع علامة على خانة توسيع محتويات القالب الخاص بك.
ثالثا:قم بالبحث عن هته الكلمة باستعمال البحث الاوتوماتيكي ctrl+f

</head>

ثم إضافة هذا الكود فوقها مباشرة:

نبحث مرة أخرى عن هذه الكلمة:

<data:post.body/>

و نضع الكود التالي تحتها مباشرة:

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>

<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

نعمل بعدها حفظ و نرى النتيجة.

نصائح:

-قم بإستبدال كلمة Related posts بكلمة مواضيع ذات صلة أو أي كلمة من ذوقك.

-تستطيع رؤية مثال من هنا إن رغبت.

كل عام و أنت بخير , دمتم بخير.