مدونة خدمات بلوجر

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

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

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

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

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

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

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

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

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

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

1-شكل الصفحة على الفايسبوك :

2-شكل صندوق المعجبين الذي تضعه في مدونتك :

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

مبرووك , لقد قمت بإنشاء الصفحة بنجاح , الأن ما عليك إلا ترتيب الصفحة من خلال :

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

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

و من ثم قم بالدخول للصفحة الخاصة بمدونتك و إنسخ الرقم الموضح في الصورة التالية :

و ضعه مكان الرقم 115479051804201 الموجود في الكود أعلاه .

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

إختر مقاس المربع الذي تريده و من المفضل إختيار 125 في 125 .
الشطر الثاني:

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

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

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

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

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

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

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

<data:post.body/>

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

أو هذا :

أو هذا:

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

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

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

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

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

معلومات عن الشرح :
-مدة التي تحتاجها : أقل من 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 أمام كل مقالة في بلوغر

بعد الفيسبوك و تويتر حان الوقت لخدمة صدى غووغل أو 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 في الكود السابق.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

معلومات عن الشرح:
- مدة التي تحتاجها : 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

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

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

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

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

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

معلومات عن الشرح :
-مدة التي تحتاجها : ما بين 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 بكلمة مواضيع ذات صلة أو أي كلمة من ذوقك.

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

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

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

إضافة ترقييم الصفحات في مدونات البلوغر widget blogger

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

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

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

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

ثانيا:نقوم بإضافة هذا الكود و نعمل حفظ دون وضع العنوان:

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

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

دمتم بخير

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

كيفية حذف الشريط العلوي في مدونات البلوغر Navbar

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

معلومات عن الشرح :
-مدة التي تحتاجها : ما بين 5 و 7 دقائق.
-الخبرة التي تحتاجها:لا تحتاج لا خبرة و لهم يحزنون .
-ماذا نحتاج :كود فقط. -هل الخدمة مجانية:نعم الخدمة مجانية تماما
-هل تحتاج تحميل:لا تحتاج.

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

/* Variable definitions
====================

ثالثا:قم بإضافة الكود التالي فوق الكلمة السابقة:

#navbar-iframe { display: none !important; }

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

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

إضافة أحدث المواضيع و أخر التعليقات في بلوغر Atom Rss

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

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

-تمكين الزائر من الولوج إلى تدوينات غير موضوعة في الصفحة الرئيسية.

-تضفي على الصفحة الرئيسية جمالا و حيوية.

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

-تزيد من إحترافية مدونتك و تسهل على زائر قراءة التدوينات و التعليقات.

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

-مدة التي تحتاجها : ما بين 5 و 7 دقائق.

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

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

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

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

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

أولا : ندخل إلى التخطيط ثم أضف أداة.

ثانيا : نختار من القائمة "إضافة موجز rss أو Atom .

و هذه صورة توضيحية :

ثالثا : نضع رابط خلاصة المواضيع .

مثال على ذلك http://yourblog.blogspot.com/feeds/posts/default.

و من ثم ستظهر هذه النافذة و هذه صورة توضيحية :

و أخيرا نعمل حفظ و نرى النتيجة و من الأفضل أن تكون الإضافة في العمود السفلي.

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

مثال على ذلك:http://yourblog.blogspot.com/feeds/comments/default.

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

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

نصائح :

ضع الإضافة في العمود السفلي.

إختر ظهور 5 موضوعات لكلاهما ( التعليقات و المواضيع ) لتكون متناسقة و متكاملة.

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

عيدكم مبارك.

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

تحياتي لكم و بالتوفيق .

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

قراءة بقية الموضوع و إقرا المزيد لمدونات البلوغر

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

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

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

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

<data:post.body>

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

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

<b:if cond='data:blog.pageType != "item"'><br/>
<a expr:href='data:post.url'><strong>read more»</strong></a>
</b:if>

و تستطيع تغيير كلمة Read More بكلمة "أكمل قراة بقية الموضوع" أو "إقرأ المزيد".

و هذه صورة توضيحية للأكود و هي موضوعة في تحرير HTML :

و أخيرا نعمل حفظ.

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

الموضوع يجب أن يكون على الشكل التالي :

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

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

نصائح :

أكتب النص و ضع الصور و لا تقم بتنسق النص بل ضع الكود فبل ذلك.

الطريقة ممتازة و ستتعود عليها بمرور الوقت.

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

بالتوفيق.

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

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

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

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

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

سنبدأ مع الشرح المصور:
أولا:أدخل على الموقع التالي: http://www.blogger.com/
ثانيا:أدخل معلوماتك و أختر "التبويب",و إضغط على أضف أداة في العمود الجانبي.
ثالثا: الان تابع الصور:

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

ستتجدد الصفحة و تظهر هذه الصفحة :

-في خانة الأولى إختر عنوان الإضافة فمثلا: جديد مدونتي.

-في خانة الثانية و الثالثة : كما هو موضح في الصورة.

-أضف مدونتك كما هو موضوح في الصورة و أضغط على الزر البرتقالي "حفظ".

-قم بخفظ التغيرات من التبويب "التخطيط".

تهانينا تم إنشاء جديد مدونتك بكل سهولة.

النتيجة:

الصورة أعلاه هي النتيجة , إن أعجبتك فلا تتردد في إضافتها.

تحياتي لكم و لكل زوار المدونة "شروحات البلوغر"

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

مدونة خدمات بلوجر

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

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

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

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

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

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

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

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

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

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

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

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

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

إضافة ترقييم الصفحات في مدونات البلوغر widget blogger

كيفية حذف الشريط العلوي في مدونات البلوغر Navbar

إضافة أحدث المواضيع و أخر التعليقات في بلوغر Atom Rss

قراءة بقية الموضوع و إقرا المزيد لمدونات البلوغر

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

اقسام المدونة

ارشيف المدونة