مدونة إحترف

كيفية إضافة نشرة مصورة عن مدونتك بتقنية jquery

2011-08-21T19:47:00.001+00:00

السلام عليكم و اهلاً بكم في مدونة إحترف

اليوم سوف اقدم لكم موضوع جميل حول

"كيفية إضافة نشرة مصورة عن مدونتك بتقنية jquery"

بسم الله نبدأ بأول خطوة وهي تتبع المسار التالي

1 تصميم - 2 تحرير html

3 وضع علامة على المربع لوسيع القالب

ثم إحفض نسخة إحطياتية تجنباً لأي خطأ

ثم إضغط من لوحة المفاتيح على الأزرار Ctrl + F

وكتب في ملربعها كلمة

</head>

كما في الصورة

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

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[

$(document).ready(function() {

//Execute the slideShow, set 6 seconds for each images
slideShow(3000);

});

function slideShow(speed) {

//append a LI item to the UL list for displaying caption
$('ul.slideshow').append('<li id="slideshow-caption" class="caption"><div class="slideshow-caption-container"><h3></h3><p></p></div></li>');

//Set the opacity of all images to 0
$('ul.slideshow li').css({opacity: 0.0});

//Get the first image and display it (set it to full opacity)
$('ul.slideshow li:first').css({opacity: 1.0});

//Get the caption of the first image from REL attribute and display it
$('#slideshow-caption h3').html($('ul.slideshow a:first').find('img').attr('title'));
$('#slideshow-caption p').html($('ul.slideshow a:first').find('img').attr('alt'));

//Display the caption
$('#slideshow-caption').css({opacity: 0.7, bottom:0});

//Call the gallery function to run the slideshow
var timer = setInterval('gallery()',speed);

//pause the slideshow on mouse over
$('ul.slideshow').hover(
function () {
clearInterval(timer);
},
function () {
timer = setInterval('gallery()',speed);
}
);

}

function gallery() {

//if no IMGs have the show class, grab the first image
var current = ($('ul.slideshow li.show')? $('ul.slideshow li.show') : $('#ul.slideshow li:first'));

//Get next image, if it reached the end of the slideshow, rotate it back to the first image
var next = ((current.next().length) ? ((current.next().attr('id') == 'slideshow-caption')? $('ul.slideshow li:first') :current.next()) : $('ul.slideshow li:first'));

//Get next image caption
var title = next.find('img').attr('title');
var desc = next.find('img').attr('alt');

//Set the fade in effect for the next image, show class has higher z-index
next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000);

//Hide the caption first, and then set and display the caption
$('#slideshow-caption').animate({bottom:-70}, 300, function () {
//Display the content
$('#slideshow-caption h3').html(title);
$('#slideshow-caption p').html(desc);
$('#slideshow-caption').animate({bottom:0}, 500);
});

//Hide the current image
current.animate({opacity: 0.0}, 1000).removeClass('show');

}

//]]>
</script>

<style type='text/css'>
ul.slideshow {
list-style:none;
width:600px;
height:200px;
overflow:hidden;
position:relative;
margin:0;
padding:0;
}
ul.slideshow li {
position:absolute;
right:0;
left:0;
}
ul.slideshow li.show {
z-index:500;
}
ul img {
border:none;
}
#slideshow-caption {
width:600px;
height:65px;
position:absolute;
bottom:0;
right:0;
color:#fff;
background:#055373;
z-index:500;
}
#slideshow-caption .slideshow-caption-container {
padding:5px 10px;
z-index:1000;
}
#slideshow-caption h3 {
margin:0;
padding:0;
font-size:14px;
font-weight:bold;
font-align: center;
font-family:tahoma;
}
#slideshow-caption p {
font-size:11px;
margin:5px 0 0 0;
padding:0;
font-family:tahoma;
}
</style>

بعد ذالك إحفض القالب

الآن توجه إلى المسار التالي

1تصميم - 2 عناصر الصفحة - 3 إضافة أدات من نوع html/java script

ثم انسخ هذا الكود في السكريبت الجديد

