افضل طريقتين لعرض المواضيع حسب التسمية

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

لسلام عليكم زوار مستر عربكو

بناء علي طلب زائر من زوار الموقع

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

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

أول طريقة

الاضافة الأولي

ستكون بهذا الشكل

الشرح

اولا ابحث عن </HEAD>

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

الكود الأول

<B:IF COND='DATA:BLOG.PAGETYPE != &QUOT;ITEM&QUOT;'>
<B:IF COND='DATA:BLOG.PAGETYPE != &QUOT;STATIC_PAGE&QUOT;'>
<STYLE TYPE='TEXT/CSS'>
/* RECENT POST BY LABEL */
.NEWARLINALABEL1 UL,.NEWARLINALABEL2 UL{LIST-STYLE:NONE;MARGIN:0;PADDING:0}
.NEWARLINALABEL1 LI,.NEWARLINALABEL2 LI{MARGIN:0;PADDING:0;}
.NEWARLINALABEL1 .WIDGET,.NEWARLINALABEL2 .WIDGET{MARGIN:0;PADDING:0}
.NEWARLINALABEL1 .WIDGET-CONTENT,.NEWARLINALABEL2 .WIDGET-CONTENT{BORDER:1PX SOLID #E9E9E9;PADDING:20PX;MARGIN:0;WORD-WRAP:BREAK-WORD;OVERFLOW:HIDDEN}
.NEWARLINALABEL1 H2,.NEWARLINALABEL2 H2,.NEWARLINALABEL3 H2{POSITION:RELATIVE;MARGIN:0;PADDING:15PX 20PX;FONT-SIZE:12PX;FONT-WEIGHT:700;TEXT-TRANSFORM:UPPERCASE;COLOR:#333;BORDER:1PX SOLID #E9E9E9;BORDER-BOTTOM:0}
.NEWARLINALABEL2 H2,.NEWARLINALABEL3 H2{MARGIN:20PX 0 0 0;}
.NEWARLINALABEL1 H2:BEFORE,.NEWARLINALABEL2 H2:BEFORE,.NEWARLINALABEL3 H2:BEFORE{CONTENT:'\F108';LEFT:10PX;BOTTOM:0;FONT-FAMILY:FONTAWESOME;FONT-STYLE:NORMAL;FONT-WEIGHT:NORMAL;MARGIN:0 0 0 10PX;COLOR:#FF675C;}
.NEWARLINALABEL2 H2:BEFORE{CONTENT:'\F0C3';}.NEWARLINALABEL3 H2:BEFORE{CONTENT:'\F143';}
.NEWARLINALABEL1 .INDEX,.NEWARLINALABEL2 .INDEX{FONT-SIZE:10PX;FLOAT:LEFT;FONT-WEIGHT:400;}
.NEWARLINALABEL1 .INDEX A,.NEWARLINALABEL2 .INDEX A{DISPLAY:FLEX;COLOR:#039BE5;PADDING:3PX 8PX;BORDER-RADIUS:2PX;FONT-WEIGHT:400;BORDER:1PX SOLID #29B6F6}
.NEWARLINALABEL2 .INDEX A{COLOR:#EF6C00;BORDER-COLOR:#FFA726}
.NEWARLINALABEL1 .INDEX A:HOVER{BACKGROUND:#039BE5;COLOR:#FFF;BORDER-COLOR:TRANSPARENT}
.NEWARLINALABEL2 .INDEX A:HOVER{BACKGROUND:#EF6C00;COLOR:#FFF;BORDER-COLOR:TRANSPARENT}
.NEWARLINALABEL1 .INDEX A:AFTER{CONTENT:&QUOT;\F104&QUOT;;FONT-FAMILY:FONTAWESOME;MARGIN-TOP:3PX;FONT-STYLE:NORMAL;FONT-WEIGHT:NORMAL;TEXT-DECORATION:INHERIT;PADDING-RIGHT:5PX}
.NEWARLINALABEL2 .INDEX A:AFTER{CONTENT:&QUOT;\F104&QUOT;;FONT-FAMILY:FONTAWESOME;MARGIN-TOP:3PX;FONT-STYLE:NORMAL;FONT-WEIGHT:NORMAL;TEXT-DECORATION:INHERIT;PADDING-RIGHT:6PX}
.NEWARLINALABEL2 SPAN.NEWARLINA_META_COMMENT A:HOVER{COLOR:#38761D!IMPORTANT}
.NEWARLINALABEL2 UL.NEWARLINA_THUMBS LI A:HOVER,.NEWARLINALABEL2 UL.NEWARLINA_THUMBS2 LI A:HOVER{COLOR:#FF675C;TEXT-DECORATION:NONE}
.NEWARLINA_RIGHT{WIDTH:280PX;WIDTH:45.7%;FLOAT:RIGHT;MARGIN:0;PADDING:0 0 0 20PX;BORDER-LEFT:1PX SOLID #E9E9E9}
.NEWARLINA_LEFT{WIDTH:250PX;WIDTH:51.5%;FLOAT:LEFT;MARGIN:0;PADDING:0}
UL.NEWARLINA_THUMBS{MARGIN:0;PADDING:0}
UL.NEWARLINA_THUMBS LI,UL.NEWARLINA_THUMBS2{MARGIN:0;PADDING:0}
UL.NEWARLINA_THUMBS .CAT_THUMB{POSITION:RELATIVE;MARGIN:0 0 15PX;PADDING:0;WIDTH:280PX;HEIGHT:200PX}
UL.NEWARLINA_THUMBS .CAT_THUMB IMG{HEIGHT:AUTO;WIDTH:100%;TRANSITION:ALL 0.2S}
UL.NEWARLINA_THUMBS .CAT_THUMB IMG:HOVER{OPACITY:.9;}
UL.NEWARLINA_THUMBS2 LI{MARGIN:0 0 10PX;PADDING:0 0 10PX;BORDER-BOTTOM:1PX SOLID #E9E9E9}
UL.NEWARLINA_THUMBS2 LI:LAST-CHILD{BORDER-BOTTOM:NONE;MARGIN:0;PADDING:0}
UL.NEWARLINA_THUMBS2 .CAT_THUMB2{FLOAT:RIGHT;MARGIN:0 0 0 10PX;WIDTH:62PX;HEIGHT:72PX;OVERFLOW:HIDDEN}
UL.NEWARLINA_THUMBS2 .CAT_THUMB2 IMG{HEIGHT:AUTO;TRANSITION:ALL .2S}
UL.NEWARLINA_THUMBS2 .CAT_THUMB2 IMG:HOVER{OPACITY:.9;}
SPAN.NEWARLINA_TITLE{FONT-FAMILY:DROID ARABIC KUFI,SANS-SERIF;FONT-SIZE:12PX;FONT-WEIGHT:700;DISPLAY:BLOCK;MARGIN:0 0 10PX;LINE-HEIGHT:NORMAL;TEXT-TRANSFORM:NONE}
SPAN.NEWARLINA_TITLE2{FONT-SIZE:12PX;LINE-HEIGHT:1.4EM;MARGIN:0 0 3PX}
SPAN.NEWARLINA_TITLE A{COLOR:#333}
SPAN.NEWARLINA_TITLE A:HOVER{COLOR:#FF675C;TEXT-DECORATION:NONE}
SPAN.NEWARLINA_SUMMARY{DISPLAY:BLOCK;LINE-HEIGHT:1.6EM;FONT-SIZE:12PX;TEXT-OVERFLOW:ELLIPSIS;MARGIN:10PX 0 0 0}
SPAN.NEWARLINA_META{DISPLAY:BLOCK;FONT-FAMILY:DROID ARABIC KUFI,SANS-SERIF;FONT-SIZE:11PX;FONT-WEIGHT:700;COLOR:#AAA;TEXT-TRANSFORM:UPPERCASE}
SPAN.NEWARLINA_META A{COLOR:#AAA;DISPLAY:INLINE-BLOCK}
SPAN.NEWARLINA_META_DATE,SPAN.NEWARLINA_META_COMMENT,SPAN.NEWARLINA_META_MORE{DISPLAY:INLINE-BLOCK;FONT-WEIGHT: 400;MARGIN-LEFT:10PX}
SPAN.NEWARLINA_META_COMMENT A:BEFORE{CONTENT:&QUOT;\F0E6&QUOT;;FONT-FAMILY:FONTAWESOME;FONT-STYLE:NORMAL;FONT-WEIGHT:NORMAL;TEXT-DECORATION:INHERIT;PADDING-LEFT:5PX}
SPAN.NEWARLINA_META_COMMENT A:HOVER{COLOR:#FF675C!IMPORTANT}
SPAN.NEWARLINA_META_DATE:BEFORE{CONTENT:&QUOT;\F133&QUOT;;FONT-FAMILY:FONTAWESOME;FONT-STYLE:NORMAL;FONT-WEIGHT:NORMAL;TEXT-DECORATION:INHERIT;PADDING-LEFT:5PX}
UL.NEWARLINA_THUMBS2 LI A:HOVER,UL.NEWARLINA_THUMBS LI A:HOVER{COLOR:#FF675C;TEXT-DECORATION:NONE}
@MEDIA SCREEN AND (MAX-WIDTH:1024PX) {
.NEWARLINALABEL1 .WIDGET-CONTENT, .NEWARLINALABEL2 .WIDGET-CONTENT {PADDING:20PX 25PX;}
.NEWARLINA_RIGHT {WIDTH:50%;FLOAT:RIGHT;MARGIN:0;PADDING:0;BORDER-LEFT:NONE}
.NEWARLINA_LEFT {WIDTH:46%;FLOAT:LEFT;MARGIN:0;PADDING:0;}
UL.NEWARLINA_THUMBS .CAT_THUMB {WIDTH:100%;HEIGHT:AUTO;}
UL.NEWARLINA_THUMBS .CAT_THUMB IMG {WIDTH:100%;HEIGHT:AUTO;}
UL.NEWARLINA_THUMBS LI {MARGIN:0;PADDING:0;}
SPAN.NEWARLINA_TITLE2 {FONT-SIZE:20PX;LINE-HEIGHT:1.2EM;}
SPAN.NEWARLINA_SUMMARY {FONT-SIZE:14PX;}}
@MEDIA ONLY SCREEN AND (MAX-WIDTH:768PX){
.NEWARLINALABEL1 .WIDGET-CONTENT,.NEWARLINALABEL2 .WIDGET-CONTENT{PADDING:10PX 20PX}
.NEWARLINA_LEFT{WIDTH:100%;FLOAT:RIGHT;MARGIN:0;PADDING:0}
UL.NEWARLINA_THUMBS2 LI{BORDER-BOTTOM:0}
SPAN.NEWARLINA_SUMMARY,.NEWARLINA_RIGHT{DISPLAY:NONE}
SPAN.NEWARLINA_TITLE{MARGIN:0 0 5PX}
UL.NEWARLINA_THUMBS LI{MARGIN:0 0 10PX;PADDING:0 0 10PX;BORDER-BOTTOM:0}
SPAN.NEWARLINA_TITLE2{FONT-SIZE:18PX;LINE-HEIGHT:1.2EM}}
@MEDIA ONLY SCREEN AND (MAX-WIDTH:480PX){
#NEWARLINALABEL1-WRAPPER,#NEWARLINALABEL2-WRAPPER{DISPLAY:NONE}}
@MEDIA ONLY SCREEN AND (MAX-WIDTH:320PX){
.NEWARLINALABEL1 .WIDGET-CONTENT,.NEWARLINALABEL2 .WIDGET-CONTENT{PADDING:10PX 20PX}
.NEWARLINALABEL1 H2,.NEWARLINALABEL2 H2{PADDING:10PX 20PX 1PX 20PX}
.NEWARLINA_LEFT{WIDTH:100%;FLOAT:RIGHT;MARGIN:0;PADDING:0}
UL.NEWARLINA_THUMBS LI{MARGIN:0 0 10PX;PADDING:0 0 10PX;}
SPAN.NEWARLINA_TITLE2{FONT-SIZE:18PX;LINE-HEIGHT:1.2EM}}
@MEDIA SCREEN AND (MAX-WIDTH:260PX) {
.NEWARLINALABEL1 .WIDGET-CONTENT,.NEWARLINALABEL2 .WIDGET-CONTENT{PADDING:10PX}
.NEWARLINALABEL1 H2,.NEWARLINALABEL2 H2{PADDING:10PX 10PX 1PX 10PX}
.NEWARLINA_LEFT{WIDTH:100%;FLOAT:RIGHT;MARGIN:0;PADDING:0}
UL.NEWARLINA_THUMBS LI{MARGIN:0 0 10PX;PADDING:0 0 10PX;}
SPAN.NEWARLINA_TITLE2{FONT-SIZE:18PX;LINE-HEIGHT:1.2EM}}
</STYLE>
</B:IF>
</B:IF>

الكود الثاني

<B:IF COND='DATA:BLOG.PAGETYPE != &QUOT;ITEM&QUOT;'>
<B:IF COND='DATA:BLOG.PAGETYPE != &QUOT;STATIC_PAGE&QUOT;'>
<SCRIPT TYPE='TEXT/JAVASCRIPT'>
//<![CDATA[
FUNCTION LABELTHUMBS(T){FOR(VAR E=0;E<NUMPOSTS;E++){VAR N,R=T.FEED.ENTRY[E],M=R.TITLE.$T;IF(E==T.FEED.ENTRY.LENGTH)BREAK;FOR(VAR I=0;I<R.LINK.LENGTH;I++){IF("REPLIES"==R.LINK[I].REL&&"TEXT/HTML"==R.LINK[I].TYPE)VAR L=R.LINK[I].TITLE,O=R.LINK[I].HREF;IF("ALTERNATE"==R.LINK[I].REL){N=R.LINK[I].HREF;BREAK}}VAR U;TRY{U=R.MEDIA$THUMBNAIL.URL,U=U.REPLACE("/S72-C/","/W"+THUMB_WIDTH+"-H"+THUMB_HEIGHT+"-C/")}CATCH(H){S=R.CONTENT.$T,A=S.INDEXOF("<IMG"),B=S.INDEXOF('SRC="',A),C=S.INDEXOF('"',B+5),D=S.SUBSTR(B+5,C-B-5),U=-1!=A&&-1!=B&&-1!=C&&""!=D?D:NO_THUMB}VAR P=R.PUBLISHED.$T,W=P.SUBSTRING(0,4),_=P.SUBSTRING(5,7),F=P.SUBSTRING(8,10),G=NEW ARRAY;G[1]="يناير",G[2]="فبراير",G[3]="مارس",G[4]="أبريل",G[5]="مايو",G[6]="يونيو",G[7]="يوليو",G[8]="أغسطس",G[9]="سبتمبر",G[10]="أكتوبر",G[11]="نوفمبر",G[12]="ديسمبر",DOCUMENT.WRITE('<SPAN CLASS="NEWARLINA_RIGHT">'),DOCUMENT.WRITE('<UL CLASS="NEWARLINA_THUMBS">'),DOCUMENT.WRITE("<LI>"),1==SHOWPOSTTHUMBNAILS&&DOCUMENT.WRITE('<A HREF="'+N+'"><DIV CLASS="CAT_THUMB"><SPAN CLASS="ROLLOVER"></SPAN><IMG WIDTH="'+THUMB_WIDTH+'" HEIGHT="'+THUMB_HEIGHT+'" ALT="'+M+'" SRC="'+U+'"/></DIV></A>'),DOCUMENT.WRITE('<SPAN CLASS="NEWARLINA_TITLE"><A HREF="'+N+'" TARGET ="_TOP">'+M+"</A></SPAN>");VAR V="";IF(DOCUMENT.WRITE('<SPAN CLASS="NEWARLINA_META">'),1==SHOWPOSTDATE&&(V=V+'<SPAN CLASS="NEWARLINA_META_DATE">'+G[PARSEINT(_)]+" "+F+", "+W+"</SPAN>"),1==SHOWCOMMENTNUM&&("1 تعليقات"==L&&(L="1 تعليقات"),"0 تعليقات"==L&&(L="0 تعليقات"),SHOWCOMMENT='<SPAN CLASS="NEWARLINA_META_COMMENT"><A HREF="'+O+'">'+L+"</A></SPAN>",V+=SHOWCOMMENT),1==DISPLAYMORE&&(V=V+'<SPAN CLASS="NEWARLINA_META_MORE"><A HREF="'+N+'" CLASS="URL" TARGET ="_TOP">إقرأ المزيد...</A></SPAN>'),DOCUMENT.WRITE(V),DOCUMENT.WRITE("</SPAN>"),DOCUMENT.WRITE('<SPAN CLASS="NEWARLINA_SUMMARY">'),"CONTENT"IN R)VAR Y=R.CONTENT.$T;ELSE IF("SUMMARY"IN R)VAR Y=R.SUMMARY.$T;ELSE VAR Y="";VAR K=/<\S[^>]*>/G;IF(Y=Y.REPLACE(K,""),1==SHOWPOSTSUMMARY)IF(Y.LENGTH<NUMCHARS)DOCUMENT.WRITE(""),DOCUMENT.WRITE(Y),DOCUMENT.WRITE("");ELSE{DOCUMENT.WRITE(""),Y=Y.SUBSTRING(0,NUMCHARS);VAR $=Y.LASTINDEXOF(" ");Y=Y.SUBSTRING(0,$),DOCUMENT.WRITE(Y+"..."),DOCUMENT.WRITE("")}DOCUMENT.WRITE("</SPAN>"),DOCUMENT.WRITE("</LI>"),DOCUMENT.WRITE("</UL>"),DOCUMENT.WRITE("</SPAN>")}DOCUMENT.WRITE('<SPAN CLASS="NEWARLINA_LEFT">'),DOCUMENT.WRITE('<UL CLASS="NEWARLINA_THUMBS2">');FOR(VAR E=1;E<NUMPOSTS2;E++){VAR N,R=T.FEED.ENTRY[E],M=R.TITLE.$T;IF(E==T.FEED.ENTRY.LENGTH)BREAK;FOR(VAR I=1;I<R.LINK.LENGTH;I++){IF("REPLIES"==R.LINK[I].REL&&"TEXT/HTML"==R.LINK[I].TYPE)VAR L=R.LINK[I].TITLE,O=R.LINK[I].HREF;IF("ALTERNATE"==R.LINK[I].REL){N=R.LINK[I].HREF;BREAK}}VAR X;TRY{X=R.MEDIA$THUMBNAIL.URL.REPLACE("/S72-C/","/W"+THUMB_WIDTH2+"-H"+THUMB_HEIGHT2+"-C/")}CATCH(H){S=R.CONTENT.$T,A=S.INDEXOF("<IMG"),B=S.INDEXOF('SRC="',A),C=S.INDEXOF('"',B+5),D=S.SUBSTR(B+5,C-B-5),X=-1!=A&&-1!=B&&-1!=C&&""!=D?D:NO_THUMB2}VAR P=R.PUBLISHED.$T,W=P.SUBSTRING(0,4),_=P.SUBSTRING(5,7),F=P.SUBSTRING(8,10);1==SHOWPOSTTHUMBNAILS2&&DOCUMENT.WRITE('<A HREF="'+N+'"><DIV CLASS="CAT_THUMB2"><IMG WIDTH="'+THUMB_WIDTH2+'" HEIGHT="'+THUMB_HEIGHT2+'" ALT="'+M+'" SRC="'+X+'"/></DIV></A>'),DOCUMENT.WRITE("<LI>"),DOCUMENT.WRITE('<SPAN CLASS="NEWARLINA_TITLE NEWARLINA_TITLE2"><A HREF="'+N+'" TARGET ="_TOP">'+M+"</A></SPAN>");VAR V="";DOCUMENT.WRITE('<SPAN CLASS="NEWARLINA_META NEWARLINA_META2">'),1==SHOWPOSTDATE2&&(V=V+'<SPAN CLASS="NEWARLINA_META_DATE">'+G[PARSEINT(_)]+" "+F+", "+W+"</SPAN>"),1==SHOWCOMMENTNUM2&&("1 تعليق"==L&&(L="1 تعليقات"),"0 تعليق"==L&&(L="0 تعليقات"),SHOWCOMMENT='<SPAN CLASS="NEWARLINA_META_COMMENT NEWARLINA_META_COMMENT2"><A HREF="'+O+'">'+L+"</A></SPAN>",V+=SHOWCOMMENT),1==DISPLAYMORE2&&(V=V+'<SPAN CLASS="NEWARLINA_META_MORE NEWARLINA_META_MORE2"><A HREF="'+N+'" CLASS="URL" TARGET ="_TOP">إقرأ المزيد...</A></SPAN>'),DOCUMENT.WRITE(V),DOCUMENT.WRITE("</SPAN>"),DOCUMENT.WRITE("</LI>")}DOCUMENT.WRITE("</UL>"),DOCUMENT.WRITE("</SPAN>")}
//]]>
</SCRIPT>
<SCRIPT TYPE='TEXT/JAVASCRIPT'>
VARNUMPOSTS=1,NUMPOSTS2=7,SHOWPOSTTHUMBNAILS=!0,SHOWPOSTTHUMBNAILS2=!1,DISPLAYMORE=!1,DISPLAYMORE2=!1,SHOWCOMMENTNUM=!0,SHOWCOMMENTNUM2=!1,SHOWPOSTDATE=!0,SHOWPOSTDATE2=!0,SHOWPOSTSUMMARY=!0,NUMCHARS=150,THUMB_WIDTH=280,THUMB_HEIGHT=200,THUMB_WIDTH2=62,THUMB_HEIGHT2=62,NO_THUMB=&QUOT;HTTP://3.BP.BLOGSPOT.COM/-PHZN2A92GHE/VMIM2TTKAII/AAAAAAAADZU/X42IOEFIYBO/S1600/NEWARLINA_THUMB.PNG&QUOT;,NO_THUMB2=&QUOT;HTTP://2.BP

.BLOGSPOT.COM/-CW6WAOYA8MY/VMIM2VKYLII/AAAAAAAADZY/_PANIKGBUXA/S1600/NEWARLINATHUMB_SMALL.PNG&QUOT;;
</SCRIPT>
</B:IF>
</B:IF>

في الكود الثاني الذي بالأعلي

numposts2=7 التحكم بعدد المواضيع
numchars=150التحكم بكلمات الوصف

ثم ابحث عن
<b:section class='main' id='main' maxwidgets='3' showaddelement='yes'><b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>

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

<b:if cond='data:blog.url == data:blog.homepageUrl'>
      <div id='newarlinalabel1-wrapper'>
        <b:section class='newarlinalabel1' id='newarlinalabel1' maxwidgets='1' showaddelement='yes'>
          <b:widget id='HTML80' locked='false' title='أنظمة التشغيل' type='HTML'>
            <b:includable id='main'>
<h2><span class='index'><a href='/search/label/<data:content/>?&max-results=8'>مشاهد الكل</a></span><data:content/></h2>
<div class='widget-content'>
<script>
document.write("<script src=\"/feeds/posts/default/-/<data:content/>?orderby=published&alt=json-in-script&callback=labelthumbs\"><\/script>");
</script>
</div>
</b:includable>
          </b:widget>
        </b:section>
      </div>
      <div id='newarlinalabel2-wrapper'>
        <b:section class='newarlinalabel2' id='newarlinalabel2' maxwidgets='1' showaddelement='yes'>
          <b:widget id='HTML81' locked='false' title='علوم وفيزياء' type='HTML'>
            <b:includable id='main'>
<h2><span class='index'><a href='/search/label/<data:content/>?&max-results=8'>مشاهدة الكل</a></span><data:content/></h2>
<div class='widget-content'>
<script>
document.write("<script src=\"/feeds/posts/default/-/<data:content/>?orderby=published&alt=json-in-script&callback=labelthumbs\"><\/script>");
</script>
</div>
</b:includable>
          </b:widget>
        </b:section>
      </div>
</b:if>

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

انتهينا من الطريقة الاولي

لنذهب للطريقة الثانية

الاضافة الثانية

ستكون بهذا الشكل

الشرح

ابحث عن ]]></b:skin>
واضف الكود التالي فوقه

ul.rp_thumbs{margin:0}
ul.rp_thumbs li{font-size:12px;min-height:68px;margin:0 0 8px;padding:0 0 8px;border-bottom:1px dotted #f0f0f0}
ul.rp_thumbs .rp_thumb{position:relative;background:#fbfbfb;margin:3px 0 10px;width:100%;height:0;padding-bottom:46%;overflow:hidden}
ul.rp_thumbs .rp_thumb img{height:auto;width:100%;transition:transform 1.6s;transform:scale(1.0)}
ul.rp_thumbs .rp_thumb:hover img{transform:scale(1.10)}
ul.rp_thumbs2{font-size:13px}
ul.rp_thumbs2 li{padding:0;min-height:66px;font-size:11px;margin:0 0 8px;padding:0 0 8px;border-bottom:1px dotted #f0f0f0}
ul.rp_thumbs2 .rp_thumb2{background:#fbfbfb;float:right;margin:3px 0 0 8px;height:60px;width:60px}
ul.rp_thumbs2 li:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}
ul.rp_thumbs2 .rp_thumb2 img{height:60px;width:60px}
.sidebar ul.rp_thumbs li:before,.sidebar ul.rp_thumbs2 li:before,#bottombar ul.rp_thumbs li:before,#bottombar ul.rp_thumbs2 li:before{display:none}
span.rp_title{font:normal normal 18px Roboto Condensed,Helvetica,Arial,sans-serif;display:block;margin:0 0 5px;line-height:1.4em}
span.rp_title2{font-size:14px}
span.rp_summary{display:block;margin:6px 0 0}
span.rp_meta{background:transparent;display:block;font-size:11px;font-weight:700;color:#8D8D8D;text-transform:uppercase}
span.rp_meta a{color:#8D8D8D!important;display:inline-block}
span.rp_meta_date,span.rp_meta_comment,span.rp_meta_more{display:inline-block;margin-left:8px}
span.rp_meta_date:before{content:"\f073";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;padding-left:4px;float:right}
span.rp_meta_comment:before{content:"\f086";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;padding-left:4px}
span.rp_meta_more:before{content:"\f0a9";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;padding-left:4px}
ul.rp_thumbs2 li a:hover,ul.rp_thumbs li a:hover{color:#0072C6}
.posts-wdbloog{background:#ffffff;border:1px solid #f0f0f0;padding:15px;overflow:hidden;margin-bottom:10px;float:right;width:50%}
.recent-post-title{border-bottom:4px solid #333;margin:0 0 15px;padding:0;position:relative}
.recent-post-title h2 a{height:30px;line-height:32px;text-align:center;margin:0 0;padding:0 10px;background:#333;color:#ffffff;display:inline-block;transition:all 0.25s;-moz-transition:all 0.25s;-webkit-transition:all 0.25s}
.recent-post-title h2 a:before{content:"\f14e";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-left:6px}

ثم ابحث عن هذا الوسم /head
وضع الكود التالي فوقه

الان ابحث عن هذا الوسم
<div class='post-wrapper'>
ثم اضف الكود التالي أسفله

<b:if cond='data:blog.canonicalUrl == data:blog.canonicalHomepageUrl'>
<div class='posts-wdbloog'>
<script>
//<![CDATA[
document.write('<div class="recent-post-title"><h2><a href="/search/label/فنون?max-results=10">اعمال</a></h2></div>');
document.write("<script src=\"/feeds/posts/default/-/فنون?orderby=updated&alt=json-in-script&callback=labelthumbs\"><\/script>");
//]]>
</script>
</div>
</b:if>

بدل كلمتي اعمال وفنون بالاقسام الذي تريدها
يمكنك تكرار الكود المحدد بالاخضر كذار مرة للحصول علي اقسام أكثر

انتهينا من الشرح ارجو ان تكونوا استفدتدم
ضع بصمتك بتعليق للاستفسار
الطريقتين ليس من تكودينا وقد وجدناهم علي الانترنت كل الكواد محفوظة لاصحابها♥

https://www.mrarabko.com/2018/03/recent-post-by-label.html

أربعة

الخميس، 29 مارس 2018

افضل طريقتين لعرض المواضيع حسب التسمية

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

لسلام عليكم زوار مستر عربكو

بناء علي طلب زائر من زوار الموقع

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

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

أول طريقة

الاضافة الأولي

ستكون بهذا الشكل

الشرح

اولا ابحث عن </HEAD>

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

الكود الأول

الكود الثاني

الاضافة الثانية

ستكون بهذا الشكل

الشرح

رسالة أحدث

رسالة أقدم

ليست هناك تعليقات:

إرسال تعليق

مشاركة مميزة

اضافة التعريف الكاتب على شكل اقتباس

لا تستلم حتى وإن طريقك كله ظلام لا تحزن من الناس فالحزن يولد الموت

حكمة اليوم !

أرشيف المدونة الإلكترونية

Girls

Men

Travel

Food

Life Style