مساحة إعلانية

الجمعة، 3 أبريل، 2015

الجمعة، 3 أبريل، 2015

اضافة مسار الموضوع في مدونات بلوجر

Blogger Post Target
مسار الموضوع في مدونات بلوجر يعتبر من الإضافات التي تريح الزائر من البحث في أدوات المدونة او اجزائها عن أقسام الموضوع هناك من يدعون ان لتلك الإضافة فوائد في الأرشفة وما الى ذلك لكن هذه معلومة خاطئه كما قلت فائدة هذه الإضافة الأساسية هي التسهيل على الزائر وهذه فائدة كبيرة لا يستهان بها فمن واجبك كمدون ان تريح زائر مدونتك وهو يتصفحها لكي يبقى بها وقت اطول لكن يجب ان نضع النقاط على الحروف فيما يخص معلومات خاطئة عن بعض الإضافات
صنعت لكم تنسيق سهل وخفيف من هذه الإضافة وبعيد عن السكريبتات التي يلجأ لها البعض في هذه الإضافة والتي تسبب ثقل زائد لا داعي له هذه الإضافة هي من اكواد بلوجر الرسمية لا يوجد اى شئ اضافي خارجي مما يجعلها لا تسبب اى نوع من الثقل او الأخطاء في المدونة كما تفعله بعض الإضافات الأخرى
لتركيب الإضافة فقط ابحث عن الكود التالي
<b:includable id='post' var='post'>
وأضف بعده مباشرة الكود التالي

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#cnmumasar {
  background-color: #ddd;
  display: block;
  font-size: 12px;
  margin: 10px 0;
  padding: 5px 0;
  width: 100%;
}
#cnmumasar .masarhome {
  background: url("https://lh3.googleusercontent.com/-CnMJ5rXyu10/VR7MIGHMNKI/AAAAAAAAAQE/V9TBcMTIoC8/s16/home.png") no-repeat scroll right center rgba(0, 0, 0, 0);
  color: #000;
  float: right;
  margin: 0 10px 0 5px;
  padding: 0 20px 0 0;
}
#cnmumasar .masarhome:hover {color:#555;}
#cnmumasar .post-labels {
  background: url("https://lh6.googleusercontent.com/-27rhGHNvBa4/VR7MIFVbJUI/AAAAAAAAAQQ/iX8Hq7rNk94/s16/attach_2.png") no-repeat scroll right center rgba(0, 0, 0, 0);
  padding-right: 20px;
}
#cnmumasar .post-labels a {
  background-color: #000;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  float: none;
  font-size: 10px;
  font-weight: bold;
  padding: 0 3px 2px;
}
#cnmumasar .post-labels a:hover {background-color:#555;}
#cnmumasar .masartitle {
  background: url("https://lh5.googleusercontent.com/-g9j2SOHg6sE/VR7MIPJOXbI/AAAAAAAAAQM/A3V1gTwxbtU/s16/text.png") no-repeat scroll right center rgba(0, 0, 0, 0);
  color: #555;
  padding-right: 20px;
}
</style>
<div id="cnmumasar">
<span><a class='masarhome' href='/'>الرئيسية</a></span>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:loop>
</b:if>
</span>
<span class='masartitle'><data:post.title/></span>
</div>
</b:if>

التنسيق

هذا #ddd هو لون الخلفية
هذا 12 هو حجم الخط
هذا #000 لون رابط الرئيسية
هذا #000 لون خلفية الأقسام
هذا 10 حجم خط روابط الأقسام
هذا #555 لون خلفية الأقسام عند تمرير الماوس
أما الثلاث روابط المعلمة باللون الوردي هي روابط الأيقونات غيرها بروابط أخرى مناسبة يفضل ان يكون حجمها 16x16
وبالتوفيق

