إضافة قائمة جانبيه معروض بها بعض قنوات البث المباشر (حصري خبره بالفطره)

إضافة قائمة جانبيه معروض بها بعض قنوات البث المباشر (حصري خبره بالفطره)

إضافة قائمة جانبيه تليق بالصفحه الرئيسيه للمدونة تابع

الكود

 <style>
#advertise{
  margin: auto;
}
 .adss { list-style:none; margin-top:5px auto; margin: 0 1px 2px 1px; display:inline-block; text-align: center; }
 .adss a { display:block; width:75px; height:75px; padding-right:0px; padding-top: 3px; position:relative; text-decoration:none; }
 .adss a strong { font-weight: normal;
position: absolute;
left: 20px;
top: -1px;
color: #fff;
padding: 3px;
z-index: 9999;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);
background-color: rgba(12, 106, 205, 0.95);
-moz-border-radius: 3px;
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
-webkit-border-radius: 3px;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
border-radius: 3px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
 .adss img { max-height: 75px; max-width: 75px; }
 #adsanime:hover { opacity:0.2; }
 #adsanime a strong {
    -webkit-transition-property: opacity;
     -webkit-transition-duration: 500ms;
     -moz-transition-property: opacity;
      -moz-transition-duration: 500ms; }
 #adsanime a strong {
   opacity:0;
    -webkit-transition-property: opacity, top;
     -webkit-transition-duration: 300ms;
      -moz-transition-property: opacity, top;
       -moz-transition-duration: 300ms; }
 #adsanime {
    opacity:0.5;
     -webkit-transition-property: opacity, top;
      -webkit-transition-duration: 300ms;
       -moz-transition-property: opacity, top;
        -moz-transition-duration: 300ms; }
 #adsanime:hover { opacity:1; }
 #adsanime:hover a strong { opacity:1; top:-10px; }
</style>
<center>

<div class="adss" id="adsanime">
<a href="http://www.khebrabelfetra.blogspot.com/2016/12/quran-karim.html" target="_blank">
   <img class="hoverZoomLink" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqaL8CGUm7VyuWx3tl-po5LfKLaCJfA5_f8Sh7C7vZVcKaMvagZ6GhlpHjckLO3q3g6maeTIgk1tLusnCOPEzNlz86Rz9m_Vetxsi7ih6EKhMb_prqZPg3woj3WmY1pGsHN0u-gFxDgxM/s1600/%25D8%25A7%25D8%25B9%25D9%2584%25D9%2586-%25D9%2587%25D9%2586%25D8%25A7yyyfdfdggggghhtgg.png" />
   <strong>إذاعة القرآن الكريم من القاهره</strong></a>
    </div>
<div class="adss" id="adsanime">
<a href="http://www.khebrabelfetra.blogspot.com/2016/12/bein-sport-3.html" target="_blank">
   <img class="hoverZoomLink" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC9sJAg24lrCp4IYVSOK_cd588dSo8d2SejhDd22pVQjHA6tUsPSPWHhTp5aiVosCXSszGZGVEbeo3gSSgQSA-HicIaSnKhJfUf8ios0DAyM7fAHcQPD2M-fDeVkis32mkAFJTAjFY5fg/s1600/fffggghhvv.png" />
   <strong>بي إن سبورت 3</strong></a>
    </div>
<div class="adss" id="adsanime">
<a href="http://khebrabelfetra.blogspot.com/2016/12/2.html" target="_blank">
   <img class="hoverZoomLink" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_5cDs-DwpcE05ttaVLSC1Sp2A0iMXVEvQ1sU1mSrSCvmqabixv95iQDsnomXKlzZiOjaXPFgvosTm_TphbDt0t2G4E3F_cMOfUHXup3FP4pOahVSSwbSrJcVQbIu-fNUUzGr5_Hx47Qo/s1600/fffggghhvvvvv.png" />
   <strong>القناه التانيه المصريه</strong></a>
    </div>
