التعرف على محتوي لقالب القائمه لـ Main

رسائل المدونة الإلكترونية

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

الكود الرسمي

<b:widget-setting name='commentLabel'>هنا المحتوي</b:widget-setting>

كمثال

<b:widget-setting name='commentLabel'>التعليقات :</b:widget-setting>

هنا نوضح كيف نزين المحتوي باي اضافه لصوره او اي محتوي والتعرف على المسميات لها ليسهل عليك الامر

1- التعليقات commentLabel

2- الكاتب authorLabel

3- التوقيت timestampLabel

4- الدوله postLocationLabel

5- القسم postLabelsLabel

ونتابع

 نبذه سريعه واتبع شروحاتنا ليسهل عليك الاضافات بالبوجر باسرع وقت

1- هذا الامر لـ CSS

]]></b:skin>

2- هذا الامر لـ Javascript -Js

</body>

3- هذا الامر لـ HTML

</header>

نتابع

 هذا اذ وجت الاكواد مو شرط تجدها باي قالب

البحث عن

#blog-pager-newer-link {

float: left;

}

#blog-pager-older-link {

float: right;

}

#blog-pager {

text-align: center;

}

الاستبدال

#blog-pager-newer-link {

float: left;

display: none;

}

#blog-pager-older-link {

float: right;

display: none;

}

#blog-pager {

text-align: center;

display: none;

}

 انتبه لهذا او اذا حابه اتركه

الويب

<blockquote>

  Creativity is just connecting things. When you ask creative people how they did something, they feel a little guilty because they didn't really do it, they just saw something. It seemed obvious to them after a while. That's because they were able to connect experiences they've had and synthesize new things.

  <span>Steve Jobs</span>

</blockquote>

الاستايل

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic);

blockquote{

  font-size: 1.4em;

  width:60%;

  margin:50px auto;

  font-family:Open Sans;

  font-style:italic;

  color: #555555;

  padding:1.2em 30px 1.2em 75px;

  border-left:8px solid #78C0A8 ;

  line-height:1.6;

  position: relative;

  background:#EDEDED;

}

blockquote::before{

  font-family:Arial;

  content: "\201C";

  color:#78C0A8;

  font-size:4em;

  position: absolute;

  left: 10px;

  top:-10px;

}

blockquote::after{

  content: '';

}

blockquote span{

  display:block;

  color:#333333;

  font-style: normal;

  font-weight: bold;

  margin-top:1em;

}

 حذف هذا الامر من البلوجر بروابط

 حل مشكله الضاهر بالصوره لـ يجب تحديد "name" أو "item.name". (في "itemListElement")

يكون من المصدر
https://developers.google.com/search/docs/appearance/structured-data/breadcrumb?hl=ar
والرابط الاخر يفيدك بعض الشئ بس بدقه تفحصها
https://developers.google.com/search/docs/appearance/structured-data/carousel?hl=ar
في كل الاحوال تكون المشكه من تعديل : القسم باسم او وضع كلمات البحث
يقولون ان هذا الكود الجديد

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a class='homebread' expr:href='data:blog.homepageUrl' itemprop='item' title='Home'><i class='fa fa-home'/>
<span itemprop='name' style='display: none;'>الرئيسية</span></a>
<meta content='1' itemprop='position'/>
</span>
<i class='fa fa-caret-left'/>
<b:loop index='num' values='data:post.labels' var='label'>
<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a expr:href='data:label.url + &quot;?&amp;max-results=16&quot;' expr:title='data:label.name' itemprop='item'>
<span itemprop='name'>
<data:label.name/>
</span>
</a>
<meta expr:content='data:num+2' itemprop='position'/>
</span>
<b:if cond='data:label.isLast != &quot;true&quot;'>
<i class='fa fa-caret-left'/>
</b:if>
</b:loop>
<i class='fa fa-caret-left'/>
<span>
<data:post.title/>
</span>
</div>
</b:if>
</b:loop>
</b:if>

 الدخول يا من البريد او على الرابط

 لمثال 

البحث عن

</head>

فوقه حط هذا

<script type='text/javascript'>

posts_no_thumb_sum = 490;

posts_thumb_sum = 400;

img_thumb_height = 120;

img_thumb_width = 120;

</script>

<script type='text/javascript'>

//<![CDATA[

function removeHtmlTag(strx,chop){

if(strx.indexOf("<")!=-1)

{

var s = strx.split("<");

for(var i=0;i<s.length;i++){

if(s[i].indexOf(">")!=-1){

s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);

}

}

strx = s.join("");

}

chop = (chop < strx.length-1) ? chop : strx.length-2;

while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;

strx = strx.substring(0,chop-1);

return strx+'...';

}

function createSummaryAndThumb(pID){

var div = document.getElementById(pID);

var imgtag = "";

var img = div.getElementsByTagName("img");

var summ = posts_no_thumb_sum;

if(img.length>=1) {

imgtag = '<span class="posts-thumb" style="float:left; margin-right: 5px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';

summ = posts_thumb_sum;

}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';

div.innerHTML = summary;

}

//]]>

</script>

والبحث عن هذا

<data:post.body/>

استبدله بهذا

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>

<span class='readmore' style='float:right'><a expr:href='data:post.url'>إقراء المزيـد &#187;</a></span></b:if></b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

واخيرا نبحث عن 

]]></b:skin>

فوقه ضع الكود هذا

.thumbnail-post {width:140px;height:80px;float:left;margin:0px 10px 0px 0px;padding-right:15px}

انتهي