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

حصريات
فوتوشوب
شروحات
إضافات
قوالب

الصفحة غير موجودة ، 404

الصفحة أو الكلمة التى تبحث عنها غير موجوده على المدونة أو تم حذفها

يمكنك التبليغ عن رابط لا يعمل من هذا الصفحة التبليغ عن رابط لا يعمل

ويمكنك طلب ما تريده من هذه الصفحة الدعم الفنى

أو يمكنك العودة للصفحة الرئيسية أو البحث عن الصفحةو من جديد

العودة للرئيسية

الخميس، 16 مارس، 2017

السلام عليكم ورحمة الله وبركاته مرحبا بكم متابعى عالم المدون موضوع جديد اليوم على المدونة وهو سلايد شو أحترافى حسب التسميات بشكل جديد وبدون كلام كثير يمكنك معاينة السلايد من الرابط التالى وهذا السلايد هو المستخدم فى مدونة حوحو .


معاينة السلايد


معاينة

شرح التركيب للسلايد



  • أولا يجب عليك أن تقوم بوضع الأكواد بشكل صحيح حتى لا تحدث مشكلة
  • ثم البحث الأن عن الوسم هذا فى مدونتك]]></b:skin>ثم ضع فوقه الكود التالى


div#content-sl{ position:absolute;  top:0;  right:0;  text-align:center;  background:rgba(76, 88, 113, 0.75);  left:0;  padding-top:14%;  padding-left:12px;  bottom:0}
div#content-sl:hover{
text-shadow: 0px 0px 5px #000;
background-image: -webkit-linear-gradient(200deg,rgba(0, 0, 0, 0.42),rgba(0, 0, 0, 0.42));
background-image: -moz-linear-gradient(200deg,rgba(0, 0, 0, 0.42),rgba(0, 0, 0, 0.42));
background-image: -o-linear-gradient(200deg,rgba(0, 0, 0, 0.42),rgba(0, 0, 0, 0.42));
background-image: linear-gradient(200deg,rgba(0, 0, 0, 0.42),rgba(0, 0, 0, 0.42));
}
.a
#tag3-posts li{ position:relative;  height:300px; width:102.5%;  overflow:hidden}
img.slider-images{ height:300px}
.slider-wrapper{ overflow: hidden; margin-bottom: 5px;}
p#slider-summary{ color:#fff;  font-size:14px;  padding:0 26px}
h3.slider-title a{ color:#fff;  font-size:23px;  margin-bottom:10px;  display:inline-block;  font-weight:100;  padding-bottom:5px !important;  padding:0 16px;  border-bottom:2px solid #fff}


  • الأن قم بالبحث عن هذا الوسم</body>وضع فوقه الكود التالى


<script>
/* <![CDATA[ */

var _0xeaef=["\x74\x65\x78\x74","\x72\x65\x6D\x6F\x76\x65","\x6D\x61\x74\x63\x68","\x23\x48\x54\x4D\x4C\x32\x36\x37","\x2F\x66\x65\x65\x64\x73\x2F\x70\x6F\x73\x74\x73\x2F\x64\x65\x66\x61\x75\x6C\x74\x2F\x2D\x2F","\x3F\x61\x6C\x74\x3D\x6A\x73\x6F\x6E\x2D\x69\x6E\x2D\x73\x63\x72\x69\x70\x74\x26\x6D\x61\x78\x2D\x72\x65\x73\x75\x6C\x74\x73\x3D\x38","\x67\x65\x74","\x6A\x73\x6F\x6E\x70","","\x3C\x75\x6C\x20\x69\x64\x3D\x27\x74\x61\x67\x33\x2D\x70\x6F\x73\x74\x73\x27\x3E","\x6C\x65\x6E\x67\x74\x68","\x65\x6E\x74\x72\x79","\x66\x65\x65\x64","\x6C\x69\x6E\x6B","\x72\x65\x6C","\x61\x6C\x74\x65\x72\x6E\x61\x74\x65","\x68\x72\x65\x66","\x24\x74","\x63\x6F\x6E\x74\x65\x6E\x74","\x68\x74\x6D\x6C","\x3C\x64\x69\x76\x3E","\x73\x72\x63","\x61\x74\x74\x72","\x69\x6D\x67\x3A\x66\x69\x72\x73\x74","\x66\x69\x6E\x64","\x74\x69\x74\x6C\x65","\x74\x65\x72\x6D","\x63\x61\x74\x65\x67\x6F\x72\x79","\x3C\x6C\x69\x3E\x3C\x64\x69\x76\x20\x69\x64\x3D\x22\x69\x6D\x2D\x73\x6C\x69\x64\x65\x72\x22\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x3E\x3C\x69\x6D\x67\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x6C\x69\x64\x65\x72\x2D\x69\x6D\x61\x67\x65\x73\x22\x20\x73\x74\x79\x6C\x65\x3D\x22\x62\x61\x63\x6B\x67\x72\x6F\x75\x6E\x64\x3A\x75\x72\x6C\x28","\x29\x20\x6E\x6F\x2D\x72\x65\x70\x65\x61\x74\x20\x63\x65\x6E\x74\x65\x72\x20\x63\x65\x6E\x74\x65\x72\x3B\x62\x61\x63\x6B\x67\x72\x6F\x75\x6E\x64\x2D\x73\x69\x7A\x65\x3A\x20\x63\x6F\x76\x65\x72\x22\x2F\x3E\x3C\x2F\x61\x3E\x3C\x2F\x64\x69\x76\x3E\x3C\x64\x69\x76\x20\x69\x64\x3D\x22\x63\x6F\x6E\x74\x65\x6E\x74\x2D\x73\x6C\x22\x3E\x3C\x68\x33\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x6C\x69\x64\x65\x72\x2D\x74\x69\x74\x6C\x65\x22\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x3E","\x73\x75\x62\x73\x74\x72","\x2E\x2E\x2E\x3C\x2F\x61\x3E\x3C\x2F\x68\x33\x3E\x3C\x70\x20\x69\x64\x3D\x27\x73\x6C\x69\x64\x65\x72\x2D\x73\x75\x6D\x6D\x61\x72\x79\x27\x3E","\x2E\x2E\x2E\x3C\x2F\x70\x3E\x3C\x2F\x64\x69\x76\x3E\x3C\x2F\x6C\x69\x3E","\x3C\x2F\x75\x6C\x3E","\x65\x61\x63\x68","\x23\x48\x54\x4D\x4C\x32\x36\x37\x20\x2E\x77\x69\x64\x67\x65\x74\x2D\x63\x6F\x6E\x74\x65\x6E\x74","\x6F\x77\x6C\x43\x61\x72\x6F\x75\x73\x65\x6C","\x23\x48\x54\x4D\x4C\x32\x36\x37\x20\x75\x6C","\x61\x6A\x61\x78","\x70\x6C\x61\x63\x65\x68\x6F\x6C\x64\x65\x72","\u0623\u064A\u0645\u064A\u0644\u0643\x20\u0647\u0646\u0627\x2E\x2E\x2E\x2E","\x69\x6E\x70\x75\x74\x2E\x66\x6F\x6C\x6C\x6F\x77\x2D\x62\x79\x2D\x65\x6D\x61\x69\x6C\x2D\x61\x64\x64\x72\x65\x73\x73","\x76\x61\x6C\x75\x65","\u0625\u0634\u062A\u0631\u0643","\x69\x6E\x70\x75\x74\x2E\x66\x6F\x6C\x6C\x6F\x77\x2D\x62\x79\x2D\x65\x6D\x61\x69\x6C\x2D\x73\x75\x62\x6D\x69\x74","\x2E\x69\x6D\x67\x2D\x63\x6F\x6E\x74\x61\x69\x6E\x65\x72","\x61\x70\x70\x65\x6E\x64\x54\x6F","\x2E\x6D\x61\x68\x64\x69\x2D\x70\x73","\x73\x65\x6C\x65\x63\x74\x6E\x61\x76","\x75\x73\x65\x20\x73\x74\x72\x69\x63\x74","\x65\x76\x65\x6E\x74","\x74\x61\x72\x67\x65\x74","\x73\x72\x63\x45\x6C\x65\x6D\x65\x6E\x74","\x6E\x6F\x64\x65\x54\x79\x70\x65","\x70\x61\x72\x65\x6E\x74\x4E\x6F\x64\x65","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x74\x6F\x4C\x6F\x77\x65\x72\x43\x61\x73\x65","\x6E\x6F\x64\x65\x4E\x61\x6D\x65","\x75\x6C","\x6F\x6C","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x63\x68\x69\x6C\x64\x72\x65\x6E","\x20","\x75\x6E\x64\x65\x66\x69\x6E\x65\x64","\x69\x6E\x6E\x65\x72\x54\x65\x78\x74","\x74\x65\x78\x74\x43\x6F\x6E\x74\x65\x6E\x74","\x73\x65\x61\x72\x63\x68","\x63\x6C\x61\x73\x73\x4E\x61\x6D\x65","\x55\x52\x4C","\x3C\x6F\x70\x74\x69\x6F\x6E\x20\x76\x61\x6C\x75\x65\x3D\x22","\x22\x20","\x3E","\x3C\x2F\x6F\x70\x74\x69\x6F\x6E\x3E","\x3C\x6F\x70\x74\x69\x6F\x6E\x20\x76\x61\x6C\x75\x65\x3D\x22\x22\x3E","\x3C\x73\x65\x6C\x65\x63\x74\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x65\x6C\x65\x63\x74\x6E\x61\x76\x22\x20\x69\x64\x3D\x22","\x3C\x2F\x73\x65\x6C\x65\x63\x74\x3E","\x69\x6E\x73\x65\x72\x74\x41\x64\x6A\x61\x63\x65\x6E\x74\x48\x54\x4D\x4C","\x64\x6F\x63\x75\x6D\x65\x6E\x74\x45\x6C\x65\x6D\x65\x6E\x74","\x64\x6F\x63\x75\x6D\x65\x6E\x74","\x20\x6A\x73","\x61\x63\x74\x69\x76\x65\x63\x6C\x61\x73\x73","\x61\x63\x74\x69\x76\x65","\x61\x75\x74\x6F\x73\x65\x6C\x65\x63\x74","\x62\x6F\x6F\x6C\x65\x61\x6E","\x6E\x65\x73\x74\x65\x64","\x69\x6E\x64\x65\x6E\x74","\u2192","\x6C\x61\x62\x65\x6C","\x2D\x20\u0627\u0644\u0642\u0627\u0626\u0645\u0629\x20\x2D","\x20\x73\x65\x6C\x65\x63\x74\x65\x64\x20","\x61\x66\x74\x65\x72\x65\x6E\x64","\x61\x64\x64\x45\x76\x65\x6E\x74\x4C\x69\x73\x74\x65\x6E\x65\x72","\x63\x68\x61\x6E\x67\x65","\x61\x74\x74\x61\x63\x68\x45\x76\x65\x6E\x74","\x6F\x6E\x63\x68\x61\x6E\x67\x65","\x6E\x61\x76\x31","\x6E\x61\x76","\x72\x65\x61\x64\x79"];$(document)[_0xeaef[99]](function(){$(_0xeaef[37])[_0xeaef[36]](function(){var _0xb1d0x1=$(this)[_0xeaef[0]]();if(_0xb1d0x1[_0xeaef[2]](_0xeaef[1])){$(_0xeaef[3])[_0xeaef[1]]()}else {$[_0xeaef[40]]({url:_0xeaef[4]+ _0xb1d0x1+ _0xeaef[5],type:_0xeaef[6],dataType:_0xeaef[7],success:function(_0xb1d0x1){var _0xb1d0x2=_0xeaef[8];var _0xb1d0x3=_0xeaef[9];for(var _0xb1d0x4=0;_0xb1d0x4< _0xb1d0x1[_0xeaef[12]][_0xeaef[11]][_0xeaef[10]];_0xb1d0x4++){for(var _0xb1d0x5=0;_0xb1d0x5< _0xb1d0x1[_0xeaef[12]][_0xeaef[11]][_0xb1d0x4][_0xeaef[13]][_0xeaef[10]];_0xb1d0x5++){if(_0xb1d0x1[_0xeaef[12]][_0xeaef[11]][_0xb1d0x4][_0xeaef[13]][_0xb1d0x5][_0xeaef[14]]== _0xeaef[15]){_0xb1d0x2= _0xb1d0x1[_0xeaef[12]][_0xeaef[11]][_0xb1d0x4][_0xeaef[13]][_0xb1d0x5][_0xeaef[16]];break}};var _0xb1d0x6=_0xb1d0x1[_0xeaef[12]][_0xeaef[11]][_0xb1d0x4][_0xeaef[18]][_0xeaef[17]];var _0xb1d0x7=$(_0xeaef[20])[_0xeaef[19]](_0xb1d0x6);var _0xb1d0x8=_0xb1d0x7[_0xeaef[24]](_0xeaef[23])[_0xeaef[22]](_0xeaef[21]);var _0xb1d0x9=_0xb1d0x1[_0xeaef[12]][_0xeaef[11]][_0xb1d0x4][_0xeaef[25]][_0xeaef[17]];var _0xb1d0xa=_0xb1d0x1[_0xeaef[12]][_0xeaef[11]][_0xb1d0x4][_0xeaef[27]][0][_0xeaef[26]];_0xb1d0x3+= _0xeaef[28]+ _0xb1d0x2+ _0xeaef[29]+ _0xb1d0x8+ _0xeaef[30]+ _0xb1d0x2+ _0xeaef[31]+ _0xb1d0x1[_0xeaef[12]][_0xeaef[11]][_0xb1d0x4][_0xeaef[25]][_0xeaef[17]][_0xeaef[32]](0,80)+ _0xeaef[33]+ _0xb1d0x7[_0xeaef[0]]()[_0xeaef[32]](0,300)+ _0xeaef[34]};_0xb1d0x3+= _0xeaef[35];$(_0xeaef[37])[_0xeaef[36]](function(){$(this)[_0xeaef[19]](_0xb1d0x3)});$(_0xeaef[39])[_0xeaef[38]]({rtl:true,loop:true,nav:true,navText:[_0xeaef[8],_0xeaef[8]],margin:20,autoplay:true,autoplayHoverPause:true,responsive:{0:{items:1},600:{items:2},1000:{items:2}}})}})}});$(_0xeaef[43])[_0xeaef[22]](_0xeaef[41],_0xeaef[42]);$(_0xeaef[46])[_0xeaef[22]](_0xeaef[44],_0xeaef[45]);$(_0xeaef[49])[_0xeaef[48]]($(_0xeaef[47]));window[_0xeaef[50]]= function(){_0xeaef[51];var _0xb1d0x1=function(_0xb1d0x1,_0xb1d0x2){function _0xb1d0xb(_0xb1d0x1){var _0xb1d0x2;if(!_0xb1d0x1){_0xb1d0x1= window[_0xeaef[52]]};if(_0xb1d0x1[_0xeaef[53]]){_0xb1d0x2= _0xb1d0x1[_0xeaef[53]]}else {if(_0xb1d0x1[_0xeaef[54]]){_0xb1d0x2= _0xb1d0x1[_0xeaef[54]]}};if(_0xb1d0x2[_0xeaef[55]]=== 3){_0xb1d0x2= _0xb1d0x2[_0xeaef[56]]};if(_0xb1d0x2[_0xeaef[44]]){window[_0xeaef[57]][_0xeaef[16]]= _0xb1d0x2[_0xeaef[44]]}}function _0xb1d0xc(_0xb1d0x1){var _0xb1d0x2=_0xb1d0x1[_0xeaef[59]][_0xeaef[58]]();return _0xb1d0x2=== _0xeaef[60]|| _0xb1d0x2=== _0xeaef[61]}function _0xb1d0xd(_0xb1d0x1){for(var _0xb1d0x2=1;document[_0xeaef[62]](_0xeaef[50]+ _0xb1d0x2);_0xb1d0x2++){;};return _0xb1d0x1?_0xeaef[50]+ _0xb1d0x2:_0xeaef[50]+ (_0xb1d0x2- 1)}function _0xb1d0xe(_0xb1d0x1){_0xb1d0x16++;var _0xb1d0x2=_0xb1d0x1[_0xeaef[63]][_0xeaef[10]],_0xb1d0x3=_0xeaef[8],_0xb1d0xf=_0xeaef[8],_0xb1d0xb=_0xb1d0x16- 1;if(!_0xb1d0x2){return};if(_0xb1d0xb){while(_0xb1d0xb--){_0xb1d0xf+= _0xb1d0xa};_0xb1d0xf+= _0xeaef[64]};for(var _0xb1d0x10=0;_0xb1d0x10< _0xb1d0x2;_0xb1d0x10++){var _0xb1d0x11=_0xb1d0x1[_0xeaef[63]][_0xb1d0x10][_0xeaef[63]][0];if( typeof _0xb1d0x11!== _0xeaef[65]){var _0xb1d0x12=_0xb1d0x11[_0xeaef[66]]|| _0xb1d0x11[_0xeaef[67]];var _0xb1d0x13=_0xeaef[8];if(_0xb1d0x4){_0xb1d0x13= _0xb1d0x11[_0xeaef[69]][_0xeaef[68]](_0xb1d0x4)!== -1|| _0xb1d0x11[_0xeaef[56]][_0xeaef[69]][_0xeaef[68]](_0xb1d0x4)!== -1?_0xb1d0x17:_0xeaef[8]};if(_0xb1d0x5&&  !_0xb1d0x13){_0xb1d0x13= _0xb1d0x11[_0xeaef[16]]=== document[_0xeaef[70]]?_0xb1d0x17:_0xeaef[8]};_0xb1d0x3+= _0xeaef[71]+ _0xb1d0x11[_0xeaef[16]]+ _0xeaef[72]+ _0xb1d0x13+ _0xeaef[73]+ _0xb1d0xf+ _0xb1d0x12+ _0xeaef[74];if(_0xb1d0x9){var _0xb1d0x14=_0xb1d0x1[_0xeaef[63]][_0xb1d0x10][_0xeaef[63]][1];if(_0xb1d0x14&& _0xb1d0xc(_0xb1d0x14)){_0xb1d0x3+= _0xb1d0xe(_0xb1d0x14)}}}};if(_0xb1d0x16=== 1&& _0xb1d0x15){_0xb1d0x3= _0xeaef[75]+ _0xb1d0x15+ _0xeaef[74]+ _0xb1d0x3};if(_0xb1d0x16=== 1){_0xb1d0x3= _0xeaef[76]+ _0xb1d0xd(true)+ _0xeaef[31]+ _0xb1d0x3+ _0xeaef[77]};_0xb1d0x16--;return _0xb1d0x3}_0xb1d0x1= document[_0xeaef[62]](_0xb1d0x1);if(!_0xb1d0x1){return};if(!_0xb1d0xc(_0xb1d0x1)){return};if(!(_0xeaef[78] in  window[_0xeaef[80]][_0xeaef[79]])){return};document[_0xeaef[79]][_0xeaef[69]]+= _0xeaef[81];var _0xb1d0x3=_0xb1d0x2|| {},_0xb1d0x4=_0xb1d0x3[_0xeaef[82]]|| _0xeaef[83],_0xb1d0x5= typeof _0xb1d0x3[_0xeaef[84]]=== _0xeaef[85]?_0xb1d0x3[_0xeaef[84]]:true,_0xb1d0x9= typeof _0xb1d0x3[_0xeaef[86]]=== _0xeaef[85]?_0xb1d0x3[_0xeaef[86]]:true,_0xb1d0xa=_0xb1d0x3[_0xeaef[87]]|| _0xeaef[88],_0xb1d0x15=_0xb1d0x3[_0xeaef[89]]|| _0xeaef[90],_0xb1d0x16=0,_0xb1d0x17=_0xeaef[91];_0xb1d0x1[_0xeaef[78]](_0xeaef[92],_0xb1d0xe(_0xb1d0x1));var _0xb1d0xf=document[_0xeaef[62]](_0xb1d0xd());if(_0xb1d0xf[_0xeaef[93]]){_0xb1d0xf[_0xeaef[93]](_0xeaef[94],_0xb1d0xb)};if(_0xb1d0xf[_0xeaef[95]]){_0xb1d0xf[_0xeaef[95]](_0xeaef[96],_0xb1d0xb)};return _0xb1d0xf};return function(_0xb1d0x2,_0xb1d0x3){_0xb1d0x1(_0xb1d0x2,_0xb1d0x3)}}();$(document)[_0xeaef[99]](function(){selectnav(_0xeaef[97]);selectnav(_0xeaef[98])})})
/* ]]> */
</script>
<style>
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:&quot;.&quot;;display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:left}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}
</style>


  • لأن كع أخر كود وهذا الخاص بأظهار السلايد
  • يمكنك وضعه كود نريد فى أى مكان والأفضل فى المواضيع


     <div class='container'>
      <div class='slider-wrapper'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>

        <b:section id='wrapper-posts' showaddelement='no'>
          <b:widget id='HTML267' locked='true' title='' type='HTML' version='1'>
            <b:includable id='main'>
                  <!-- only display title if it's non-empty -->
                  <b:if cond='data:title != &quot;&quot;'>
                    <h2 class='title'>
                      <data:title/>
                    </h2>
                  </b:if>
                  <div class='widget-content'>
                    <data:content/>
                  </div>
                  <b:include name='quickedit'/>
                </b:includable>
          </b:widget>
        </b:section>