<div class="adss" id="adsanime">
<a href="http://khebrabelfetra.blogspot.com/2016/12/roya-tv-live-stream.html" target="_blank">
   <img class="hoverZoomLink" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0QCFZDxk3h9Esj-uvLYTsqRpVxH6WByWTWxVM8p7a_SIWHApFQ9HaqpYSItHzR5fTLOxfsOUwBBZt870hjfpDoQfQrxcaEmp-01nTEwrSO_XLaIdo6-VNQrEdV5KPe8CGpvcqZ9R_9Pg/s1600/fffg.png" />
   <strong>قناة رؤيا</strong></a>
    </div>
<div class="adss" id="adsanime">
<a href="http://khebrabelfetra.blogspot.com/2016/12/blog-post_28.html" target="_blank">
   <img class="hoverZoomLink" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5QEOuapeV2JG1KZ8sc3kqLFfB_UwhTxBfwvYSUJT5FJkn3NX9aZLwp5zNmz8ow6YCR0VTWywYbyBpZyEXV2kPxb_xhLhMIXTer0BzOxutEqSrUTvOBfdwGBt2i1YCJchqWDwyaTph-7Q/s1600/%25D8%25A7%25D8%25B9%25D9%2584%25D9%2586-%25D9%2587%25D9%2586%25D8%25A7yyyfdfdggggghhtgggg.png" />
   <strong>قناة نون</strong></a>
    </div>
<div class="adss" id="adsanime">
<a href="http://khebrabelfetra.blogspot.com/2016/12/makkah-live-hd.html" target="_blank">
   <img class="hoverZoomLink" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqo-xx6zw04UpNYdEPiudcge_FOowP9evHhpg9JZa-7zmxTYtNAaEE6Uz9G3rne3e75Tm9V_CqZx_dIKpEYcf0aul1tOXvHYQ_TdBv6feo3490jwZudg86S7GpQbCRT7M_N3i6DTcBPZ8o/s1600/%25D8%25A7%25D8%25B9%25D9%2584%25D9%2586-%25D9%2587%25D9%2586%25D8%25A7yyyfdfdggggghhf.png" />
   <strong>قناة مكه مباشر</strong></a>
    </div>
<div class="adss" id="adsanime">
<a href="http://khebrabelfetra.blogspot.com/2016/12/cbc-extra-live.html" target="_blank">
   <img class="hoverZoomLink" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE3GNB0V5So6jkXZ_gYTTLlJe2MWP2dhEksC1M8Ql4HM6ZfDJZnTAb1NLAbqBgoM_KAMzFDCl7ZSaepXyWN218KYSLnnr3BRf8V0XTywCU4mYZH0xemjkwWYGssWiiUYjAvbZ41Hsb8O8/s1600/%25D8%25A7%25D8%25B9%25D9%2584%25D9%2586-%25D9%2587%25D9%2586%25D8%25A7yyyfdf.png" />
   <strong>قناة سي بي سي إكثترا</strong></a>
    </div>
<div class="adss" id="adsanime">
<a href="http://khebrabelfetra.blogspot.com/2016/12/cbc-channel-live.html" target="_blank">
   <img class="hoverZoomLink" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBm2s0nMpJo7B81UwXZETdaL0qRGpP5AIwMfuXdf3GRiI3er66xmXL4RfbZfjutKMTKcsqovVOZsQiSLOBpDln2Iu_CssrksfYN5KV2vqZIgI9kiuEfe_PpeRRA6aAjZBte6L0KTX9kes/s1600/%25D8%25A7%25D8%25B9%25D9%2584%25D9%2586-%25D9%2587%25D9%2586%25D8%25A7yyyfdfdgggg.png" />
   <strong>قناة سي بي سي</strong></a>
    </div>
