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




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


طريقة تركيب الأضافة : 

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



<script src="https://code.jquery.com/jquery-2.1.4.js"></script>



<div class="content-cat">
  <div id='mnbv-6ef-x'><span>اسم القسم</span></div>
     <center>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOJzl8rLjDzB45S04biNKCZgYUvhr96-y42dBl4u-yWR2eL1DTSJjFyq5CUJzIzrF5DDnQMZrn4SNkBEdK2F9u6sOFkYyIYvTrDlV2513tnwU4vAaQvSO4NZAlXSsQrIaaDmHSBA9oK1A/s128/no-image.blogspacetech.jpeg";
showRandomImg = true;
jimgwidth = 80;
jimgheight = 80;
jfntsize = 12;
jacolor = "#E67C15";
jaBold =true;
jtext = "التعليقات";
jshowComments = true;
jshowPostDate = true;
jsummaryPost = 120;
summaryFontsize = 12;
summaryColor = "#888";
numposts =5;
label = "تسميات";
home_page = "http://6ef.co/";
</script>
     
<div class="accordion">
<script language="JavaScript">
var _0x55bb=["\x3C","\x73\x70\x6C\x69\x74","\x6C\x65\x6E\x67\x74\x68","\x3E","\x69\x6E\x64\x65\x78\x4F\x66","\x73\x75\x62\x73\x74\x72\x69\x6E\x67","","\x6A\x6F\x69\x6E","\x72\x61\x6E\x64\x6F\x6D","\x66\x6C\x6F\x6F\x72","\x65\x6E\x74\x72\x79","\x66\x65\x65\x64","\x24\x74","\x74\x69\x74\x6C\x65","\x6C\x69\x6E\x6B","\x72\x65\x6C","\x61\x6C\x74\x65\x72\x6E\x61\x74\x65","\x68\x72\x65\x66","\x72\x65\x70\x6C\x69\x65\x73","\x74\x79\x70\x65","\x74\x65\x78\x74\x2F\x68\x74\x6D\x6C","\x20","\x63\x6F\x6E\x74\x65\x6E\x74","\x73\x75\x6D\x6D\x61\x72\x79","\x70\x75\x62\x6C\x69\x73\x68\x65\x64","\x3C\x69\x6D\x67","\x73\x72\x63\x3D\x22","\x22","\x73\x75\x62\x73\x74\x72","\x6E\x6F","\x3C\x69\x3E\x3C\x2F\x69\x3E","\x4A\x61\x6E","\x46\x65\x62","\x4D\x61\x72","\x41\x70\x72","\x4D\x61\x79","\x4A\x75\x6E","\x4A\x75\x6C","\x41\x75\x67","\x53\x65\x70","\x4F\x63\x74","\x4E\x6F\x76","\x44\x65\x63","\x2D","\x66\x69\x72\x73\x74","\x3C\x69\x3E\x3C\x66\x6F\x6E\x74\x20\x63\x6F\x6C\x6F\x72\x3D\x22","\x22\x3E\x20\x2D\x20\x28","\x29\x3C\x2F\x66\x6F\x6E\x74\x3E\x3C\x2F\x69\x3E","\x3C\x62\x3E","\x3C\x2F\x62\x3E","\x3C\x6C\x69\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x63\x61\x74\x20","\x22\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x20\x3E\x3C\x69\x6D\x67\x20\x73\x72\x63\x3D\x22","\x22\x20\x2F\x3E\x3C\x2F\x61\x3E\x20\x3C\x61\x20\x63\x6C\x61\x73\x73\x3D\x22\x68\x69\x6D\x67\x22\x20\x68\x72\x65\x66\x3D\x22","\x22\x20\x2F\x3E\x20\x3C\x61\x20\x63\x6C\x61\x73\x73\x3D\x22\x74\x65\x78\x74\x70\x22\x20\x68\x72\x65\x66\x3D\x22","\x22\x20\x3E","\x3C\x2F\x61\x3E\x3C\x70\x3E","\x2E\x2E\x2E\x3C\x2F\x70\x3E\x3C\x2F\x6C\x69\x3E","\x77\x72\x69\x74\x65","\x3C\x73\x63\x72\x69\x70\x74\x20\x73\x72\x63\x3D\x22","\x66\x65\x65\x64\x73\x2F\x70\x6F\x73\x74\x73\x2F\x64\x65\x66\x61\x75\x6C\x74\x2F\x2D\x2F","\x3F\x6D\x61\x78\x2D\x72\x65\x73\x75\x6C\x74\x73\x3D","\x26\x6F\x72\x64\x65\x72\x62\x79\x3D\x70\x75\x62\x6C\x69\x73\x68\x65\x64\x26\x61\x6C\x74\x3D\x6A\x73\x6F\x6E\x2D\x69\x6E\x2D\x73\x63\x72\x69\x70\x74\x26\x63\x61\x6C\x6C\x62\x61\x63\x6B\x3D\x73\x68\x6F\x77\x72\x65\x63\x65\x6E\x74\x70\x6F\x73\x74\x73\x22\x3E\x3C\x2F\x73\x63\x72\x69\x70\x74\x3E"];function removeHtmlTag(_0x8337x2,_0x8337x3){var _0x8337x4=_0x8337x2[_0x55bb[1]](_0x55bb[0]);for(var _0x8337x5=0;_0x8337x5<_0x8337x4[_0x55bb[2]];_0x8337x5++){if(_0x8337x4[_0x8337x5][_0x55bb[4]](_0x55bb[3])!= -1){_0x8337x4[_0x8337x5]=_0x8337x4[_0x8337x5][_0x55bb[5]](_0x8337x4[_0x8337x5][_0x55bb[4]](_0x55bb[3])+1,_0x8337x4[_0x8337x5][_0x55bb[2]])}};_0x8337x4=_0x8337x4[_0x55bb[7]](_0x55bb[6]);_0x8337x4=_0x8337x4[_0x55bb[5]](0,_0x8337x3-1);return _0x8337x4;}function showrecentposts(_0x8337x7){j=(showRandomImg)?Math[_0x55bb[9]]((imgr[_0x55bb[2]]+1)*Math[_0x55bb[8]]()):0;img= new Array();for(var _0x8337x5=0;_0x8337x5<numposts;_0x8337x5++){var _0x8337x8=_0x8337x7[_0x55bb[11]][_0x55bb[10]][_0x8337x5];var _0x8337x9=_0x8337x8[_0x55bb[13]][_0x55bb[12]];var _0x8337xa;var _0x8337xb;if(_0x8337x5==_0x8337x7[_0x55bb[11]][_0x55bb[10]][_0x55bb[2]]){break };for(var _0x8337xc=0;_0x8337xc<_0x8337x8[_0x55bb[14]][_0x55bb[2]];_0x8337xc++){if(_0x8337x8[_0x55bb[14]][_0x8337xc][_0x55bb[15]]==_0x55bb[16]){_0x8337xb=_0x8337x8[_0x55bb[14]][_0x8337xc][_0x55bb[17]];break ;}};for(var _0x8337xc=0;_0x8337xc<_0x8337x8[_0x55bb[14]][_0x55bb[2]];_0x8337xc++){if(_0x8337x8[_0x55bb[14]][_0x8337xc][_0x55bb[15]]==_0x55bb[18]&&_0x8337x8[_0x55bb[14]][_0x8337xc][_0x55bb[19]]==_0x55bb[20]){_0x8337xa=_0x8337x8[_0x55bb[14]][_0x8337xc][_0x55bb[13]][_0x55bb[1]](_0x55bb[21])[0];break ;}};if(_0x55bb[22] in _0x8337x8){var _0x8337xd=_0x8337x8[_0x55bb[22]][_0x55bb[12]]}else {if(_0x55bb[23] in _0x8337x8){var _0x8337xd=_0x8337x8[_0x55bb[23]][_0x55bb[12]]}else {var _0x8337xd=_0x55bb[6]}};postdate=_0x8337x8[_0x55bb[24]][_0x55bb[12]];if(j>imgr[_0x55bb[2]]-1){j=0};img[_0x8337x5]=imgr[j];s=_0x8337xd;a=s[_0x55bb[4]](_0x55bb[25]);b=s[_0x55bb[4]](_0x55bb[26],a);c=s[_0x55bb[4]](_0x55bb[27],b+5);d=s[_0x55bb[28]](b+5,c-b-5);if((a!= -1)&&(b!= -1)&&(c!= -1)&&(d!=_0x55bb[6])){img[_0x8337x5]=d};cmtext=(jtext!=_0x55bb[29])?_0x55bb[30]:_0x55bb[6];var _0x8337xe=[1,2,3,4,5,6,7,8,9,10,11,12];var _0x8337xf=[_0x55bb[31],_0x55bb[32],_0x55bb[33],_0x55bb[34],_0x55bb[35],_0x55bb[36],_0x55bb[37],_0x55bb[38],_0x55bb[39],_0x55bb[40],_0x55bb[41],_0x55bb[42]];var _0x8337x10=postdate[_0x55bb[1]](_0x55bb[43])[2][_0x55bb[5]](0,2);var _0x8337x11=postdate[_0x55bb[1]](_0x55bb[43])[1];var _0x8337x12=postdate[_0x55bb[1]](_0x55bb[43])[0];for(var _0x8337x13=0;_0x8337x13<_0x8337xe[_0x55bb[2]];_0x8337x13++){if(parseInt(_0x8337x11)==_0x8337xe[_0x8337x13]){_0x8337x11=_0x8337xf[_0x8337x13];break ;}};if(_0x8337x5==0){var _0x8337x14=_0x55bb[44]}else {var _0x8337x14=_0x55bb[6]};var _0x8337x15=(jshowPostDate)?_0x55bb[45]+jacolor+_0x55bb[46]+_0x8337x10+_0x55bb[21]+_0x8337x11+_0x55bb[21]+_0x8337x12+_0x55bb[47]:_0x55bb[6];_0x8337x9=(jaBold)?_0x55bb[48]+_0x8337x9+_0x55bb[49]:_0x8337x9;var _0x8337x16=_0x55bb[50]+_0x8337x14+_0x55bb[51]+_0x8337xb+_0x55bb[52]+img[_0x8337x5]+_0x55bb[53]+_0x8337xb+_0x55bb[54]+_0x8337xb+_0x55bb[55]+_0x8337x9+_0x55bb[56]+removeHtmlTag(_0x8337xd,jsummaryPost)+_0x55bb[57];document[_0x55bb[58]](_0x8337x16);j++;};}document[_0x55bb[58]](_0x55bb[59]+home_page+_0x55bb[60]+label+_0x55bb[61]+numposts+_0x55bb[62]);
</script><a href='&#104;ttp&#58;&#47;&#47;&#98;&#108;o&#103;.&#55;&#108;o&#108;b&#108;o&#103;&#103;er.&#99;om&#47;' style='display: none;'>&#1581;&#1604;&#1608;&#1604; &#1576;&#1604;&#1608;&#1580;&#1585;</a><script type="text/javascript">
var _0x9277=["\x61\x63\x74\x69\x76\x65","\x61\x64\x64\x43\x6C\x61\x73\x73","\x2E\x61\x63\x63\x6F\x72\x64\x69\x6F\x6E\x20\x68\x33\x3A\x66\x69\x72\x73\x74","\x68\x69\x64\x65","\x2E\x61\x63\x63\x6F\x72\x64\x69\x6F\x6E\x20\x70\x3A\x6E\x6F\x74\x28\x3A\x66\x69\x72\x73\x74\x29","\x73\x6C\x6F\x77","\x73\x6C\x69\x64\x65\x55\x70","\x70\x3A\x76\x69\x73\x69\x62\x6C\x65","\x73\x69\x62\x6C\x69\x6E\x67\x73","\x73\x6C\x69\x64\x65\x54\x6F\x67\x67\x6C\x65","\x70","\x6E\x65\x78\x74","\x74\x6F\x67\x67\x6C\x65\x43\x6C\x61\x73\x73","\x72\x65\x6D\x6F\x76\x65\x43\x6C\x61\x73\x73","\x68\x33","\x63\x6C\x69\x63\x6B","\x2E\x61\x63\x63\x6F\x72\x64\x69\x6F\x6E\x20\x68\x33","\x72\x65\x61\x64\x79"];$(document)[_0x9277[17]](function(){$(_0x9277[2])[_0x9277[1]](_0x9277[0]);$(_0x9277[4])[_0x9277[3]]();$(_0x9277[16])[_0x9277[15]](function(){$(this)[_0x9277[11]](_0x9277[10])[_0x9277[9]](_0x9277[5])[_0x9277[8]](_0x9277[7])[_0x9277[6]](_0x9277[5]);$(this)[_0x9277[12]](_0x9277[0]);$(this)[_0x9277[8]](_0x9277[14])[_0x9277[13]](_0x9277[0]);});});
</script><script src="#/feeds/posts/default/-/video?max-results=6&orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
</center>
</div>
<style>
@font-face{font-family:'Droid Arabic Kufi';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot);src:url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot?#iefix) format("embedded-opentype"),url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff2) format("woff2"),url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff) format("woff"),url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.ttf) format("truetype")}.content-cat{width:650px;padding:12px 4px 0 0;margin:10px 0 0;border-top:4px solid #777;overflow:hidden;background:#fff;-moz-box-shadow:0 1px 1px rgba(0,0,0,0.2),0 0 1px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2),0 0 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(0,0,0,0.2),0 0 1px rgba(0,0,0,0.1)}.content-cat .first{width:268px!important;float:right!important;text-align:right!important;padding:0 8px!important;padding-left:37px!important;margin-left:4px!important;position:relative!important;list-style:none!important;border-left:1px dotted #ddd}a{text-decoration:none;color:#2c3e50;font-weight:400}.content-cat .first img{width:265px!important;height:151px!important;float:right!important;margin:0 0 5px!important;padding:10px!important;border:1px solid #e2e3e4!important;background:#f8f8f8!important}.content-cat .first .himg{width:274px;height:151px;position:absolute;top:0;padding:3px;right:0}.content-cat .first .textp{font:normal 14px 'Droid Arabic Kufi',bouyardane,tahoma!important;color:#7B7B7B!important;line-height:23px!important}.content-cat .first .textp b{font:normal 14px 'Droid Arabic Kufi',bouyardane,tahoma!important;color:#46c3d6!important}.content-cat .first p{display:block!important;margin:0!important;font:normal 12px 'Droid Arabic Kufi',tahoma!important;line-height:1.5em!important;color:#888!important}.content-cat .ccat{width:300px;float:right;text-align:right!important;padding:0;margin:0 0 10px;position:relative;list-style:none}.content-cat .ccat img{width:57px;height:57px;float:right!important;margin:0 12px 0 10px;padding:3px!important;border:1px solid #e2e3e4!important;background:#f8f8f8}a img{border:none;position:relative}.content-cat .ccat .textp{font:normal 12px 'Droid Arabic Kufi',bouyardane,tahoma;color:#7B7B7B;line-height:23px;padding:0}.content-cat .ccat .textp b{font:normal 12px 'Droid Arabic Kufi',bouyardane,tahoma}.content-cat .ccat p{display:none}div#mnbv-6ef-x span{background:#70C2D0;top:-12px;right:-5px;position:relative;padding:0 50px;font:14px 'Droid Arabic Kufi',arial;color:#fff;border:0;outline:none}div#mnbv-6ef-x{text-align:right}
</style>




في الأضافة يجب استبدال : 

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

ملاحظة : 

الاضافة تعمل على عرض 650px بنجاح , اذا كان قالبك مساحته اكبر او اصغر من هذه القيمه فيتوجب عيلك تغيرها الى قيمه اخرى.






شارك الموضوع

مواضيع ذات صلة

1 التعليقات:

إدعمنا بـ التعليقات
7 مايو 2016 في 6:38 ص حذف

تمام شكراا بس بتجيب موضوع واحد ازاي اكتر عدد المواضيع

رد
avatar