احصائيات




ليك هنا

المواقع الاجتماعيه

مدونة أبو اياد

الأحد، 29 سبتمبر 2013

طريقة تغير المشاركات الشائعة في بلوجر

8:56 م  Unknown  لاتوجد تعليقات


السلام عليكم ورحمة الله وبركاته.. اليوم اقدم لكم طريقة  تغير المشاركات الشائعة في بلوجر

حيث هذا الكود يغير شكل مشاركات الشائعة في بلوجر العادية الي هذا الشكل الذي موضح في الصور
ما عليك الي اتباع الشرح

لمعرفة اضافة كود المشاركات الشائعة بلوجر انزل تحت

اولأ اذهب الي لوحة التحكم
قالب
ثم تحرير html
ثم ابحث عن الكود دي
]]></b:skin>
ثم ضع الكود قبل ]]></b:skin>
كما موضح بالصور 

الكود
popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFa6CcNSX5cF18AjkBNI1EzmR7Ey2a4pLqkGYQeErHU7JD20OCQbxAA3OGIUyZ1fmzUSLbkwm4mCGBuLi1dA7wNOIy76709BTkOwxPvOBKLRW0wTEq8w3-OcefFqehYQhMULwjPLlw5ho/s1600/1.gif)  no-repeat scroll 5px 10px;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 20px !important;
border: 1px solid #ddd;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.popular-posts ul
li:hover {
border:1px solid #6BB5FF;
}
.popular-posts ul
li a:hover {
text-decoration:none;
}
.popular-posts .item-thumbnail img {
webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
 وا حفظ القالب 
وبكدة اكون خلصت ارجو ان اكون وفقت في الشرح



المصدر: http://blogger-new2013.blogspot.com/2013/06/Change-popular-post-bolgger.html#ixzz2gJFlsLAV

إقرأ المزيـــد

طريقه ظهور صورة الكاتب في نتائج البحث

8:50 م  Unknown  لاتوجد تعليقات


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

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



أول ما يجب أن نبدأ به وهو ربط مدونتنا بحساب جوجل+ الخاص بنا يمكنك ذلك بإتباع هذا الرابط : ربط مدونتنا بحسابنا على جوجل بلاس عند الإنتهاء من هذا لا تنسى إضافة المدونة لحسابك الشخصي لتظهر عليه إتبع هذا الرابط : أشارك في، أضف المدونة في الخيار الثاني contributes to ;)


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


الطريقة الأولى هي كالتالي:

إتجه نحو القالب ثم تحرير و إبحث عن <head> ثم تحته مباشرة أضف التالي : 

<link href='https://plus.google.com/123456789' rel='author'/>

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


الطريقة الثانية هي: 

البحث عن : <div class='post-footer'>

وإضافة تحته مباشرة: 

<span class='post-author vcard'>

<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<meta expr:content='data:blog.blogId' itemprop='articleBody/aiaBlogId'/>
<meta expr:content='data:post.id' itemprop='articleBody/aiaPostId'/>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:blog.blogId' itemprop='articleBody/aiaBlogId'/>
<meta expr:content='data:post.id' itemprop='articleBody/aiaPostId'/>
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span>


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

إقرأ المزيـــد

كود اضافة صورة الكاتب تحت عنوان الموضوع

8:39 م  Unknown  لاتوجد تعليقات



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


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


خطوات اضافة الكود في المدونة:

1- تسجيل الدخول الي موقع بلوجر.

2- قم بالذهاب الي لوحة التحكم ثم اختار تصميم ،ثم اضغط علي تحرير HTML

3- قم بوضع علامة في خانة توسيع القالب .

4- ابحث عن الكود التالي
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3><font size="0"><a href=" http://www.pergola-aluminium.org/"></a></font>
</b:if>
5- قم باضافة الكود التالي تحته مباشرة.
<b:if cond='data:post.author == "إسم الكاتب الأول"'>
<span class="author"><img src="رابط صورة الكاتب الأول"/></span>
</b:if>
<b:if cond='data:post.author == " إسم الكاتب الثاني"'>
<span class="author"><img src="رابط صورة الكاتب الثاني"/></span>
</b:if>
<b:if cond='data:post.author == " إسم الكاتب الثالث"'>
<span class="author"><img src="رابط صورة الكاتب الثالث"/></span>
</b:if>
6- قم بتغيير إسم الكاتب الي اسم الكاتب و رابط صورة الكاتب الي رابط الصورة الاصلي.

ملاحظة:

 يجب أن يكون إسم الكاتب المضاف في الكود السابق هو نفسه الإسم الموجود في لائحة مؤلفين المدونة الاصلي.

7- قم بالبحث عن الكود التالي :
]]</b:skin>
8- قم باضافة الكود التالي قبله مباشرة:
.author img{
padding: 0;
float: left;
border: none;
margin: 0 10px 10px 0;
}
9-يمكنك التعديل على الأبعاد 0 0px 10px 10px لتغيير مكان صورة الكاتب في المدونة.

10- اذا اردت ان تضع صورة الكاتب على اليمين قم بإستبدال كلمة left بكلمةright
11- معاينة ثم حفظ القالب.

و مبروك عليك الاضافة ...

لا تنسي ان تضيف ايميلك بالاعلي ليصلك كل المواضيع الجديدة ... و السلام عليكم و رحمة الله و بركاته

إقرأ المزيـــد

اضافة أزرار المواقع الإجتماعية بشكل رائع إلى مدونتك Blogger

8:34 م  Unknown  لاتوجد تعليقات


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

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