<div class="adss" id="adsanime">
<a href="http://khebrabelfetra.blogspot.com/2016/12/1.html" target="_blank">
   <img class="hoverZoomLink" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBXXkWCv7CJnGX2NfLYCTCcR1F6e_Yo9ORlK8WfzuzY0BGAvqvRuIil1Wu3SJy_UnZHDMGMfbLyhVKSqG03wVK70D3jkBP2dDkdZbAErMN_pWW0epsNekDZpOCKjEhoDg-4D0MOW3quOw/s1600/fffgggh.png" />
   <strong>قناة الحياه</strong></a>
    </div>
</center>
<br />
<br />
<center>
<a href="http://www.khebrabelfetra.blogspot.com/p/live.html" target="_blank">
<img style="width: 250px; height: 50px; top:-7px;
 margin-top: -6px;" alt="شاهد المزيد من قنوات البث المباشر" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiSp940MKVTCCpFiwSkuJBn5WnkRjBHigpUIiiVfBJrrErhKVOszg2uJ7-sEVMFyXJzEb5BGj86ex8bEAlIak6uEMkxFMmd3bpE3gKDXLj0sNFBcr1YyigCUAcBM3OLag1qVaUEWBqXSw/s1600/222222222222222222fecd.png" border="0" title="بث مباشر مدونة خبره بالفطره" /></a>
</center>

<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="//www.blogger.com/rearrange?blogID=1001817475912916521&amp;widgetType=HTML&amp;widgetId=HTML6&amp;action=editWidget&amp;sectionId=sidebar" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;HTML6&quot;));" target="configHTML6" title="تحرير">
<img alt="" height="18" src="https://resources.blogblog.com/img/icon18_wrench_allbkg.png" width="18" />
</a>
</span>
</span>
<div class="clear"></div> 

الكود باللون الأصفر : هو رابط صفحة البث المباشر إن وجدت

الكود باللون الأزرق : هو اسم القناة

الكود باللون الأخضر : رابط صورة قناة ويجب أن يكون بمقاس 120੪120 وأنصح ببرنامج فوتو سكيب للتحرير لأنه من أفضل البرامج وهذا رابطه إضغط هنا

الكود باللون الأحمر : هو ربط المشاركه أو الموضوع الموجود بداخله القناة

مع الذكر إن ه يمكن زيادة أو نقصان في عدد القنوات المعروضه عن طريقة إضافة أو حذف هذا الكود كمثال

<div class="adss" id="adsanime">
<a href="ربط الموضوع الخاص بالقناة" target="_blank">
   <img class="hoverZoomLink" src="رابط صورة القناة بحجم 120 في 120" />
   <strong>إضافة إسم القناه</strong></a>
    </div>

وهذا الكود يمكن وضعه هنا كما في الصوره

وهذه الصوره 





مقتبسه من هذه الصورة



حتى لانأخذ حق غيرنا الصوره من مدونة الأوائل


معاينة الاضافة من هنا أو الصوره

رابط  الكود 


هذا الموضوع حصري والكود من تطويري

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

وضع إعلانات أدسنس أعلى وأسفل التدوينة تلقائياَ في بلوجر

وضع اعلانات اسفل وفوق التدوينة تلقائياَ في بلوجر

0 12:15:00 م

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

طريقة التركيب : 

1. ندخل القالب .

2. 
   

3. نبحث عن 

<data:post.body/>

سنجد اكثر من واحد  الاخير هو المقصود , نضع كود الاعلان فوقه ان اردناه ان يظهر فوق التدوينة او اسفل ان اردناه ان يظهر اسفل التدوينة . او فوقه واسفله ان اردناه ان يظهر فوق واسفل التدوينة

ملاحظة : قم بتحويل كود الاعلان من هنا قبل كل شيء

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

المصدر: مدونة عالم بلوجر

اضافة قائمة أفقية احترافية جديدة الى البلوجر 2015

Abdessamad Chbani   تصميم و تطوير المواقع

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

معاينة الإضافة 

طريقة اضافة القائمة الى البلوجر 

1 . نتوجه الى المدونة ، قالب ، تحرير HTML 

