شرح مصور لمعرفه ركيب اداه البيج رانك لمعرفه ترتيب المدونه فى محرك البحث

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

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

وتعريف ترتيبك فى محرك البحث وهى اضافه جيده حيث يعرف الزائر قوه ارشفه مدونتك فى

محركات البحث 

والان مع الشرح بالصور

كل ما عليك فعلة هو ان تدخل على الموقع

http://www.prchecker.info 

الان مع الصور

انتهى بحمد لله ارجو ان اكون وفقت فى شرحى

تابع القراءة

مدونه مدون خدمه اطلب تصميمك

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

الان مدونه مدون تقدم لكم خدمه اطلب تصميمك مجانا 

لاصحاب المدونات فقط بمعنى تصميم هيدر بنر اعلانى الخ الخ...

التصميمات الذى سيتم الانتهاء من تصميمها ستعرض على صفحه المدونة

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

مدوة وقت التصميم لا تزيد عن ثلاث ايام باذن الله 

وهذا يعتمد على نوع التصميم اذا حدث اى تاخير تزيد عن المده المذكور اعلاه 

فهذا باسباب خارجه عن ارادتى .

ملحوظه:وضع اسم المدونه مع ابعاد الهيدر اذا كنت لا تعرف الابعاد جيدا اترك رابط مدونتك.

عفوا تم إغلاق الخدمه حتى إشعار آخـــر(24/11/2012)

تابع القراءة

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

لتركيب الاضافة ادخل الى لوحة التحكم ثم تخطيط ثم اضافة اداة HTML\JavaScrpt

ثم اضف الكود التالي مع التعديلات