</b:if>

      </div></div>


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


وهكذا كان موضوع اليوم بالتوفيق للجميع فى أمان الله 


لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق

wrapper-postswrap

الأربعاء، 8 مارس، 2017

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


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

معاينة

شرح التركيب للإضافة


  • قم بالبحث عن هذا الوسم الأول فى مدونتك]]></b:skin>ثم قم بوضع الكود التالى فوقه .


.wdbloogcom{display:flex;margin:0 auto 20px auto;width:100%;overflow:hidden;max-width:970px}
.gravfeatureditem{background:rgba(0,0,0,0.02);display:block;position:relative;float:left;overflow:hidden;height:220px;width:25%}
.gravfeatureditem .gracontent{background:#3498db;display:block;position:absolute;z-index:6;bottom:0;left:0;right:0;transform:translate(0,60px);opacity:0;visibility:hidden;transition:all .3s}
.gravfeatureditem:hover .gracontent{opacity:1;visibility:visible;transform:translate(0,0)}
.gravfeatureditem .gracontent h3{font-size:14px;color:#fff;padding:15px;margin:0;text-align:center}
.gravfeatureditem .feat-img{width:100%;height:100%;background-size:cover;background-position:50%}
.gravfeatureditem a{display:block;color:rgba(255,255,255,1);position:relative;vertical-align:bottom;z-index:5;height:100%;transition:all .3s}
.gravfeatureditem a:before{content:'';background:#3498db;width:100%;height:100%;position:absolute;z-index:3;top:0;opacity:0.9;transition:background 0.3s linear,opacity 0.3s linear}
.gravfeatureditem.first a:before,.gravfeatureditem.first .gracontent{background:#56a8df}
.gravfeatureditem.second a:before,.gravfeatureditem.second .gracontent{background:#e49148}
.gravfeatureditem.third a:before,.gravfeatureditem.third .gracontent{background:#5bccb6}
.gravfeatureditem.fourth a:before,.gravfeatureditem.fourth .gracontent{background:#f5b44c}
.gravfeatureditem a:hover:before{opacity:0.1;}
.gravfeatureditem a:after{content:"\f123";position:absolute;z-index:3;font-size:30px;top:32%;left:0;right:0;bottom:0;color:#fff;text-align:center;transform:translate(0,0);animation:jellygrav .6s linear;opacity:1;visibility:visible;transition:all .3s;font-family: FontAwesome;}
.gravfeatureditem:hover a:after{opacity:0;visibility:hidden;transform:translate(0,-60px)}
@media screen and (max-width:826px){
.gravfeatureditem{width:50%}
.gravfeatureditem.third,.gravfeatureditem.fourth{display:none}}
@media screen and (max-width:641px){
.gravfeatureditem{width:100%}
.gravfeatureditem.second,.gravfeatureditem.third,.gravfeatureditem.fourth{display:none}}


  • الأن قم بالبحث عن الكود التالى فى قالب مدونتك</body>ثم ضع فوقع الكود التالى.


<script type='text/javascript'>
//<![CDATA[
// Recent Post
function getPostUrl(a){for(var b=0;b<a.link.length;b++)if("alternate"==a.link[b].rel){var c=a.link[b].href;return c}}function getPostPublishDate(a){var b=a.published.$t,c=b.split("-")[2].substring(0,2),d=b.split("-")[1],e=b.split("-")[0],f=["January","February","March","April","May","June","July","August","September","Octobor","November","December"],g=f[d-1],h=g+" "+c+", "+e;return b?h:""}function getPostCategory(a){var b=a.category;b&&(b=a.category[0].term);var c='<div class="category-wrapper"><a class="category" href="/search/label/'+b+'?max-results=10">'+b+"</a></div>";return b?c:""}function Slider(a){for(var c=(new Array,""),d=a.feed.entry.length,e=0;e<d;e++){var f=a.feed.entry[e],g=f.title.$t,h=getPostUrl(f),l=(f.author[0].name.$t,getPostPublishDate(f),getPostCategory(f),f.category[0].term),m=a.feed.entry[e].content.$t,n=$("<div>").html(m);if(m.indexOf("//www.youtube.com/embed/")>-1)var o=a.feed.entry[e].media$thumbnail.url,p=o;else if(m.indexOf("<img")>-1)var q=n.find("img:first").attr("src"),p=q;else var p=no_image;0==e&&(c=c+'<div class="gravfeatureditem first"><div class="gracontent"><h3>'+g+'</h3></div><a href="'+h+'"><div class="feat-img" style="background-image:url('+p+');"></div></a></div>'),1==e&&(c=c+'<div class="gravfeatureditem second"><div class="gracontent"><h3>'+g+'</h3></div><a href="'+h+'"><div class="feat-img" style="background-image:url('+p+');"></div></a></div>'),2==e&&(c=c+'<div class="gravfeatureditem third"><div class="gracontent"><h3>'+g+'</h3></div><a href="'+h+'"><div class="feat-img" style="background-image:url('+p+');"></div></a></div>'),3==e&&(c=c+'<div class="gravfeatureditem fourth"><div class="gracontent"><h3>'+g+'</h3></div><a href="'+h+'"><div class="feat-img" style="background-image:url('+p+');"></div></a></div>')}slider.html('<div class="wdbloogcom">'+c+"</div>"),$(".wdbloogcom").find(".feat-img").each(function(){$(this).attr("style",function(a,b){return b.replace("/default.jpg","/mqdefault.jpg")}).attr("style",function(a,b){return b.replace("s72-c","s1600")}).attr("style",function(a,b){return b.replace("s320","s1600")}).attr("style",function(a,b){return b.replace("s400","s1600")}).attr("style",function(a,b){return b.replace("s640","s1600")})})}var slider=$("#wdbloogcom .widget-content"),sliderContent=slider.text().trim();"no"!==sliderContent.toLowerCase().trim()&&'"no"'!==sliderContent.toLowerCase()&&""!==sliderContent?"[recent]"!==sliderContent?$.ajax({url:"/feeds/posts/default/-/"+sliderContent+"?alt=json-in-script&max-results=4",type:"get",dataType:"jsonp",success:function(a){Slider(a)}}):$.ajax({url:"/feeds/posts/default?alt=json-in-script&max-results=4",type:"get",dataType:"jsonp",success:function(a){Slider(a)}}):$("#slider").remove();
//]]>
</script>


  • الأن مع أخر كود وهو الخاص بإظهار الإضافة فى مدونتك
  • يمكنك وضعه فى أى مكان فى قالب مدونتك كما تريد أنت


<b:section class='gravityfeaturedz' id='wdbloogcom' showaddelement='yes'>
  <b:widget id='HTML94' locked='false' title='' type='HTML' version='1'>
    <b:includable id='main'>
  <div class='widget-content'>
    <data:content/>
  </div>
<div class='clear'/>
</b:includable>
  </b:widget>
</b:section>

الأن قم بحفظ القالب وتوجه الأن الىى التخطيط
سوف تجد أداة جديده فى التخطيط بأسم wdbloogcom
سوف تضع بها [recent] ثم قم بخفظها ومبروك عليك .


وهكذا كان موضوع اليوم بالتوفيق للجميع فى أمان الله 


لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق



الأحد، 5 مارس، 2017

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


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

شرح تعريب قوالب بلوجر

فى الشرح سوف يتم أستخدام برنامج notepad الذى سوف يكون متواجد فى أى حسوب شخصى وفى أى نسخة ويندوز قديمة او حديثة وبالتأكيد الكل يعرفه ، الأن بعد معرف البرنامج بعد تحميل أى قالب بلوجر من أى موقع أو من أى مكان سوف تقوم بفتح ببرنامج نوت باد كما فى الصورة التالية .



الأن بعد فتح ملف القالب ببرنامج نوت باد سوف تكون بالضغط من لوحة المفاتيح على ctrl+H وهذا أختصار لقائمة replace المتواجده فى الـ نوت باد كما فى الصورة  .



  • الأن أول خطوه وهى تقوم بالكتاب فى الخانه الأول find what كلمةright
  • ثم فى الخانة الثانية replace with كلمةymenثم بعد ذلك تضغط على replace all .
  • الأن مره أخرى تكتب فى الخانة الأول find what كلمةleft
  • ثم فى الخانة الثانية replace with كلمةysarثم بعد ذلك تضغط على replace all .
  • وهذه الخطوات كما فى الصورة التاليه




  • الأن مره أخرى سوف تقوم بالكتاب فى الخانه الأول find what كلمةysar
  • ثم فى الخانة الثانية replace with كلمةrightثم بعد ذلك تضغط على replace all .
  • وبعد ذلك مرة أخرى سوف تقوم بالكتاب فى الخانه الأول find what كلمةymen
  • ثم فى الخانة الثانية replace with كلمةleftثم بعد ذلك تضغط على replace all .
  • وهذه الخطوات كما فى الصورة التاليه  ولكن عليك الأنتباه جيدا للخطوات



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

الباقى فقط أمور بسيطه وهى تغيير الخطوط لخطوط أفضل وبعد الأمور الأخر مثل padding و margin وهذا تعديل فى أكواد الـ css ويوجد طريقتين لتعديلهم والأول هى أن تكون جيد فى css وسوف تتمكن من تعديلهم بدون أى مشكلة .

أو يمكنك متابع الشرح لمتابعة التعديل أولا فى padding سوف تقوم بالبحث عنها فى القالب سوف تجدها هكذا فى القالب   padding: 0 10px 0 0; سوف تقوم بتحويلها هكذا padding: 0 0 0 10px; ، ولكن ليس فى كل والقالب سوف تكون هكذا من الممكن أن يكون أكثر من رقم وفى هذه الخطوة أذا وجدت صعوبه يمكنك وضعها فى تعليقوسوف أرد عليك بإذن الله
وبالنسبة للـ margin نفس أمر padding لا يوجد أختلف بينهم

وهكذا مع هذا الشرح سوف تتمكن من تعريب أى قالب بلوجر بدون أى مشكلة وبنسبة كبيرة وأى مشكلة يمكنك وضعها فى تعليق .

وهكذا كان موضوع اليوم بالتوفيق للجميع فى أمان الله


لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق


الجمعة، 3 مارس، 2017

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



موقع techsini

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



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


موقع Am I Responsive

هو موقع مشابه للموقع الأول ولكن بدون مميزات الموقع الأول بخصوص تغيير خلفيه الموقع و التحكم فى عرض الشاشات وهو سهل الأستخدام ولا يحتاح الى شرح فقط ضع رابط مدونتك به و أضغط على go .
يمكنك الدخول للموقع من خلال الرابط هذا Am I Responsive




موقع place 

هو موقع مختلف كثيرا عن أول موقعين هذا الموقع يمكنك من عرض صور عبر موك أب بجيع الأشكال على الهواتف والتابلت والأب توب والكمبيوتر بخلفيات أحترافيه سوف تفيدك كثيرا أدخل للموقع من هنا place.to



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

موقع magicmockups 

هو موقع مشاهد كثيرا جدا للموقع السابق وتطريق عمل كما هو الموقع السابق
أدخل له من هنا magicmockups


موقع dunnnk

هو أخر موقع معنا اليوم وهو موقع كما هو الموقعين السابقين يعمل مثلهم تاما
أدخل له من هنا dunnnk.com



وهكذا كان موضوع اليوم بالتوفيق للجميع فى أمان الله


لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق


الجمعة، 24 فبراير، 2017

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


تحميل ومعاينة


معاينة تحميل تحميل

صور من القالب






وهكذا كان موضوع اليوم بالتوفيق للجميع فى أمان الله


لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق



الثلاثاء، 21 فبراير، 2017

السلام عليكم ورحمة الله وبركاته مرحبا بكم متابعى عالم المدون اليوم أحببت أن أشارك معك شرح جديد طلبه منى أحد متابعى المدونة بشده وأن اليوم أعرضه له وهو تغيير شكل التعليقات لشكل تعليقات عالم المدون مع الأبتسمات ولكن لا أطيل عليك نمر على طول لشرح التركيب وبخصوص المعاينة يمكنك معاينتها من مدونتى .


شرح التركيب للإضافة



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


#comments{margin-top:15px;padding:15px;float:right;width:100%;background-color:#fff;margin-bottom:30px;box-shadow: 0 0 0 1px #7986CB;}
#comments:hover {box-shadow: 0 0 25px 10px rgba(123, 136, 204, 0.28);transition: all 250ms ease-in-out;}
#comments h4{text-align: right;font-weight: 500;font-size: 16px;padding-bottom: 10px;border-bottom: 2px solid #ccc;line-height: 24px;position: relative;color: #7986cb;margin-bottom: 20px;}
#comments h4::before {content: "";position: absolute;height: 2px;width: 32px;background-color: #7986cb;bottom: -2px;left: initial!important;right: 0;}
#comments h4:after {content: "\f0e5";display: block;background-color: #7986cb;font-family: FontAwesome;height: 28px;width: 32px;line-height: 28px;font-size: 14px;text-align: center;border-radius: 2px;float: right;margin-right: 0;margin-left: 10px;color: #FFF;}
.paging-control-container{text-align:center;width:100%;float:right;margin-bottom:20px;margin-top:10px}
.paging-control{background-color:#3B5998;color:#fff;padding:10px;height:40px;line-height:13px;display:inline-block}
.unneeded-paging-control{color:#FFFFFF;background-color:#343434;padding:10px;height:40px;line-height:13px;display:inline-block}
.comment_inner.comment_admin{margin-top:10px}
.comment_header{float:right}
.comment_avatar{width:65px;height:65px;float:right;margin-left:15px}
.comment_avatar img{width:100%;height:100%;border-radius:50%;border:3px solid #7986cb}
.comment_body{overflow:hidden;border:1px solid #ccc;margin-bottom:20px;background-color:#eee;margin-right:80px}
.comment_name{border-bottom:1px solid #ccc;padding:0 20px 0 0;height:40px;line-height:32px;background-color:#fff}
.comment-content{font-size:15px;color:#555;padding:20px;text-align:justify;background-color:#ddd}
.deleted-comment{font-size:15px;color:#555;display:block;padding:10px 20px 20px 20px}
.comment_author_flag{display:inline-block;width:initial;margin:2px 12px 0 0;color:#FFF;font-size:13px;background:#DD4B39;padding:0 6px 3px 6px;border-radius:2px}
.comment_service{float:left}
.comment-delete{font-size:13px;background:#7986CB;padding:2px 10px;display:inline-block;border-radius:2px;float:left;margin-right:5px;margin-left:10px;margin-bottom:10px;color:#FFFFFF;height:35px;line-height:26px;margin-top:2px}
.comment_date{font-size:14px;color:#555}
#comments .comment_reply{display:inline-block;margin-top:10px;padding:1px 7px;color:#fff;text-align:center;background:#7986CB;height:30px;line-height:17px;width:100%}
.comment_avatar_wrap{width:65px;background:#fcfcfc;text-align:center}
#comments .comment-form p{background:#ddd;padding:0 15px 10px 15px;margin:5px 0 15px;color:rgba(0,0,0,.8);font-size:15px;line-height:normal;border-radius:3px;position:relative;max-width:100%;border:1px solid #ccc}
#emo-box,#hide-emo{display:none}
.small-button a,.small-button1 a{background:#7986CB;color:#fff;font-size:13px;cursor:pointer;margin:15px 5px 5px 0;text-decoration:none;text-transform:none;text-shadow:none;border-radius:3px;display:inline-block;padding:5px 10px;box-shadow:0 1px 2px rgba(0,0,0,0.1)}
.comment_emo_list .item{float:right;display:block;text-align:center;margin:5px 5px 0 0;width:50px;background-color:#7986CB;border-radius:2px;height:70px}
.comment_emo_list span{display:block;margin:5px 0 5px 0;letter-spacing:1px;color:#fff}
.comment_emo{width:25px;height:25px;margin-bottom:-10px}
.comment_wrap{padding-right:80px}


  • الأن عليك التركيز فى الأكواد الأتية
  • عليك الأن أن تقوم بالبحث عن هذا الكود فى مدونتك<b:includable id='comment_picker' var='post'>
  • ثم تقوم بتحديد الكود كامل كما فى الصورة التالية




  • ثم تقوم بأستبدال الكود فى مدونتك بالكود التالى


<b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <b:include data='post' name='iframe_comments'/>
  <b:elseif cond='data:post.showThreadedComments'/>
    <b:include data='post' name='comments'/>
  <b:else/>
    <b:include data='post' name='comments'/>
  </b:if>
</b:includable>

  • الأن قم بالبحث عن الكود التالى هذا<b:includable id='comments' var='post'>
  • الأن تقوم ايضا بتحديد الكود كامل كما فى الصورة أعلى
  • ثم تقوم بوضع بدل منه الكود هذا


<b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
    <b:if cond='data:post.allowComments'>
<h4><data:post.commentLabelFull/>:</h4>
      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
    &#160;
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
    &#160;
    <data:post.commentRangeText/>
    &#160;
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
    &#160;
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
   </span>
      </b:if>
      <div class='clear'/>
      <div id='comment_block'>
        <b:loop values='data:post.comments' var='comment'>
          <div class='data:comment.adminClass' expr:id='data:comment.anchorName'>
            <b:if cond='data:post.adminClass == data:comment.adminClass'>
              &lt;div class=&#39;comment_inner comment_admin&#39;&gt;
              <b:else/> &lt;div class=&#39;comment_inner&#39;&gt;
            </b:if>
            <div class='comment_header'>
              <div class='comment_avatar_wrap'>
                <div class='comment_avatar'>
                  <img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
                </div>
                <a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='رد'>رد</a>
              </div>
              <div class='clear'/>
            </div>
            <div class='comment_body'>
              <div class='comment_name'>
                <b:if cond='data:comment.authorUrl'>
                  <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'>
                    <data:comment.author/>
                  </a>
                  <b:else/>
                  <data:comment.author/>
                </b:if>
                <b:if cond='data:comment.author == data:post.author'>
                  <span class='comment_author_flag'> الكاتب <i class='fa fa-check-circle' title='Verified Author'/></span>
                </b:if>
                <span class='comment_service'>
      <a class='comment-delete' expr:href='&quot;http://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'>
حذف
</a>                
      <span class='comment_date'><a expr:href='data:comment.url' rel='nofollow' title='comment permalink'>
                  <data:comment.timestamp/>
        </a></span>
                </span>
              </div>
              <b:if cond='data:comment.isDeleted'>
                <span class='deleted-comment'><data:comment.body/></span>
                <b:else/>
                <p class='comment-content'>
                  <data:comment.body/>
                </p>
                <div class='clear'/>
              </b:if>
            </div>
            <div class='clear'/> &lt;/div&gt;
            <div class='clear'/>
            <div class='comment_child'/>
            <div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.anchorName'/>
          </div>
        </b:loop>
      </div>
      <div class='clear'/>
      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
       <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
       &#160;
       <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
       &#160;
       <data:post.commentRangeText/>
       &#160;
       <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
       &#160;
       <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
     </span>
      </b:if>
      <div class='clear'/>
      <div class='comment_form'>
        <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='threaded-comment-form'/>
            <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
          <b:else/>
          <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='data:postCommentMsg'>
              <data:postCommentMsg/>
            </a>
          </b:if>
        </b:if>
      </div>
    </b:if>
  </div>
<script type='text/javascript'>
//<![CDATA[
if (typeof(jQuery) == 'undefined') {
//output the script (load it from google api)
 document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
}
//]]>
</script>
<script async='async' src='//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js' type='text/javascript'/>
<script type='text/javascript'>

<b:if cond='data:post.numComments != 0'>
         var Items = <data:post.commentJso/>;
         var Msgs = <data:post.commentMsgs/>;
         var Config = <data:post.commentConfig/>;
        <b:else/>
         var Items = {};
         var Msgs = {};
         var Config = {&#39;maxThreadDepth&#39;:&#39;0&#39;};
        </b:if>
       //<![CDATA[
       //Global setting
        Config.maxThreadDepth = 3;//Kedalaman tingkat threaded comment
        Display_Emo = true;//Tampilkan emoticon? ketik "false" untuk menyembunyikan
        Replace_Youtube_Link = false;//Embed video YouTube, ketik "false" untuk mendisable
        Replace_Image_Link = false;//Auto replace link image,  ketik "false" untuk mendisable.
        Replace_Force_Tag = false;//Auto replace virtual tag contoh: [pre] menjadi <pre>, dan [/pre] menjadi </pre>, apabila salah menulis, tidak akan berfungsi
        Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),hanya berfungsi apabila Replace_Image_Link=true
        //Pengaturan Emoticon
        Emo_List = [
':)'   ,'http://twemoji.maxcdn.com/36x36/1f600.png',
':('   ,'http://twemoji.maxcdn.com/36x36/1f615.png',
'hihi'  ,'http://twemoji.maxcdn.com/36x36/1f601.png',
':-)'   ,'http://twemoji.maxcdn.com/36x36/1f60f.png',
':D'   ,'http://twemoji.maxcdn.com/36x36/1f603.png',
'=D'   ,'http://twemoji.maxcdn.com/36x36/1f62c.png',
':-d'   ,'http://twemoji.maxcdn.com/36x36/1f604.png',
';('   ,'http://twemoji.maxcdn.com/36x36/1f61e.png',
';-('   ,'http://twemoji.maxcdn.com/36x36/1f62d.png',
'@-)'   ,'http://twemoji.maxcdn.com/36x36/1f616.png',
':o' ,'http://twemoji.maxcdn.com/36x36/1f62e.png',     
':&gt;)','http://twemoji.maxcdn.com/36x36/1f606.png',     
'(o)' ,'http://twemoji.maxcdn.com/36x36/1f609.png',     
':p' ,'http://twemoji.maxcdn.com/36x36/1f614.png',     
':-?' ,'http://twemoji.maxcdn.com/36x36/2753.png', 
'(p)' ,'http://twemoji.maxcdn.com/36x36/1f619.png', 
':-s' ,'http://twemoji.maxcdn.com/36x36/1f625.png',
'8-)' ,'http://twemoji.maxcdn.com/36x36/1f60e.png',
':-t' ,'http://twemoji.maxcdn.com/36x36/1f624.png',
':-b' ,'http://twemoji.maxcdn.com/36x36/1f634.png',
'b-(' ,'http://twemoji.maxcdn.com/36x36/1f635.png',
'(y)' ,'http://twemoji.maxcdn.com/36x36/1f44d.png',
'x-)' ,'http://twemoji.maxcdn.com/36x36/1f60d.png',
'(h)' ,'http://twemoji.maxcdn.com/36x36/1f44f.png',  
'(:V)' ,'https://static.xx.fbcdn.net/images/emoji.php/v7/ef4/1/24/PACMAN.png',  
        ];
                                //Config Force tag list, define all in lower case
                                Force_Tag = [
                                    '[pre]','<pre>',
                                    '[/pre]','</pre>',
                                    '<pre class="brush: plain; title: ; notranslate" title="">','&lt;code&gt;',
                                    '</pre>','</code>'
                                ];
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('3 o=\'.1c\';3 1b=$(\'#O-19\').G(\'A\');u 1l(F){3 1j=\' \\n\\r\\t\\f\\1D\\1G\\1F\\1E\\2l\\2k\\2i\\2f\\2c\\26\\25\\23\\1Y\\1S\\1N\\1L\\1H\\2v\\1M\\2p\\24\\22\\1R\';E(3 i=0;i<F.5;i++){9(1j.d(F.1Q(i))!=-1){F=F.b(0,i);11}}z F}$(\'#1P .1i p\').j(u(y,7){9(1J){3 l=\'1v://13.V.W/1y?v=\';3 8=7.d(l);D(8!=-1){1d=7.b(8);J=1l(1d);3 X=J.d(\'&\');3 N=\'\';9(X==-1){N=J.b(l.5)}Y{N=J.b(l.5,X)}3 1r=\'<1u B="1T" A="1v://13.V.W/1U/\'+N+\'?1V=1" 1W="0" 2w></1u>\';7=7.b(0,8)+1r+7.b(8+J.5);8=7.d(l);9(8==-1){l=\'1Z://13.V.W/1y?v=\';8=7.d(l)}}}9(21){3 Z=\'\';3 s=7;E(3 i=0;i<1w.5;i++){3 l=\'.\'+1w[i];3 m=s.C();3 8=m.d(l);D(8!=-1){k=s.b(0,8+l.5);m=k.C();3 q=\'2h://\';3 w=m.d(q);3 I=\'\';D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}q=\'2n://\';m=k.C();w=m.d(q);D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}9(I==\'\'||k.5<6){11}k=I+k;Z+=s.b(0,8+l.5-k.5)+\'<10 A="\'+k+\'" B="2r"/>\';s=s.b(8+l.5);m=s.C();8=m.d(l)}}7=Z+s}9(1A){3 5=x.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';8=7.d(x[i]);D(8!=-1){7=7.b(0,8)+S+7.b(8+x[i].5);8=7.d(x[i])}}}9(1I){3 5=R.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){D(1){3 s=7.M();8=s.d(R[i]);9(8!=-1){7=7.b(0,8)+R[i+1]+7.b(8+R[i].5)}Y{11}}}}z 7});$(\'.1K\').j(u(y,7){9(1A){3 5=x.5;9(5%2==1){5--}3 12=\'\';E(3 i=0;i<5;i+=2){3 1e=\'<1f>\'+x[i]+\'</1f>\';3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';12+=\'<Q B="1O">\'+S+1e+\'</Q>\'}z 12}});$(\'.1g .1i p\').j(u(i,h){T=h.M();y=T.d(\'@<a U="#c\');9(y!=-1){14=T.d(\'</a>\',y);9(14!=-1){h=h.b(0,y)+h.b(14+4)}}z h});u 1k(g){r=g.d(\'c\');9(r!=-1)g=g.b(r+1);z g}u 1m(g){g=\'&1X=\'+g+\'#%1n\';1o=1b.20(/#%1n/,g);z 1o}u 1p(){j=$(o).j();$(o).j(\'\');o=\'.1c\';$(o).j(j);$(\'#O-19\').G(\'A\',1b)}u 1q(e){g=$(e).G(\'15\');g=1k(g);j=$(o).j();9(o==\'.1c\'){1s=\'<a U="#1t" 27="1p()">\'+28.29+\'</a><a 2a="1t"/>\';$(o).j(1s)}Y{$(o).j(\'\')}o=\'#2b\'+g;$(o).j(j);$(\'#O-19\').G(\'A\',1m(g))}16=2d.2e.U;17=\'#O-2g\';18=16.d(17);9(18!=-1){1x=16.b(18+17.5);1q(\'#2j\'+1x)}E(3 i=0;i<P.5;i++){9(\'1z\'2m P[i]){3 g=P[i].1z;3 1a=2o($(\'#c\'+g+\':L\').G(\'1C\'));$(\'#c\'+g+\' .2q:L\').j(u(y,7){3 H=P[i].15;9(1a>=2s.2t){$(\'#c\'+H+\':L .2u\').1h()}3 K=$(\'#c\'+H+\':L\').j();K=\'<Q B="1g" 15="c\'+H+\'" 1C="\'+(1a+1)+\'">\'+K+\'</Q>\';$(\'#c\'+H).1h();z(7+K)})}}',62,157,'|||var||length||oldhtml|check_index|if||substring||indexOf|||par_id|||html|img_src|search_key|upper_html||Cur_Cform_Hdr||http_search||temp_html||function||find_http|Emo_List|index|return|src|class|toUpperCase|while|for|str|attr|child_id|save_http|yt_link|child_html|first|toLowerCase|yt_code|comment|Items|div|Force_Tag|img_html|temp|href|youtube|com|yt_code_index|else|save_html|img|break|newhtml|www|index_tail|id|cur_url|search_formid|search_index|editor|par_level|Cur_Cform_Url|comment_form|ht|img_code|span|comment_wrap|remove|comment_body|whitespace|Valid_Par_Id|trim|Cform_Ins_ParID|7B|n_cform_url|Reset_Comment_Form|Display_Reply_Form|yt_video|reset_html|origin_cform|iframe|http|Replace_Image_Ext|ret_id|watch|parentId|Display_Emo|comment_emo|level|x5b|x7d|x7c|x5d|u2008|Replace_Force_Tag|Replace_Youtube_Link|comment_emo_list|u2007|u200a|u2006|item|comment_block|charAt|u3000|u2005|comment_youtube|embed|autohide|frameborder|parentID|u2004|https|replace|Replace_Image_Link|u2029|u2003|u2028|u2002|u2001|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|xa0|form_|HTTP|x0b|rc|x3e|x3c|in|HTTPS|parseInt|u200b|comment_child|comment_img|Config|maxThreadDepth|comment_reply|u2009|allowfullscreen'.split('|'),0,{}))   
var avatar=$("#comments");avatar.find('.comment_avatar img').each(function() {var ava = $(this).attr('src');$(this).show().attr('src', ava.replace(/\/s[0-9]+(\-c)?\//,"/s45-c/"));});
//]]>
</script>
</b:includable>


  • الان مع اخر كود وهو نفس ما سبق
  • تقوم بالبحث عن هذه الكود<b:includable id='threaded-comment-form' var='post'>
  • وايضا تقوم بتحديده كامل كما فى الصورة فوق
  • وتقوم بوضع بدل منه الكود التالى


<b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>

      <p><data:blogCommentMessage/><br/>

<span class='small-button1'>
<span id='show-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;none&apos;' title='الأبتسامات'>الأبتسامات</a></span><span id='hide-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;inline-block&apos;' title=' أخفاء الأبتسامات'>أخفاء الأبتسامات</a></span>
</span>
</p>
<div id='emo-box'><div class='comment_emo_list'/></div>

      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
    </script>
  </div>
</b:includable>


  • الأن تقوم بحفظ القالب ومبروك عليك


وهكذا كان موضوع اليوم بالتوفيق للجميع فى أمان الله


لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق



مرحبا بكم متابعى مدونة عالم المدون اليوم مع موضوع جديد وهو اضافة عرض المواضيع حسب التسميات بشكل جديد V3 وهو سكريب جديد لعرض المواضيع حسب التسمات وهو يعرض 4 مواضيع من اقسم تريده ويمكنك جعلها أكثر ولكن يفضل أربعه حتى تعمل بشكل أفضل ويمكنك معاينة الإضافة من الرابط التالى .


الاثنين، 20 فبراير، 2017

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


الأحد، 12 فبراير، 2017

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



شرح التركيب للإضافة



  • الأول عليك ومنعا لحدوث مشكلة فى قالب مدونتك عن التركيب
  • قم بحفظ نسخة من قالب مدونتك قالب التعديل على أى شئ فى المدونة
  • الأن قم بالبحث عن الوسم هذا]]></b:skin>فى مدونتك ثم قم وضع الكود التالى فوقه


.title-cover{position:relative}.title-cover .post-thunb{background:#222;height:450px}.post-thunb img{width:100%;height:100%;opacity:.5}.info-imgg{width:100%;position:absolute;z-index:9;text-align:center;bottom:28%;margin:0 auto;right:0;left:0}.title-cover::after{content:no-close-quote;position:absolute;right:0;width:100%;height:150px;margin:-150px 0 0}.author-pic{width:60px;border-radius:50%;border:3px solid #fff;margin:-8px 8px 0 0}.title-cover h3.post-title.entry-title{display:block;color:#FFF;font-size:22px;font-weight:100;padding:15px 5px;margin:0;margin-bottom:15px}.c-posts-info{margin-bottom:15px}.c-posts-info a{display:inline-block;margin-left:10px;font-size:16px}.writer{margin-bottom:5px;text-align:center;color:#fff;font-size:15px}.writer::before{display:-moz-inline-box;display:-webkit-inline-box;content:"\f007";font-family:fontawesome;margin:-1px 17px 0 5px}.timer{text-align:center;color:#fff;margin:0 0 0 8px}.timer::before{display:-moz-inline-box;display:-webkit-inline-box;content:"\f073";font-family:fontawesome;margin:0 0 0 5px}.commenterr{text-align:center;color:#fff;font-family:cursive;margin:0 0 0 10px}.commenterr::before{display:-moz-inline-box;display:-webkit-inline-box;content:"\f086";font-family:fontawesome;margin:0 0 0 5px}.breadcrumbs{padding:10px}.breadcrumbs span{color:#fff;font-size:14px}.breadcrumbs i.fa.fa-angle-left{color:#fff;margin:5px}button.blogg-button{display:inline-block!important}


  • الأن قم بالبحث عن هذا الوسم</body>ايضا وقم بوضع الكود التالى فوقه


<script type='text/javascript'>
//<![CDATA[
var _0x150a=["\x23\x63\x6F\x76\x65\x72\x2D\x70\x6F\x73\x74","\x61\x70\x70\x65\x6E\x64\x54\x6F","\x2E\x74\x69\x74\x6C\x65\x2D\x63\x6F\x76\x65\x72"];$(function(){$(_0x150a[2])[_0x150a[1]](_0x150a[0])})
// recent posts by label Script
var _0xc2b4=["\x3C\x75\x6C\x20\x69\x64\x3D\x22\x6D\x61\x67\x2D\x70\x6F\x73\x74\x73\x22\x3E","\x77\x72\x69\x74\x65","\x65\x6E\x74\x72\x79","\x66\x65\x65\x64","\x24\x74","\x74\x69\x74\x6C\x65","\x6C\x65\x6E\x67\x74\x68","\x6C\x69\x6E\x6B","\x72\x65\x70\x6C\x69\x65\x73","\x72\x65\x6C","\x74\x65\x78\x74\x2F\x68\x74\x6D\x6C","\x74\x79\x70\x65","\x68\x72\x65\x66","\x61\x6C\x74\x65\x72\x6E\x61\x74\x65","\x75\x72\x6C","\x6D\x65\x64\x69\x61\x24\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C","\x63\x6F\x6E\x74\x65\x6E\x74","\x3C\x69\x6D\x67","\x69\x6E\x64\x65\x78\x4F\x66","\x73\x72\x63\x3D\x22","\x22","\x73\x75\x62\x73\x74\x72","","\x68\x74\x74\x70\x3A\x2F\x2F\x33\x2E\x62\x70\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x2D\x7A\x50\x38\x37\x43\x32\x71\x39\x79\x6F\x67\x2F\x55\x56\x6F\x70\x6F\x48\x59\x33\x30\x53\x49\x2F\x41\x41\x41\x41\x41\x41\x41\x41\x45\x35\x6B\x2F\x41\x49\x79\x50\x76\x72\x70\x47\x4C\x6E\x38\x2F\x73\x31\x36\x30\x30\x2F\x70\x69\x63\x74\x75\x72\x65\x5F\x6E\x6F\x74\x5F\x61\x76\x61\x69\x6C\x61\x62\x6C\x65\x2E\x70\x6E\x67","\x6E\x61\x6D\x65","\x61\x75\x74\x68\x6F\x72","\x75\x72\x69","\x74\x65\x72\x6D","\x63\x61\x74\x65\x67\x6F\x72\x79","\x70\x75\x62\x6C\x69\x73\x68\x65\x64","\x73\x75\x62\x73\x74\x72\x69\x6E\x67","\u064A\u0646\u0627\u064A\u0631","\u0641\u0628\u0631\u0627\u064A\u0631","\u0645\u0627\u0631\u0633","\u0623\u0628\u0631\u064A\u0644","\u0645\u0627\u064A\u0648","\u064A\u0648\u0646\u064A\u0648","\u064A\u0648\u0644\u064A\u0648","\u0623\u063A\u0633\u0637\u0633","\u0633\u0628\u062A\u0645\u0628\u0631","\u0623\u0643\u062A\u0648\u0628\u0631","\u0646\u0648\u0641\u0628\u0645\u0631","\u062F\u064A\u0633\u0645\u0628\u0631","\x3C\x6C\x69\x20\x63\x6C\x61\x73\x73\x3D\x22\x72\x65\x63\x65\x6E\x74\x2D\x62\x6F\x78\x22\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x72\x65\x63\x65\x6E\x74\x6F\x22\x3E","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x6D\x61\x67\x70\x2D\x74\x68\x75\x6D\x62\x22\x3E\x3C\x61\x20\x63\x6C\x61\x73\x73\x3D\x22\x70\x6F\x73\x74\x2D\x74\x61\x67\x22\x20\x68\x72\x65\x66\x3D\x22\x2F\x73\x65\x61\x72\x63\x68\x2F\x6C\x61\x62\x65\x6C\x2F","\x22\x3E","\x3C\x2F\x61\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x20\x74\x61\x72\x67\x65\x74\x20\x3D\x22\x5F\x74\x6F\x70\x22\x3E\x3C\x69\x6D\x67\x20\x63\x6C\x61\x73\x73\x3D\x22\x6D\x61\x67\x70\x2D\x69\x6D\x67\x22\x20\x73\x72\x63\x3D\x22","\x22\x20\x74\x69\x74\x6C\x65\x3D\x22","\x22\x20\x61\x6C\x74\x3D\x22","\x22\x2F\x3E\x3C\x2F\x61\x3E\x3C\x2F\x64\x69\x76\x3E","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x6C\x61\x62\x65\x6C\x2D\x63\x6F\x6E\x74\x65\x6E\x74\x22\x3E\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x6D\x70\x74\x22\x3E\x3C\x61\x20\x63\x6C\x61\x73\x73\x3D\x22\x6D\x61\x67\x70\x2D\x74\x22\x20\x68\x72\x65\x66\x3D\x22","\x22\x20\x74\x61\x72\x67\x65\x74\x20\x3D\x22\x5F\x74\x6F\x70\x22\x3E","\x3C\x2F\x61\x3E\x3C\x2F\x73\x70\x61\x6E\x3E","\u0625\u0628\u0631\u064A\u0644","\u062A\u0648\u0641\u0645\u0628\u0631","\x2D","\x73\x70\x6C\x69\x74","\x20","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x6D\x61\x67\x70\x2D\x64\x22\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x20\x63\x6C\x61\x73\x73\x3D\x22\x70\x6F\x73\x74\x2D\x64\x61\x74\x65\x22\x3E","\x3C\x2F\x61\x3E","\x20\x7C\x20","\x31\x20\x43\x6F\x6D\x6D\x65\x6E\x74\x73","\x31\x20\x43\x6F\x6D\x6D\x65\x6E\x74","\x30\x20\x43\x6F\x6D\x6D\x65\x6E\x74\x73","\x4E\x6F\x20\x43\x6F\x6D\x6D\x65\x6E\x74\x73","\x3C\x61\x20\x63\x6C\x61\x73\x73\x3D\x22\x6D\x61\x67\x70\x2D\x63\x22\x20\x68\x72\x65\x66\x3D\x22","\x3C\x2F\x61\x3E\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x27\x77\x72\x2D\x70\x27\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D","\x3E","\x3C\x2F\x61\x3E\x3C\x2F\x73\x70\x61\x6E\x3E\x3C\x2F\x64\x69\x76\x3E","\x73\x75\x6D\x6D\x61\x72\x79","\x72\x65\x70\x6C\x61\x63\x65","\x6C\x61\x73\x74\x49\x6E\x64\x65\x78\x4F\x66","\x3C\x70\x20\x63\x6C\x61\x73\x73\x3D\x22\x70\x6F\x73\x74\x2D\x73\x75\x6D\x6D\x61\x72\x79\x22\x3E","\x2E\x2E\x2E\x3C\x2F\x70\x3E","\x3C\x2F\x64\x69\x76\x3E\x3C\x2F\x64\x69\x76\x3E\x3C\x2F\x6C\x69\x3E","\x3C\x2F\x75\x6C\x3E"];function labelthumbs(_0xcfb9x2){document[_0xc2b4[1]](_0xc2b4[0]);for(var _0xcfb9x3=0;_0xcfb9x3<numposts;_0xcfb9x3++){var _0xcfb9x4,_0xcfb9x5=_0xcfb9x2[_0xc2b4[3]][_0xc2b4[2]][_0xcfb9x3],_0xcfb9x6=_0xcfb9x5[_0xc2b4[5]][_0xc2b4[4]];if(_0xcfb9x3==_0xcfb9x2[_0xc2b4[3]][_0xc2b4[2]][_0xc2b4[6]]){break };for(var _0xcfb9x7=0;_0xcfb9x7<_0xcfb9x5[_0xc2b4[7]][_0xc2b4[6]];_0xcfb9x7++){if(_0xc2b4[8]==_0xcfb9x5[_0xc2b4[7]][_0xcfb9x7][_0xc2b4[9]]&&_0xc2b4[10]==_0xcfb9x5[_0xc2b4[7]][_0xcfb9x7][_0xc2b4[11]]){var _0xcfb9x8=_0xcfb9x5[_0xc2b4[7]][_0xcfb9x7][_0xc2b4[5]],_0xcfb9x9=_0xcfb9x5[_0xc2b4[7]][_0xcfb9x7][_0xc2b4[12]]};if(_0xc2b4[13]==_0xcfb9x5[_0xc2b4[7]][_0xcfb9x7][_0xc2b4[9]]){_0xcfb9x4=_0xcfb9x5[_0xc2b4[7]][_0xcfb9x7][_0xc2b4[12]];break ;};};var _0xcfb9xa;try{_0xcfb9xa=_0xcfb9x5[_0xc2b4[15]][_0xc2b4[14]]}catch(p){s=_0xcfb9x5[_0xc2b4[16]][_0xc2b4[4]],a=s[_0xc2b4[18]](_0xc2b4[17]),b=s[_0xc2b4[18]](_0xc2b4[19],a),c=s[_0xc2b4[18]](_0xc2b4[20],b+5),d=s[_0xc2b4[21]](b+5,c-b-5),_0xcfb9xa=-1!=a&&-1!=b&&-1!=c&&_0xc2b4[22]!=d?d:_0xc2b4[23]};var _0xcfb9xb=_0xcfb9x5[_0xc2b4[25]][0][_0xc2b4[24]][_0xc2b4[4]],_0xcfb9xc=_0xcfb9x5[_0xc2b4[25]][0][_0xc2b4[26]][_0xc2b4[4]],_0xcfb9xd=_0xcfb9x5[_0xc2b4[28]][0][_0xc2b4[27]],_0xcfb9xe=_0xcfb9x5[_0xc2b4[29]][_0xc2b4[4]],_0xcfb9xf=(_0xcfb9xe[_0xc2b4[30]](0,4),_0xcfb9xe[_0xc2b4[30]](5,7),_0xcfb9xe[_0xc2b4[30]](8,10), new Array);_0xcfb9xf[1]=_0xc2b4[31],_0xcfb9xf[2]=_0xc2b4[32],_0xcfb9xf[3]=_0xc2b4[33],_0xcfb9xf[4]=_0xc2b4[34],_0xcfb9xf[5]=_0xc2b4[35],_0xcfb9xf[6]=_0xc2b4[36],_0xcfb9xf[7]=_0xc2b4[37],_0xcfb9xf[8]=_0xc2b4[38],_0xcfb9xf[9]=_0xc2b4[39],_0xcfb9xf[10]=_0xc2b4[40],_0xcfb9xf[11]=_0xc2b4[41],_0xcfb9xf[12]=_0xc2b4[42],document[_0xc2b4[1]](_0xc2b4[43]),1==showpostthumbnails&&document[_0xc2b4[1]](_0xc2b4[44]+_0xcfb9xd+_0xc2b4[45]+_0xcfb9xd+_0xc2b4[46]+_0xcfb9x4+_0xc2b4[47]+_0xcfb9xa+_0xc2b4[48]+_0xcfb9x6+_0xc2b4[49]+_0xcfb9x6+_0xc2b4[50]),document[_0xc2b4[1]](_0xc2b4[51]+_0xcfb9x4+_0xc2b4[52]+_0xcfb9x6+_0xc2b4[53]);var _0xcfb9x10=_0xc2b4[22],_0xcfb9x11=0;document[_0xc2b4[1]](_0xc2b4[22]),_0xcfb9xe=_0xcfb9x5[_0xc2b4[29]][_0xc2b4[4]];for(var _0xcfb9x12=[1,2,3,4,5,6,7,8,9,10,11,12],_0xcfb9x13=[_0xc2b4[31],_0xc2b4[32],_0xc2b4[33],_0xc2b4[54],_0xc2b4[35],_0xc2b4[36],_0xc2b4[37],_0xc2b4[38],_0xc2b4[39],_0xc2b4[40],_0xc2b4[55],_0xc2b4[42]],_0xcfb9x14=_0xcfb9xe[_0xc2b4[57]](_0xc2b4[56])[2][_0xc2b4[30]](0,2),_0xcfb9x15=_0xcfb9xe[_0xc2b4[57]](_0xc2b4[56])[1],_0xcfb9x16=_0xcfb9xe[_0xc2b4[57]](_0xc2b4[56])[0],_0xcfb9x17=0;_0xcfb9x17<_0xcfb9x12[_0xc2b4[6]];_0xcfb9x17++){if(parseInt(_0xcfb9x15)==_0xcfb9x12[_0xcfb9x17]){_0xcfb9x15=_0xcfb9x13[_0xcfb9x17];break ;}};var _0xcfb9x18=_0xcfb9x14+_0xc2b4[58]+_0xcfb9x15+_0xc2b4[58]+_0xcfb9x16;if(1==showpostdate&&document[_0xc2b4[1]](_0xc2b4[59]+_0xcfb9x4+_0xc2b4[60]+_0xcfb9x18+_0xc2b4[61]),1==showcommentnum&&(1==_0xcfb9x11&&(_0xcfb9x10+=_0xc2b4[62]),_0xc2b4[63]==_0xcfb9x8&&(_0xcfb9x8=_0xc2b4[64]),_0xc2b4[65]==_0xcfb9x8&&(_0xcfb9x8=_0xc2b4[66]),_0xcfb9x10+=_0xcfb9x8,_0xcfb9x11=1,document[_0xc2b4[1]](_0xc2b4[67]+_0xcfb9x9+_0xc2b4[52]+_0xcfb9x8+_0xc2b4[68]+_0xcfb9xc+_0xc2b4[69]+_0xcfb9xb+_0xc2b4[70])),_0xc2b4[16] in _0xcfb9x5){var _0xcfb9x19=_0xcfb9x5[_0xc2b4[16]][_0xc2b4[4]]}else {if(_0xc2b4[71] in _0xcfb9x5){var _0xcfb9x19=_0xcfb9x5[_0xc2b4[71]][_0xc2b4[4]]}else {var _0xcfb9x19=_0xc2b4[22]}};var _0xcfb9x1a=/<\S[^>]*>/g;if(_0xcfb9x19=_0xcfb9x19[_0xc2b4[72]](_0xcfb9x1a,_0xc2b4[22]),1==showpostsummary){if(_0xcfb9x19[_0xc2b4[6]]<numchars){document[_0xc2b4[1]](_0xc2b4[22]),document[_0xc2b4[1]](_0xcfb9x19),document[_0xc2b4[1]](_0xc2b4[22])}else {document[_0xc2b4[1]](_0xc2b4[22]),_0xcfb9x19=_0xcfb9x19[_0xc2b4[30]](0,numchars);var _0xcfb9x1b=_0xcfb9x19[_0xc2b4[73]](_0xc2b4[58]);_0xcfb9x19=_0xcfb9x19[_0xc2b4[30]](0,_0xcfb9x1b),document[_0xc2b4[1]](_0xc2b4[74]+_0xcfb9x19+_0xc2b4[75]);}};document[_0xc2b4[1]](_0xc2b4[76]),_0xcfb9x3!=numposts-1&&document[_0xc2b4[1]](_0xc2b4[22]);};document[_0xc2b4[1]](_0xc2b4[77]);}
$('.post-thunb img').attr('src', function(i, src) {return src.replace( 's72-c', 's720-c' );});
$('.post-thunb img').attr('src', function(i, src) {return src.replace( '/default.jpg', '/mqdefault.jpg' );});
//]]>
</script>


  • الأن عليك وضع الكود التالى فوق مثلا مواضيع ذات صله داخل مدونتك
  • أو يمكنك ضعه فوق أزرار المشاركة عبر مواقع التواصل


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='title-cover'>
<a expr:href='data:post.url'>
<div class='post-thunb'>
<img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/>
</div>
</a>
<div class='info-imgg'>

<img class='author-pic' expr:src='data:post.authorPhoto.url'/>

      <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title' itemprop='name'>
      <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
        <a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
      <b:else/>
        <data:post.title/>
      </b:if>
      </h3>
    </b:if>
      </b:if>
<div class='c-posts-info'> 
<a class='writer'><data:post.author/></a>
  <a class='timer'><data:post.date/></a>
  <a class='commenterr'><data:post.numComments/></a>
 </div>

        <div class='breadcrumbs'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>الرئيسية </span></a></span> 
<i class='fa fa-angle-left'/> 
 <b:loop values='data:post.labels' var='label'>

<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?&amp;amp;max-results=6&quot;' itemprop='url'><span itemprop='title'><i class='fa fa-tag'/> <data:label.name/>,</span></a></span>

<b:if cond='data:label.isLast != &quot;true&quot;'>  </b:if> </b:loop> 
<i class='fa fa-angle-left'/> 
 <span><i class='fa fa-file-text-o'/> <data:post.title/></span>
        </div>

  </div>
  </div>
    </b:if>


  • مع وضعك لهذه الكود سوف تظهر الأضافة فى المكان الذى وضعها به
  • ولكن الأن أن تريد أن تظهر أسفل القائمة الرئيسية كما فى مدونة المحترف
  • سوف تقوم بستخدام هذا الـ id وتقوم بوضعه أسفل القائمة الرئيسة فى مدونت


<b:if cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}'>
<div id='cover-post'>
  </div>
  </b:if>


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


وهكذا كان موضوع اليوم بالتوفيق للجميع فى أمان الله


لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق


جميع الحقوق محفوظة لمن قن بوضعه كود الجافا مدونة مبدعى التصميم 


فى نهاية الموضوع وفقط لتوضيح لوضع حقوق من قام بنشر الأضافة أولا وليس شئ اخر



الجمعة، 10 فبراير، 2017

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


الأربعاء، 8 فبراير، 2017

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


شرح التركيب للإضافة


  • أولا عليك ابحث عن الوسم هذا]]></b:skin>فى قالب مدونتك
  • ثم بعد ذلك تقوم بوضع الكود التالى فوقه

#abt-random {
  float: left;
  border-radius: 3px;
  background-color: #7986CB;
  height: 35px;
  width: 35px;
  margin-top: 15px;
  margin-left: 5px;
  position: relative;
  z-index: 999999999999999999;
}
#abt-random a {
  margin-right: 9px;
  color: #FFFFFF;
}

  • الان تقوم بالحث عن الوسم هذا فى مدونتك
  • ثم تقوم بوضع الكود التالى فوقه

<script>
//<![CDATA[
function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = '<i class="fa fa-random"></i>'; document.getElementById('abt-random').appendChild(a); } 
</script><script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky">


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


<div id='abt-random' title='مشاركة عشوائية'/>


  • وبعد ذلك تقوم بحفظ القالب ومبروك عليك
  • واذا تريد تغيير شئ فى الإضافة يمكنك وضعه تعليق لمساعدتك


وهكذا كان موضوع اليوم بالتوفيق للجميع فى أمان الله 


لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق


الاثنين، 6 فبراير، 2017

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


الأحد، 5 فبراير، 2017

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


السبت، 4 فبراير، 2017

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

الجمعة، 3 فبراير، 2017

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

الأربعاء، 1 فبراير، 2017

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



الثلاثاء، 20 ديسمبر، 2016


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


السبت، 26 نوفمبر، 2016

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



الأحد، 6 نوفمبر، 2016

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


الثلاثاء، 18 أكتوبر، 2016

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



Mohon Aktifkan Javascript!Enable JavaScript

إتصل بنا

الإسم الكريم البريد الإلكتروني مهم الرسالة مهم
جميع الحقوق محفوظة لـ عالم المدون | قوالب بلوجر,اضافات بلوجر, دروس وشروحات بلوجر