ثم ألصق الكود و حفض الاداة

الآن بعد حفض الأداة ضعها أعلى الرسائل في المكان المحدد في الصورة

ملاحضات هامة
1 ثم تأكد من ان القياسات مناسبة لمدونتك ويمكنك تعديلها بتغيير قيمة 600

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

3 في حالة أن الصور لا تريد أن تضهر فيمكنك رفعها على موقع فيلكر

إحفض القالب ومبروك عليك

يمكنكم رؤية الكود الخاص بمدونتي

<ul class='slideshow'>
<li><a href='http://blog-ihtarif.blogspot.com/2011/08/blog-post_9315.html'><img alt='يمكنك الآن نشر على الموقعين دون عتاب في دالك' height='200' src='http://www.seomanager.fr/wp-content/uploads/2008/12/blipfm-twitter-facebook.gif' title='كيفية نشر المواضيع مباشرة على الفيسبوك و تويتر
' width='600'/></a></li>
<li><a href='http://blog-ihtarif.blogspot.com/2011/08/blog-post_17.html'><img alt='كن السباق لكتشاف هذه التقنية' height='200' src='http://farm7.static.flickr.com/6065/6053996047_668d38b906_m.jpg' title='حصرياً و لأول مرة "طريقة جعل لكل صفحة خلفية خاصة' width='470'/></a>
<li><a href='http://blog-ihtarif.blogspot.com/2011/08/blogger_17.html'><img alt='طريقة ناجحة ومجربة على المدونة' height='200' src='http://farm7.static.flickr.com/6089/6054516592_dd26089ff1.jpg' title='الطرقة الصحيحة لإخفاء شريط تتبع blogger' width='480'/></a>
</li></li></ul

هنا أنتهي من هذا الموضوع و لأي إستفسار أنا موجود

كيفية إضافة ايقونة RSS في جميع أقسام المدونة

2011-08-19T21:43:00.001+00:00

السلام عليكم و رحمة الله تعالى و بركاته

أهلا و سهلا بكم في مدونة إحترف

اليوم سنتحدث عن "كيفية إضافة ايقونة RSS في جميع أقسام المدونة"

هل رأيتم أيقونات RSS الموجودة في أقسام مدونتي؟ هل أعجبتكم؟!

حسناً سؤريكم الطريقة

نبدأ على بركة الله بأول خطوة وهي تتبع المسار التالي

1 تصميم - 2 تحرير html

3 الظغط على مربع توسيع القالب

وحفظ نسخة إحطياطية تجنباً لأي خطأ

ثم نبحت عن هذا الكود بالضغط على الأزرار Ctrl + F

طباعاً لا يمكنك نسخه كله فقط إبحث عن السطر الأول ثم لاحظ إذا كان يشبه هذا الكود

وعندما تجده غيره بهذا الكود

(هذا الكود لوضع أيقونة rss خلف العنوان)

<b:loop values='data:labels' var='label'>
<li>

<a expr:href='data:blog.homepageUrl + "feeds/posts/default/-/" + data:label.name'><img alt='Subscribe' src='http://www.feedburner.com/fb/images/pub/feed-icon16x16.png' style='vertical-align:middle;border:0'/></a>

<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>
</li>
</b:loop>

أو غيره بهذا الكود

(هذا الكود لوضع ايقونة rss أمام العنوان)

<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>

<a expr:href='data:blog.homepageUrl + "feeds/posts/default/-/" + data:label.name'><img alt='Subscribe' src='http://www.feedburner.com/fb/images/pub/feed-icon16x16.png' style='vertical-align:middle;border:0'/></a>

</li>
</b:loop>

الآن مبروك عليك الإضافة

هنا أنتهي من هذا الموضوع و لأي إستفسار أنا موجود

كيفية إخفاء شريط تتبع blogger

2011-08-17T21:01:00.000+00:00

السلام عليكم و رحمة الله تعالى و بركاته

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

"كيقية إخفاء شريط تتبع blogger"

نبدأ على بركة الله

أول خطوة وهي إتباع المسار التالي