<style type="text/css">
img.beintouch:hover {
    background: none repeat scroll 0 0 #D6D6D6;
    border-radius: 16px 16px 16px 16px;
    box-shadow: 0 0 10px #565656;
}
.emailtext {
    background: url("http://2.bp.blogspot.com/-j-CXUeGodJI/T0H9qpD6cjI/AAAAAAAAAI8/uuryDfQYWVI/s1600/mailbox.png") no-repeat scroll 4px center transparent;
    border: 1px solid #D3D3D3;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 2px #CCCCCC inset;
    color: #444444;
    font-weight: bold;
    margin-left: 2px;
    padding: 7px 15px 7px 35px;
    text-decoration: none;
    width: 176px;
}
.ebutton {
    background: -moz-linear-gradient(center top , #FBFBFB 0%, #F4F4F4 100%) repeat scroll 0 0 #ABAB12;
    border: 1px solid #D3D3D3;
    border-radius: 4px 4px 4px 4px;
    color: #444444;
    cursor: pointer;
    font-weight: bold;
    margin-left: -18px;
    margin-top: 5px;
    padding: 6px 15px;
    text-decoration: none;
}
</style>
<table align="center" width="317px" cellspacing="0px" cellpadding="1px"><tbody><tr><td><a target="_blank" rel="nofollow" href="http://www.facebook.com/iraqshop1"><img src="http://2.bp.blogspot.com/-qMRqkcoAT0s/Tz06uOJ0WII/AAAAAAAAAHY/gLqbjiBuBfc/s1600/woden+board+facebook_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://twitter.com/iraqshop1/" rel="nofollow"><img src="http://3.bp.blogspot.com/-xHxTM5SAVtI/Tz06umVlBnI/AAAAAAAAAHg/3X1VY6Qx3v0/s1600/woden+board+twitter_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://feeds.feedburner.com/iraqshop1" rel="nofollow"><img src="http://2.bp.blogspot.com/-G76Bnw5v0yc/Tz06tYscrpI/AAAAAAAAAHQ/pSk4w-sEHYA/s1600/woden+board+RSS1_netoops.png" class="beintouch" /></a><a href="http://www.justnaira.com"></a></td></tr></tbody></table>
<div>اضف بريدك  ليصلك جديدنا</div>
<form target="popupwindow" style="margin: 0pt;" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=iraqshop1', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" method="post" class="emailform" action="http://feedburner.google.com/fb/a/mailverify">
<input type="hidden" value="iraqshop1" name="uri" />
<input type="hidden" value="en_US" name="loc" />
<input type="text" value="Enter your email..." onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" name="email" class="emailtext" />
<input type="submit" value="Subscribe" title="" class="ebutton" alt="" />
</form> 

احفظ الاداة مع تغير iraqsop1 لصفحاتك على تويتر وفيس بوك وفيدبنر 
اذا ترغب بتغير عرض الصندوق  width="317px
اذا ترغب بتغير الجملة اعلى اضافة البريد الالكتروني اضف بريدك  ليصلك جديدنا

تابع القراءة

إضافة الـ meta tags أوما يعرف باكلامات الدلاليه لتحسين الارشفه

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

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

او ما يعرف باكلامات الدلاليه ننصحك بالاهتمام(مدونه مدون) لانها تحسن من ارشفه مدونتك

• ماهي هذه الميتا تاغ ؟
  الـ Meta tags أو (العلامات الوصفية) هي عبارة عن مصطلحات، كلمات، أوصاف أو نعوت (اختر التي تعجبك) هذا بالمختصر المفيد
• ما عملها ؟ وما فائدتها ؟
  ماشي، عملها يتمثل في تقديم وصف مختصر في بضعة ألفاظ لبنية موقعك (أقصد محتواه) ذلك أن نقول :
  الميتا تاغز (تخبر) محركات البحث أمثال [google,yahoo...] عن ماهية موقعك وما يتم تناوله فيه وهذا سينعكس ايجابا على مدونتك أو موقعك لأنه يعمل على تقوية أرشفة موقعك ورفع ترتيبه في محركات البحث .
• إن إضافة الــ meta tags لها أهمية كبيرة في [Search Engine Optimization] أي [تهيئة المواقع لمحركات البحث] 
• الــ meta tags تسمح لمحركات البحث بدخول صفحات موقعك بسرعة ودقة وبفاعلية أكبر.
• الـ meta tags تتواصل مع محركات البحث مقدمة وصفا لموقعك .

شرح طريقة التركيب
من لوحة تحكم مدونتك ثم تصميم ثم تحرير html ثم ابحث عن هذا الكود

<head>

ثم اضف هذا الكود بعده مباشرة

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='ضع هنا تعريفا مختصرا لمدونتك' name='description'/>
<meta content='ضع هنا الكلمات الأكثر رواجا في مدونتك و افصل بينها بفاصلة' name='keywords'/>
<meta content='global' name='distribution'/>
<meta content='10 days' name='revisit'/>
<meta content='10 days' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='اسم كاتب المدونة' name='author'/>
<meta content='ar' name='language'/>
<meta content='بلد الإقامة' name='country'/>
</b:if>

والان غير ما فى الكود لكى يتناسب مع مدونتك

تابع القراءة

شرح وضع خلفيه ثابته بجوانب المدونه

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

شرح

قم الأن بالضغط على زر تحرير HTML

ضع علامة على خاصية توسيع القالب :

الأن قم بالضغط على ازرر CTRL + F من لوحة المفاتيح الكيبورد لظهور خاصية البحث :

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

body{
background

ملحوظة قد لا تجد هذا الكود بهذا الشكل قد يكون بهذا الشكل

body{background

فى كلتا الحالات لا يوجد اى فرق بينهما وستجد هذا الكود قبل
  /* Header------------------------------------*/
الان تم الوصول الى الكود المطلوب وهو body{background
ماذا نفعل الأن ؟
ستجدون رابط صورة بجانب الكود الذى بحثنا عنه على سبيل المثال بهذا الشكل :

url(https://lh3.googleusercontent.com/-NByqFvotUis/T-zTPH6yPeI/AAAAAAAAAcM/bJkklgCBbQU/h120/black.gif)

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

url(https://lh3.googleusercontent.com/-NByqFvotUis/T-zTPH6yPeI/AAAAAAAAAcM/bJkklgCBbQU/h120/black.gif) fixed

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

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

تابع القراءة

طريقه اضافه ارقام تعليقات بلوجر بطريقه احترافيه

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

انها طريقه احترافيه تعليق وإضافة أرقام مثل هذه الطريقة 3،3 ألف، و 4 3.b هنا هي 3،4 و 3 التعليقات الرئيسية ألف، 3.b هي الردود

يمكنك ترى مثال فى الصوره القادمه

والان مع الشرح لتركيب الاضافه 

. انتقل إلى لوحة مدون> قالب
    2. تحميل نسخة من القالب
    3. انقر على تحرير HTML
    4.اضغط تابع
    5. الآن البحث عن رمز أدناه، 

]]></b:skin>

ثم ضع الرمز التالى فوقه مباشره

.comment-thread ol {

    counter-reset: countcomments;

}

 

.comment-thread li:before {

    content: counter(countcomments,decimal);

    counter-increment: countcomments;

    float: right;

    font-size: 22px;

    color: #555555;

    padding-left: 10px;

    padding-top: 3px;

    background: url(http://3.bp.blogspot.com/-f6ByQfbwApQ/T4x_8p1FGpI/AAAAAAAAB2A/WJKf-ybmvQk/s1600/comment+bubble2.png) no-repeat;

    margin-top: 7px;

    margin-left: 10px;

    width: 50px;

 /*image-width size*/

    height: 48px;

 /*image-height size*/

}

 

.comment-thread ol ol {

    counter-reset: contrebasse;

}

 

.comment-thread li li:before {

    content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin);

    counter-increment: contrebasse;

    float: right;

    font-size: 18px;

    color: #666666;

}

الان قم بحفظ القالب

لتخصيص الاضافه اتبع الاتى

* رقم الخط 11 - تحريره لضبط موضع النص (عدد) من حجم اليسار
     * رقم الخط 12 - بواسطة تحرير قيمة يمكنك ضبط موضع النص (العدد) داخل فقاعة من أعلى.
     * رقم الخط 13 - إذا كنت ترغب في تغيير صورة فقاعة ثم ببساطة استبدال URL صورة مع يدكم.
     * رقم الخط 14 - بواسطة تحرير هذه القيمة يمكنك ضبط موضع فقاعة من أعلى
     * رقم الخط 15 - زيادة أو إنقاص القيمة وفقا لمتطلبات الخاص بك


أدناه أنا تقاسم بعض فقاعات تعليق، انقر بزر الماوس الأيمن على أي فقاعة، حدد نسخ عنوان URL للصورة واستبدالها أعلاه تعليق URL فقاعة في رقم السطر 13.

                                                                                                                          

تم بحمد الله تعالى 

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

تابع القراءة

شرح جعل عنوان الموضوع بالمنتصف مدونه مدون

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

الان مع شكل الاضافه

الان مع شرح التركيب 

ملحوظه: قبل اى تعديل يرجى اخذ نسخه احتياطيه لتجنب اى اخطاء

1- قم بالتعديل على القالب بدون اى خوف اضغط الان على زر تحرير HTML

2- اضغط على زر متابعة

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

اضغط على ازرر CTRL + F من الكيبورد لوحة المفاتيح لظهور خاصية البحث :

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

]]></b:skin>

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

 h3.post-title { text-align:center; }

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

تابع القراءة

باترنات لطيفة حقا – Really Cute Patterns

عدد البترنات : 10

الصيغ المتوفرة : PAT

حجم الملف : 191 كيلوبايت

bitshare

amonshare

crocko

grupload 

letitbit 

quickshare 

ziddu 

turbobit

تابع القراءة