هذه شكل الاضافة



نبدا بالخطوات :

1- نسجل الدخول الي بلوجر 

2- ثم نتجه إلى تحرير ال 'HTML' ( و ناخذ نسخة إحتياطية للقالب ) حتي اذا حصل اي خطأ عن اضافة الكود نكون بامان

3- ثم توسيع قوالب عناصر واجهة المستخدم كما بالصورة:

4- نقوم بالبحث عن ]]></b:skin> و لفتح صندوق البحث إضغط علي Ctrl+F

واضف قبلها مباشرة هذا الكود :
.social-icone{ height:108px;} .social-icone div{ margin: 8px 12px;} .social-icone a{ text-decoration:none;} .you-icone b, .twt-icone b,.face-icone b,.rss-icone b{ font:14px tahoma; color:#8c8b8b;} .you-icone span,.twt-icone span,.face-icone span,.rss-icone span{font:11px tahoma; color:#a3a3a3; } .you-icone{ width: 50px; height: 32px; background:url(http://2.bp.blogspot.com/-ds8qOnEouw...outube.png)top no-repeat; text-align: center; padding-top: 56px; float:right; } .you-icone:hover{background:url(http://1.bp.blogspot.com/-3ph-4nN00s...utube2.png)top no-repeat;} .twt-icone{ width: 50px; height: 32px; background:url(http://2.bp.blogspot.com/-UkgHer_Y6o...witter.png)top no-repeat; text-align: center; padding-top: 56px; float:right; } .twt-icone:hover{background:url(http://2.bp.blogspot.com/-tY5SrlJev7...itter2.png)top no-repeat;} .face-icone{ width: 50px; height: 32px; background:url(http://2.bp.blogspot.com/-bjxmNtZSed...cebook.png)top no-repeat; text-align: center; padding-top: 56px; float:right; } .face-icone:hover{background:url(http://2.bp.blogspot.com/-7phJl6JL7A...ebook2.png)top no-repeat;} .rss-icone{ width: 50px; height: 32px; background:url(http://3.bp.blogspot.com/-amcTTFtnos...00/RSS.png)top no-repeat; text-align: center; padding-top: 56px; float:right; } .rss-icone:hover{background:url(http://4.bp.blogspot.com/-yNGQ0JC185...0/RSS2.png)top no-repeat;} .post-footer-line > * { margin-left: 0; }

 5- ثم نقوم بحفظ القالب

6- نتجه إلى لوحة التحكم ثم التخطيط ثم الضغط علي اضافة اداة جديدة HTML وتضيف هذا الكود :

<div class="social-icone"> <a href="http://www.youtube.com/user/mrjaabiriovic"rel="nofollow" rel="nofollow" target="_blank"> <div class="you-icone"> <b>400</b> <span>مشترك</span> </div> </a> <a href="http://www.twitter.com/altari9"rel="nofollow" rel="nofollow" target="_blank"> <div class="twt-icone"> <b>1000</b> <span>متابع</span> </div> </a> <a href="https://www.facebook.com/altari9"rel="nofollow" rel="nofollow" target="_blank"> <div class="face-icone"> <b>350</b> <span>معجب</span> </div> </a> <a href="http://feeds.feedburner.com/al-tari9"rel="nofollow" rel="nofollow" target="_blank"> <div class="rss-icone"> <b>2.000</b> <span>مشترك</span> </div> </a> </div>
7- قم بتغيير :

  • 'MrJaabiriovic' إلى معرف قناتك على اليوتوب مع تغير عدد المستركين '400'
  • 'altari9' إلى معرف حسابك على التويتر مع تغير عدد المتابعين '1000'
  • 'altari9' إلى معرف صفحتك على الفيسبوك مع تغير عدد المعجبين '350'
  • 'al-tari9' إلى معرف حسابك على الفيدبيرن مع تغير عدد المشتركين '2.000'
تم الانتهاء من درس اليوم ... و السلام عليكم و رحمة الله و بركاته

إقرأ المزيـــد

شرح كيفية تصدر مواضيعك الصفحات الأولى لمحركات البحث المشهوره

8:25 م  Unknown  لاتوجد تعليقات


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

و هديتى قائمة لمواقع نشر ذات بيج رانك عالى :


إقرأ المزيـــد

اضافة ملف robot.txt لمدونة بلوجر بطريقة صحيحة

8:08 م  Unknown  لاتوجد تعليقات


السلام عليكم ورحمة الله وبركاته درسنا اليوم هو كيفية اضافة ملف robot.txt للمدونة بطريقة صحيحة ولكن اولا يجب ان نعرف ما هو ملف ال robot.txt ولماذا نضعه في المدونة واين يوضع ؟


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

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

 ولاضافة ملف ال robot.txt للمدونة اتبع الخطوات

 1- من لوحة التحكم الرئسية للمدونة ندخل الي اعدادات
2- نختار تفضيلات البحث كنا بالصورة


3- ثم نختار نعم ثم نضع هذا الكود

User-agent: Mediapartners-Google

Disallow:
User-agent: *
Disallow: /search
Allow: /
Sitemap: http://www.blogger-map.blogspot.com/feeds/posts/default?orderby=updated

مع تغير ما باللون الاحمر الي عنوان مدونتك 

4- نضغط حفظ التغيرات
5- افعل كما بالصورة


6- ثم نضغط نعم ثم افعل كما في الصورة


7- نضغط حفظ التغيرات. 

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

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


إقرأ المزيـــد
يتم التشغيل بواسطة Blogger.