قالب مدون: أكتوبر 2012

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

نشرت بواسطة:Hady store 4:12 ص في اضافات بلوجر 2 تعليقات

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

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

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

محركات البحث

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

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

http://www.prchecker.info

الان مع الصور

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

أكمل القراءة »

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

نشرت بواسطة:Hady store 11:51 ص في اخبار المدونة 26 تعليقات

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

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

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

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

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

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

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

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

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

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

أكمل القراءة »

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

نشرت بواسطة:Hady store 2:51 ص في اضافات بلوجر 5 تعليقات

لتركيب الاضافة ادخل الى لوحة التحكم ثم تخطيط ثم اضافة اداة 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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLBzFL4lehxMnXBYNjIyzk8czESwqcYAFXmB7dsIMFjUCgZoMWPctShDj2BnmXzRAhgUMi-tGUwUX8NxqHiBNQRZzz3OlHFVRbP04B9Tk1wY16RqnC-uJJpYBof8SIqu6KwwNLYWVrj_E/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdGJrc2lHGYrIELR4YbWyAkEXy0pQXfrobL-ABH8iGIaUfEDWOUi-32a0v5g5yT2HmbEW3CXX18p9W-0-C51k1c8LcbVSaZQoC6Vqd7sKLa2EXWqtmiEeJFCOdDgGQA-aS0PBmR2v3B1Q/s1600/woden+board+facebook_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://twitter.com/iraqshop1/" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHPFaEd2AhrklHF0zh9l6r7Nmxatf3QAhbSfR715vLhu-QBu2MTeixq1BmAkOZzJcdsa9GJqeiYjAV9GhxsziS8cvXEPz1-Ub9klGVYq5R1c3etetIxDRQrrd8sCrFgAiFKE1gEqZd0hk/s1600/woden+board+twitter_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://feeds.feedburner.com/iraqshop1" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlR3QqaRBrREoeW5vsnX3j-6ITtlCLQD2eJ4DIDoXMR_ZBpyc5d_6-aFLDaOkiZa645wtkSh71jAP-rykQumG-z9JbHPaihGkPSIRaMfvpOjn44DnbiCdc9xy5xCPq4qkH5WqlFooOxlk/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 == "Enter your email...") {this.value = ""}" onblur="if (this.value == "") {this.value = "Enter your email...";}" name="email" class="emailtext" />
<input type="submit" value="Subscribe" title="" class="ebutton" alt="" />
</form>

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

أكمل القراءة »

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

نشرت بواسطة:Hady store 12:24 م في شروحات بلوجر 3 تعليقات

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

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

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

ماهي هذه الميتا تاغ ؟
الـ 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>

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

أكمل القراءة »

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

نشرت بواسطة:Hady store 4:55 م في شروحات بلوجر 12 تعليقات

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

شرح

قم الأن بالضغط على زر تحرير 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

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

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

أكمل القراءة »

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

نشرت بواسطة:Hady store 9:01 م في شروحات بلوجر لاتوجد تعليقات

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

bubble comment count, bubble blogger posts

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

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

أكمل القراءة »

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

نشرت بواسطة:Hady store 4:55 ص في تغير القالب 1 تعليق واحد

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

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