احصائيات




ليك هنا

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

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

السبت، 9 نوفمبر 2013

كيف تكشف كلمة المرور الخفية


السلام عليكم رمضان كريم متابعي مدونة أبو إياد أعود إليكم من جديد مع هذه التدوينة الحصرية علي مدونة أبو إياد ,هذه الخاصية التي يعرفها القليل و لكن يحتاجها الكثير و هي بعنوان كيف تكشف كلمة المرور الخفية ( النجمة ) أثناء تسجيل الدخول في أي موقع. هل تحدث مغالطات عندما تقوم بكتابة كلمة المرور الخاصة بك ؟ هل تعيد كتابة كلمة المرور أكثر من مرة لأنك تغلط كثيراً في كتابتة ؟ الآن تم حل هذه المشكلة بدون تثبيت أي شئ علي متصفحك و هذه الطريقة لن تأخذ 5 ثواني عند التطبيق لن أطيل عليكم فالنبدأ .

سأجرب الطريقة معكم علي متصفح جوجل كروم و متصفح فايرفوكس .

أبدأ بمتصفح جوجل كروم :-
عند كتابة كلمة المرور الخاصة بك في خانة كلمة المرور قم بالضغط علي الزر الأيمن في الفأرة ثم اضغط Inspect element .
سظهر لك نافذة مثل هذه قم بتغيير كلمة Password في خانة "Type = "password إلي كلمة Text .
كما تشاهدون في هذه الصورة المتواجدة بالأعلي تم تغيير النجوم**** إلي كلمة المرور الأصلية abuiyad .

ثانياً : متصفح فايرفوكس :-
عند كتابة كلمة المرور الخاصة بك في خانة كلمة المرور قم بالضغط علي الزر الأيمن في الفأرة ثم قم بالضغط علي زر Inspect element .
ستظهر لك نافذة قم بالضغط علي زر HTML ثم عند "Type = "password قم بتغيير كلمةPassword إلي Text .
كما تشاهدون الصورة المتواجدة بالأعلي تم تغيير النجوم *** إلي كلمة المرور الأصلية

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

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


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

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

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

اولأ اذهب الي لوحة التحكم
قالب
ثم تحرير 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

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


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

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



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


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

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



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


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


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

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


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

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

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



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

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'
تم الانتهاء من درس اليوم ... و السلام عليكم و رحمة الله و بركاته

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


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

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


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


السلام عليكم ورحمة الله وبركاته درسنا اليوم هو كيفية اضافة ملف 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.