2. نبحث عن الوسم 

</head>

3. ثم نضيف الكود التالي فوقه

<style>
* {
  -webkit-transition-timing-function: ease-out;
  /* Safari and Chrome */
  transition-timing-function: ease-out;
  box-sizing: border-box;
  text-decoration: none;
  list-style: none;
  padding: 0;
  margin: 0;
}

.toggleNav {
  border-bottom: 5px solid #15e1af;
  background-color: #54EFC9;
  width: 100%;
  height: 80px;
  text-align: center;
  line-height: 80px;
  cursor: pointer;
  color: white;
  font-size: 30px;
text-decoration: none;
}
.toggleNav:hover { border-bottom: 5px solid #13ca9d; }
nav {
  width: 100%;
  min-height: 50px;
}
.toggleNavButton {
  transition-duration: 0.5s;
  width: 40px;
  height: 2px;
  background-color: white;
  position: absolute;
  right: 50%;
  top: 25px;
  margin-right: -20px;
  border-radius: 2px;
}
.toggleNavButton:before,
.toggleNavButton:after {
  border-radius: 2px;
  transition-duration: 0.5s;
  content: "";
  position: absolute;
  top: 10px;
  right: 0;
  background-color: white;
  width: 40px;
  height: 2px;
}
.toggleNavButton:after { top: 20px; }
.toggleNavButton.active { width: 0; }
.toggleNavButton.active:after {
  top: 10px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.toggleNavButton.active:before {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
#subnav {
  width: 100%;
  border-bottom: 0px solid #e60b3e;
  background-color: #F64870;
  transition-duration: 0.2s;
  overflow: hidden;
  height: 0px;
}
#subnav.active {
  border-bottom: 5px solid #e60b3e;
  height: 50px;
}
#subnav ul {
  width: 615px;
  margin: 0 auto;
}
#subnav ul li {
  transition-duration: 0.3s;
  display: inline-block;
  text-align: center;
  width: 120px;
  padding: 10px 0;
  height: 50px;
}
#subnav ul li a { color: white;text-decoration: none; font: 13px oswald,ges;}
#subnav ul li:hover { background-color: #e60b3e; }
</style>

4. نبحث عن الكود 

</body>

5. ثم نضيف الكود التالي فوقه مباشرة

<script>
$(".toggleNav").click(function () {
    $("#subnav").toggleClass("active");
    $(".toggleNavButton").toggleClass("active");
 });
</script>

6. و اخيرا كود الخاص بالقائمة أضفه في المكان الذي تريده و يستحسن اضافته أسفل الوسم <body>

<nav>
  <div class="toggleNav">
    <div class="toggleNavButton"></div>
  </div>
  <div id="subnav">
    <ul>
      <li> <a href="#">الرئيسية</a> </li>
      <li> <a href="#">القائمة 1</a> </li>
      <li> <a href="#">القائمة 2</a> </li>
      <li> <a href="#">القائمة 3</a> </li>
      <li> <a href="#">القائمة 4</a> </li>
      <li> <a href="#">القائمة 1</a> </li>
      <li> <a href="#">القائمة 1</a> </li>
    </ul>
  </div>
</nav>

7. ثم حفظ . لأي استفسار ضعه في التعليق .

طريقة اضافة اداة مشاهدة محتوى مخفي

تصميم و تطوير المواقع

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

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

• أولا توجه الى مدونتك 
• ثم اختر قالب 
• من بعد تحرير HTML
• ابحث عن الكود التالي 

</head>

• ضع الكود التالي من فوقه ثم اضغط على حفظ.

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
    $(".slidingDiv").hide();
    $(".show_hide").show();
    $('.show_hide').click(function() {
        $(".slidingDiv").slideToggle();
    });
});//]]>
</script>

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

<div class="show_hide" id="slidingDiv" style="text-align: right;">
<a href="javascript:void(0);">تابع الشرح الاتي :</a><br />
<br /></div>
<div class="slidingDiv" style="display: none; overflow: hidden;">
ضع الموضوع المخفي هنا
</div>