هناك 23 تعليقًا:

  1. اضافة جميلة يالغالي مصطفى يعطيك ربي دوام الصحة والعافية

    بس يظهر عندي عنوانين

    طريقة حذف العتوان الي عليه السهم
    صورة توضيحية
    http://www.3rbz.com/uploads/b11a2b779fff1.jpg

    ردحذف
    الردود
    1. أخي قالبك يعتبر به الإضافة بشكل مختلف يعني لديك العنوان تحته الأقسام في الشرطي الذي تحته فانت لا تحتاج تلك الإضافة لكن عموما
      لتخفي اسم الموضوع
      استبدل هذا الكود
      #cnmumasar .post-labels {
      background: url("https://lh6.googleusercontent.com/-27rhGHNvBa4/VR7MIFVbJUI/AAAAAAAAAQQ/iX8Hq7rNk94/s16/attach_2.png") no-repeat scroll right center rgba(0, 0, 0, 0);
      padding-right: 20px;
      }
      بهذا
      #cnmumasar .post-labels {
      background: url("https://lh6.googleusercontent.com/-27rhGHNvBa4/VR7MIFVbJUI/AAAAAAAAAQQ/iX8Hq7rNk94/s16/attach_2.png") no-repeat scroll right center rgba(0, 0, 0, 0);
      float: right;
      margin: -2px 0 0 5px;
      padding-right: 20px;
      }
      .post-title.entry-title {display: none;}
      وايضا تحت هذا الكود
      #cnmumasar
      ستجد
      margin: 10px 0;
      استبدله بـ
      margin: 5px 0 15px;

      حذف
    2. شكرا يالغالي تعبتك معي بالتوفيق لكم

      حذف
  2. الردود
    1. نورت الموضوع بمرورك اخي أحمد

      حذف
  3. موضوع جميل اخي عمرو و انا لولا مدونة كن مدون لم اكن لأعرف ما هو التدوين او كيفية التدوين و لولا مساعدتك لما كانت مدونتي الان هكذا
    و ليس تقليل منك لو من خبرتك في التدوين اخي عمرو او اي شيء فهذا فقط لتبادل المعلومات فعلا هذه الإضافة لا تزيد من نسبة الارشفة يعني لو سيو مدونتك كان 50% سيظل هكذا ولكن هي تحسن ظهور موقعك في جوجل
    صورة مثال : http://store2.up-00.com/2015-04/1428132729541.png

    فهي تظهر المواضيع بشكل منسق بدل ....http://xxx.blogspot.com/cnmutitle
    فهي بدل ان تظهر النقاط بجانب اسم الموضوع لو كان طويل تظهر الاقسام التي كتب بها الموضوع ولكن يجب اضافة scheam.org للكود حتى تظهر الاقسام في جوجل

    احترامي لشخصك الكريم =r

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

      حذف
  4. شكرا لقد تم اضافة الاداة بنجاح
    http://www.4hsoub.com/2014/11/The-modus-operandi-of-horizontal-calibration-devices-for-Android.html
    لكن تبقى مشكلة وهى انى لا استطبع اضافة ترقيم الصفحات فعند اضافة ترقيم الصفحات واقوم بعمل جميع الخطوات لا تظهر معى

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

      حذف
  5. رائع يا أستاذ عمرو .. تم الإضافة بنجاح .. ولكن الإضافة تظهر بدون تحديد
    http://software-wd.blogspot.com/2015/03/download-hotspot-shield.html

    ردحذف
    الردود
    1. كيف بدون تحديد اخي باسم ؟ في الرابط قالبك يحتوي الإضافة في بنيته الأساسية يا طيب

      حذف
    2. الباك جراوند .. لونها أسود .. عندي الباك جراوند شفاف

      حذف
    3. انا موضح في الموضوع يا غالي كيفية تغيير لون الباك جراوند ولو اردتها شفاف استبدل اللون بهذه الكلمة
      transparent

      حذف
  6. الردود
    1. أهلا بك اخي كمال سررت بمرورك يا طيب

      حذف
  7. السلام عليكم ورحمة الله وبركاته
    هذه المرة الثانية الي اضف طلبي للسؤال

    طريقة حذف الشريط صورة توضيحية
    http://www.up-00.com/VpjFoNgj

    جزاك الله خيرا

    ردحذف
    الردود
    1. وعليكم السلام ورحمة الله وبركاته
      بعضا لأسئلة أخي لا يتم نشرها ان لم يكن لها علاقة بالموضوع يعني سؤالك هو يخص استفسار عن قالبك وليس عن اضافة الموضوع بالتالي لضمان نشر هذا النوع من الأسئلة استخدام ركن الأسئلة يا طيب
      عموما ابسط طريقة لإخفاء الشريط هي بإضافة الكود التالي فوق الوسم ابحث عن الكود التالي
      #post-i {
      بعده ستجد width: 628px;
      اضف تحته مباشرة
      display:none;

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

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

      حذف
  9. السلام عليكم
    اريد ان يكون بمدونتي قائمة افقية مثل المواقع كيف استطيع فعلها

    ردحذف
    الردود
    1. وعليكم السلام ورحمة الله وبركاته
      راجع هذه المواضيع لعلها تفيدك
      http://cnmu.blogspot.com/2014/11/Ajax-Menu.html
      http://cnmu.blogspot.com/2013/12/Css-Drop-Down-Menu.html

      حذف
  10. الف الف الف شكرا يا غالي مواضيعك ارقى من الابداع استمر =y =q =r =e

    ردحذف

نسعد ونتشرف بتعليقاتكم
لكن هناك شروط يجب اتباعها لضمان نشر التعليقات
1ان يكون التعليق يخص محتوى الموضوع
2ان لا يحتوي التعليق اى روابط دون داعي
3إن أردت إضافة كود حوله اولا بمحول الأكواد
4أن لا يحتوي التعليق اي الفاظ او اساءات لاى احد
5أى سؤال بعيد عن محتوى الموضوع يرجى استخدام ركن الأسئلة

جميع الحقوق محفوظة لــ كن مدون 2013-2015 ©