1 تصميم - 2 تحرير html

3 الظغط على مربع توسيع القالب

وحفظ نسخة إحطياطية تجنباً لأي خطأ

ثم بعد ذالك نظغط من لوحة المفاتيح على ctrl + f و نبحث على كلمة

/* Variable definitions

كما في الصورة

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

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

ثم نحفظ القالب كما في الصورة

هنا أنتهي من هذا الموضوع و لأي إستفسار أنا موجود

خلفيات رأس صفحة المدونة (المجموعة 1)

2011-08-17T18:47:00.003+00:00

السلام عليكم ورحمة الله تعالى و بركاته

وأهلا بكم في مدونة إحترف

اليوم سؤقدم لكم خلفيات خاصة برأس صفحة المدونة

أترككم معها

ملاحظة : إضغط على كل خلفية لرؤيتها بحجمها الطبيعي

كيفية إنشاء مدونة على blogger

2011-08-17T18:33:00.001+00:00

السلام عليكم و رحمة الله تعالى و بركاته

أهلا و مرحباً بكم في مدونة إحترف

سوف اطرح هذه الموضوع لكل من يريد تعلم إنشاء مدونة blogger

ملاحظة : إضغط على الصور لتكبر

أول خطوة و هي التوجه إلى موقع

بعدها نضغط على الأيقونة البرتقالية "بدأ"

بعد ذالك نملأ هذه الصفحة بما طلب إفعل كما في الصورة

بعد ملأ الصفحة و الضغط على "متابعة" نكتب الآن عنوان و موقع الصفحة كما طلب في الصورة

الآن و بعد فعل ما طلب في الصورة السابقة نختار تصميم موقعنا ونضغط على "إستمرار"

الآن سنتتطرق لكيفية الكتابة في المدونة أولاً نضغط "بدأ التدوين"

بعد ذالك أكتب الموضوع الذي تريد أن تضهره في موقعك وعند الإنتهاء من الكتابة إضغط على

"نشر الرسالة"

ثم الضغط على عرض المشاركة

وأخيرأ أصبح لكم موقع على blogger

هنا أنتهي من شرح كيفية إنشاء مدونة على blogger و لأي إستفسار أنا موجود

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

2011-08-17T14:51:00.004+00:00

السلام عليكم و رحمة الله تعالى و بركاته

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

اليوم سنتحدث عن "كيفية إضافة زر اعجبني فوق كل تدوينة"

لنبدأ على بركة الله

أول خطوة وهي الإتباع المسار التالي

1 تصميم - 2 تحرير html

3 الظغط على مربع توسيع القالب

وحفظ نسخة إحطياطية تجنباً لأي خطأ

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

<div class='post-header-line-1'/>

 وإذ لم تجده إبحث عن هذا الكود وهو المقصود

<data:post.body/>

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

أو يمكنك وضع هذا الكود تحت احد الكودين السابقين إذا أردت ان تظهر أيقونة

 أعجبني في آخر التدوينة

<b:if cond='data:blog.pageType == "item"'>

</b:if>

الملاحضة الأولى

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

الملاحضة التانية

يمكنك تغيير شكل الزر وذالك بتغيير كلمة button_count بالكلمات التالية

button_count

box_count

standard

false : عرض وجه المعجب فقط في الزر الاول ولعرضه استبدلها بـ true
tahoma : نوع الخط وتستطيع تغييره بخطوط اخرى مثل arial
light : يعني خفيف ، ويمكن تغييرها الى معتم dark
450px : العرض الذي ستأخذه الاضافة ويمكن تغييره حسب قالب مدونتك
like : وتعني اعجبني ويمكنك تغييرها بـ recommend

كيفية إضافة صندوق المعجبين الخاص بالفيسبوك في المدونة

2011-08-16T17:16:00.000+00:00

السلام عليكم و رحمة الله تعالى و بركاته

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

"كيفية إضافة صندوق المعجبين الخاص بالفيسبوك في المدونة"

بسم الله نبدأ

أول خطوة هي الدخول إلى هذا الموقع

بعد ذالك إفعل كما طلب في الصورة

بعد الضغط على أيقونة "Get Code" المشارة بالسهم الأخير في الصورة أعلاه

تضهر هذه الصفحة مننسخ الكود الذي يوجد في الخانة التانية

الآن نتوجه إلى blogger ونتبع المسار التالي

1 تصميم -2 عناصر الصفحة -3 إضافة اداة

وبعد الضغط على "إضافة اداة" نختار أدات من نوع html/java script

بعد الضغط على زر+ الذي يعني إضافة نلصق الكود الذي نسخناه من قبل ثم نضغط على "حفض"

والنتيجة

هنا أنتهي ولأي إستفسار أنا موجود

كيفية نشر المواضيع مباشرة على الفيسبوك و تويتر

2011-08-14T13:12:00.003+00:00

السلام عليكم و لرحمة الله تعالى وبركاته

اهلا بكم في مدونة إحترف اليوم سنتحدث عن

"كيفية نشر المواضيع مباشرة على الفيسبوك و تويتر"

أول خطوة نقوم بالدخول إلى هذا الموقع

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

بعد ذالك قم بإدخال إسم مدونتك في الخانة الأولى

وأدخل عنوان rss الخاص بك في الخانة التانية

ملاحضة : عنوان rss هو الرابط الموجود في رسائل Atom

بعد ذالك قم بالضغط على "twitter" وذالك لتفعيل عملية النشر المباشر على حسابك في تويتر

فبعد الضغط على تويتر تظهر هذه الصفحة فنضغط على الأيقونة الزرقاء المشار لها بسهم في الصورة

بعد الضغط على الايقونة الزرقاء الكبيرة نقوم بإدخال حسابنا الخاص بتويتر

وبعد الإنتهاء نضغط على "Autoriser l'application"

أما الآن نضغط على الأيقونة المشار لها بسهم في الصورة وذالك لرجوع

وعند الرجوع نضغط مرة اخرى على "facebook"

وبعد الضغط على فيسبوك نضغط على الايقونة الزرقاء التي تعني تسجيل الدخول إلى الفيسبوك

بعد ذالك نقوم بإدخال حسابنا الخاص على الفيسبوك ثم "connexion"

الآن نختار الصفحة التي نريد النشر عليها مباشرة ثم نضغط على الايقونة

التي توجد في أسفل الصورة

بعد ذالك نضغط على "all done"

ثم "Go to Dashboard"

مبـــــــروك ثمة العملية بنجاح الآن يمكنك النشر مباشرة على الفيسبوك وتويتر

هنا أنتهي و لأي إستفسار أنا موجود

طريقة تغيير رسالة اقدم و رسالة أحدث و الصفحة الرئيسية بصور

2011-08-14T11:27:00.001+00:00

السلام عليكم و رحمة الله تعالى و بركاته

أهلا بكم في مدونة إحترف

موضوعنا اليوم حول " كيفية تغيير رسالة اقدم و رسالة أحدث و الصفحة الرئيسية بصور"

أول خطوة نحتاج إلى أزرار جميلة مكتوب عليها

"رسالة أحدث" و "رسالة أقدم" و " صفحة رئيسية"

لمعرفة كيفية صنع ازرار جميلة إقرأ الموضوع التالي

كيفية تغير كلمة "المزيد من المعلومات" بصورة

الآن بعد صناعة الأزرار ندهب إلى blogger ونتبع المسار التالي

1 تصميم - 2 تحرير html

3 - إضغط على المربع الصغير لتوسيع القالب

ثم قم بتنزيل نسخة إحطياطية تجنباً لأي خطأ

بعد ذالك قم بالضغط من لوحة المفاتيح على Ctrl + f

و أكتب في مربع البحث

<data:newerPageTitle/>

كما في الصورة

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

وبعد الإنتهاء قم بالبحث مرةً أخرى عن هذا الكود بنفس الطريقة و هي الضغط على Ctrl +f

<data:olderPageTitle/>

وعندما تجده إستبدله بهذه

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

<data:homeMsg/>

ستجد ان هذا الكود يوجد منه إتنان إذن فعليك إستبدالهم بإتنان معاُ بهذه

يمكنكم إستخدام هذه الأكواد الجاهزة لتعطيكم مثل ما في الصورة

هنا أنتهي ولأي إستفسار انا موجود

كيفية تغير كلمة "المزيد من المعلومات" بصورة

2011-08-13T21:31:00.002+00:00

السلام عليكم و رحمة الله تعالى وبركاته

أهلا بكم في مدونة إحترف

موضوعنا اليوم إنشاء الله هو

"كيفية تغير كلمة المزيد من المعلومات بصورة"

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

ويجب ان تكون الصورة صغيرة أبعادها 50x50

لذالك أحظرت لكم موقع لصنع أيقونات ويدعم العربية إسم الموقع هو

ملاحضة : يمكنك إختيار زر من الموقع أو يمكنك صنعه بنفسك

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

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

الآن وبعد الضغط على الأيقونة التي ثم تحديدها بسهم تظهر هذه الصفحة فنختار قائمة أنواع الخطوط

انا إخترت قائمة يونيكود عربي

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

أنا إخترت هذا الخط

الأن بعد إختيار الخط نرجع تلقلئياً إلى هذه الصفحة

عدل لون الأيقونة وشكلها من هذه الواجهة

فبعد التعديل حصلت على هذه الايقونة

فعندما تنتهي إضغط على زر "Render Button"

الذي يوجد في الأسفل

وبعد الضغط عليه إضغط على "تحميل صورة"

الآن بعد تحميل الصورة إرفعها على أي موقع رفع و يفضل ان ترفعها على Picasa الموجود في blogger

لأنه يحتفض بالصور للأبد

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

الان إتبع المسار التالي 1 تصميم -2 تحرير html -

3 إضغط على أمربع توسيع القالب

بعد ذالك إضغط من لوحة المفاتيح على الأزرار Ctrl + f

وكتب في مربع البحت

<data:post.jumpText/>

كما في الصورة

عندما تجده إستبدله بهذه

بعد ذالك إحفض القالب

وهكذا تظهر النتيجة

هنا أنتهي و لأي إستفسار أنا هنا

كيفية إضافة خاصية "إقرأ المزيد" بدون هاكات

2011-08-13T19:57:00.004+00:00

السلام عليكم ورحمة الله تعالى وبركاته

أهلا بكم في مدونة إحترف

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

أول خطوة وبعد الدخول إلى المدونة نتبع المسار التالي

1 إعدادات - 2 أساسي

ومن "اساسي ننزل إلى الأسفل فنجد في مكونات إعدادات عمومية

"تحديد محرر المشاركات" فنضع التفعيل على "محرر محدث" كما في الصورة
ملاحضة: قد تجدها أصلاً مفعلة

ثم حفض الإعدادات

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

مثلاً أنا وظعت الخط أسفل كلمة
"انضرو انا اشرح ههههههههه"
هذا يعني ان الرسالة في الصفحة الرئيسية ستظهر هكذا وتوجد في اسفلها "المزيد من المعلومات"

يمكنك ان تغير جملة "المزيد من المعلومات" إلى اي يكلمة تريده وذالك بالتوجه إلى المسار التالي
1 تصميم - 2 عناصر الصفحة

ثم تضغط على "تحرير" الموجودة أسفل عنصر "رسائل المدونة الإلكترونية"

وبعد الضغط على "تحرير" غير كلمة "المزيد من المعلومات" بأي كلمة اخرى ثم إحفضها

هنا انتهي إنتضروني في الموضوع القادم ساشرح فيه
كيفية تغير كلمة "المزيد من المعلومات بصورة"

ولأي إستفسار انا موجود

كيفية نشرمواضيع المدونة في google

2011-08-13T18:08:00.001+00:00

السلام عليكم ورحمة الله تعالى و بركاته

اهلا بكم في مدونة إحترف

موضوعنا اليوم حول "كيفية نشرمواضيع المدونة في google"

في الحقيقة هذه الطريقة ناجحة مئة في المئة بحيت انني ألاحظ أن مواضيعي

تنشر في محرك البحث google بعد يومين من نشر الرسالة

أول خطوة نقوم بالتوجه إلى موقع

ونضغط على Ajouter un site كما في الصورة

بعد ذالك نكتب إسم المدونة ونضغط على "continuer" كما في الصورة

وبعد الضغط على "continuer" نضغط على "« Retour à la page d'accueil" لرجوع إلى الرابط الذي أضفناه

الآن نضغط على "Gérer" ومنها نختار "Ajouter ou supprimer des propriétaires"
كما في الصورة

وبعد فعل المطلوب ستضهر هذه الصفحة فنضغط على
"Utiliser une autre méthode pour valider le site"
المشار لها بسهم في الصورة

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

فننسخ الكود meta الذي هو على هذا الشكل

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

ثم نذهب إلى blogger فنتبع المسار التالي

1 تصميم - 2 تحرير html -
3 الضغط على المربع الصغير لتوسيع القالب كما في الصورة

بعد ذالك نقوم بالضغط من لوحة المفاتيح على الأزرار Ctrl + f

ونكتب في مربع البحث

<head>
كما في الصورة

وبعد إجاده نلصق كود meta الذي نسخناه من قبل أسفل كلمة <head> مباشرة
وكما في الصورة

ثم نحفض القالب

الآن وبعد حفض القالب نرجع إلى الموقع الذي نسخنا منه الكود
ونضغط على "valider" وذالك لتحقق من نجاح العملية

وبعد الضغط عليها ستضهر هذه الرسالة التي تعني أن العملية قد نجحت ومنها نضغط على "Continuer"
المشار لها بسهم في الصورة

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

وبعد الضغط على الرابط سنجد في يسار الصفحة مثل ما في الصورة فنضغط على
"Configuratoin du site "
ومنها نضغط على "sitemaps"

وبعد الضغط على "sitemaps" ستضهر هذه الصفحة فنضغط منها على "Envoyer un sitemap" كما في الصورة

بعد الضغط عليها نكتب فيه هذا الرابط كما في الصورة
atom.xml?redirect=false&start-index=1&max-results=100
ملاحظة : إدا كان عدد تدويناتك أكبر من مئة قم بتبديل قيمة 100 بقيمة 500
الأن
وبعد إضافة الرابط الأزرق اعلاه نضغط على "Envoyer un sitemap" المشار لها بسهم رقم 3

فبعد الضغط على "Envoyer un sitemap" سيضهر لك رمز الساعة سيتحول إلى رمز "ثم" بعد يوم أو يومين
هذه صورة من رابطي فيها علامة "ثم" ورقم "2" الموجود في الاعلى يعني ان عدد مواضيعي المنشورة في google هي 2

هنا أكون إنتهيت ولأي سؤال انا موجود

كيفية إضافة ايقونة شريط الموقع favicon

2011-08-13T15:55:00.000+00:00

السلام عليكم و أهلا بكم في مدونة إحترف

موضوعنا اليوم حول "كيفية إضافة ايقونة الموقع favicon"

اول خطوة نتوجه إلى موقع

وبعد ذالك نضغط على "choissez un fichier" لنختار الصورة الموراد جعلها favicon

وبعد إختيار الصورة نضغط على "upload now"

اللآن وبعد رفع الصورة ننسخ الكود الذي في الأسفل كما في الصورة

وبعد نسخه نتوجه إلى المدونة ونتبع المسار التالي
1 تصميم - 2 تحرير html -
3 الضغط على المربع الصغير لتوسيع القالب

بعد ذالك نقوم بالضغط من لوحة المفاتيح على Ctrl + f
ونكتب في مربع البحث
<b:skin><![CDATA[/*
كما في الصورة

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

وأخيراً نحفض القالب

هكذا ستلاحظ أن الصورة التي إخترتها أصبحت إيقونة favicon

هنا أنتهي و لأي إستفسار أنا موجود