طريقة حذف الروابط تلقائيا في تعليقات البلوجر

Abdessamad Chbani   تصميم و تطوير المواقع

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

هناك طريقتين إختر المناسبة بالنسبة لك .

• الطريقة الأول : 

التوجه الى المدونة >>  قالب  >> تحرير HTML  .

نبحث عن    ]]></b:skin>

و نضيف الكود التالي فوقه

.comment-content a {
display: none;
}

• الطريقة التانية :

التوجه الى المدونة >>  قالب  >> تحرير HTML  .

نبحث عن </head>    و نضيف الكود التالي فوقه مباشرة

<!--Stop Blog Comments -->
<script>$('.comment-content a[rel$=nofollow]').replaceWith(function(){return ($(this).text());});
</script>
<!--Stop Blog Comments -->

• و أخيرا نضغط على حفظ .

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

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

مسار الموضوع في مدونات بلوجر يعتبر من الإضافات التي تريح الزائر من البحث في أدوات المدونة

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

وما الى ذلك لكن هذه معلومة خاطئه كما قلت فائدة هذه الإضافة الأساسية هي التسهيل على الزائر وهذه فائدة كبيرة

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

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

لتركيب الإضافة فقط ابحث عن الكود التالي

  <b:includable id='post' var='post'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#xm3lmasar {
  background-color: #ddd;
  display: block;
  font-size: 12px;
  margin: 10px 0;
  padding: 5px 0;
  border: 2px solid #000000;
width:100%;
}
#xm3lmasar .masarhome {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYF7T11rW2Nkh1V5SGnWy1GyveNC5lRGHxGpHeN2_-HnCOLAIcUtf9wcYZh4XoxfBWtkiyep1DeaabC9ZyUTtvQf4iVqFILfKU1wZ2PfDfgL715_urNRJEBQjCIZO_n637ejjSdlk50g0/s1600/home-xm3lwmyat.gif") no-repeat scroll right center rgba(0, 0, 0, 0);
color: #000;
margin: 0 10px 3px 5px;
padding-right: 20px;
}
#xm3lmasar .masarhome:hover {color:#555;}

#xm3lmasar .post-labels {

background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOhC2-O1d5O0f1p0mxTFhK5cvliJsMPsHKR6gMtJX3Jjg4xlw933z1EYamIQ107AuOcoBvNzUlLxcAYLYsD77RzkhhWn6WYTTeIex6hg-GrezXSMgGzZlVWRBpi8iRpwZ3K_WGuVXhXT8/s1600/pin-xm3lwmyat.png") no-repeat scroll right center rgba(0, 0, 0, 0);
padding-right: 20px;
padding-top: 2px;

}

#xm3lmasar .post-labels a {
background-color: #000;
border-radius: 2px;
color: #ff7;
display: inline-block;
float: none;
font-size: 11px;
font-weight: bold;
padding: 2px;
margin-left: 3px;
text-decoration: none;
margin-top: -3px;
}

#xm3lmasar .post-labels a:hover {background-color:#555;}
#xm3lmasar .masartitle {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyW9lZwlEKiS4aYnDlM5lROPCnEpaZLM8RzgtUIaDvjLg3jPvYB45R-6HCiifHacz-AOL4F0RU4oI2KtjQHaSZ4BxRZWydEgXAjiN76ayPjta6PEMIrALRctxOGAxpSDt3gf9pRRxqKAQ/s1600/text-xm3lwmyat.png") no-repeat scroll right center rgba(0, 0, 0, 0);
color: #555;
padding-right: 20px;
padding-top: 2px;
font-family: fantasy;
}
</style>
<div id="xm3lmasar">
<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 لون خلفية الأقسام
هذا #ff7 لون رابط الاقسام  
هذا 11 حجم خط روابط الأقسام
هذا #555 لون خلفية الأقسام عند تمرير الماوس 
أما الثلاث روابط المعلمة باللون الوردي هي روابط الأيقونات غيرها بروابط أخرى مناسبة يفضل ان يكون حجمها 16x16

ومن تواجه مشكلة باب التعليقات مفتوح دائماً

 5  بضغطة زر تشارك الفائدة وتدعم المدونة


المصدر اضغط هنا

طريقة إخفاء مقالات معينة من الظهور بالصفحة الرئيسية لمدونات بلوجر ووردبريس

طريقة إخفاء مقالات معينة من الظهور بالصفحة الرئيسية لمدونات بلوجر ووردبريس

mohammed glal الجمعة, نوفمبر 14, 2014 3 تعليق

عدد مشاهدات الموضوع:

1292

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

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

طريقة إخفاء موضوع من رئيسية مدونات بلوجر - مدونة أبو إياد

يمكنك معاينة نتيجة الدرس بدخولك على هذا الرابط “http://ethraa2-test0.blogspot.com/2014/11/blog-post.html“وهو رابط لموضوع تم إخفائه من الصفحة الرئيسية, يمكنك البحث عنه فلن تجده بأى صفحة فى هذه المدونة التجريبية “http://ethraa2-test0.blogspot.com/” ولكنه بالفعل موجود بدليل أن الرابط صالح وصحيح وتم فتح محتواه.

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

أولا: الدخول الى تحرير HTML  والبحث عن ذلك الكود

Data hosted with ♥ by Pastebin.com - Download Raw - See Original

&lt;div class=&quot;date-outer&quot;&gt;

ثانيا: نقوم باستبدال الكود السابق بالكود التالى

Data hosted with ♥ by Pastebin.com - Download Raw - See Original

&lt;div class=&quot;date-outer&quot;
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <b:if cond='data:blog.searchQuery == &quot;&quot;'>
    <b:if cond='data:blog.searchLabel == &quot;&quot;'>
            <b:if cond='data:post.url == &quot;FIRST POST URL&quot;'> style=&#39;display:none;&#39;</b:if>
            <b:if cond='data:post.url == &quot;SECOND POST URL&quot;'> style=&#39;display:none;&#39;</b:if>
          </b:if>
          </b:if>
          </b:if>
       &gt;

أو استبداله بالكود التالى

Data hosted with ♥ by Pastebin.com - Download Raw - See Original

&lt;div class=&quot;date-outer&quot;
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
            <b:if cond='data:post.url == &quot;FIRST POST URL&quot;'> style=&#39;display:none;&#39;</b:if>
            <b:if cond='data:post.url == &quot;SECOND POST URL&quot;'> style=&#39;display:none;&#39;</b:if>
          </b:if>
       &gt;

الفرق بين الكود المُعدَّل الأول والكود المُعدَّل الثانى هو

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

ثالثا: نقوم بالتعديل على FIRST POST URL  الموجود بالكود الى رابط الموضوع الذى تريد إخفاءه وان كان هناك موضوع أخر قم باستبدال SECOND POST URL برابط الموضوع الأخر وان زاد عن ذلك الحد يمكنك زيادة هذا السطر فى الكود والتعديل على ANOTHER POST URL

Data hosted with ♥ by Pastebin.com - Download Raw - See Original

<b:if cond='data:post.url == &quot;ANOTHER POST URL&quot;'> style='display:none;'</b:if>

رابعا: نقوم بحفظ القالب ونقوم بالمعاينة.

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

ختاما.. شكرا لمتابعي المدونة الكرام وآمل أن أكون قد وُفقت فى الشرح وإضافة شيئا جديدا لكم. تحيتى. تم مشاركة هذا المحتوى مع مدونة إثراء. جميع الحقوق محفوظة لمطور الكود MS-potilas 

http://www.abu-iyad.com/2014/11/How-to-hide-posts-from-blogpost-homepage.html

تدوينات مفيدة :