صفحة الارشيف او صفحة الفهرس
السلام عليكم ورحمه الله وبركاته في هذا الدرس سوف نتكلم عن كيفيه اضافه صفحه ارشيف احترافيه الى مدونات بلوجر
ما رائيك حول معاينة مباشرة الاداة
انها بالفعل اداة مهمة لكل مدونة تعمل علي بلوجر
صفحه الارشيف في صفحه مهمه في مدونات بلوجر حيث توضح للزائر كافه الاقسام الموجوده في مدونتك وايضا توضح له كم موضوعا في كل قسم امكانيه تصفح هذه المواضيع من مكان واحد و زياره اي واحد منها
كيفيه اضافه هذه الصفحه الى مدونتك
قم بفتح صفحه جديده في مدونتك ثم قم بنسخ الكود التالي في هذه الصفحه ولكن تاكد ان يتم النسخ في وضع html وليس وضع التأليف
<style type='text/css'>
.bloggerinarab-archive-post>a,.bloggerinarab-archive-post>a>img{width:60px;height:60px}.bloggerinarab-archive-post{overflow:hidden;margin:0 0 10px;padding:0 0 10px;border-bottom:1px dotted #ddd}.bloggerinarab-archive-post:last-child{margin-bottom:0;padding-bottom:0;border-bottom-width:0}.bloggerinarab-archive-post>a{float:right}.bloggerinarab-archive-post>h3{overflow:hidden;padding:5px 20px 5px 0;margin:0!important}#bloggerinarab_archive_widget,#bloggerinarab_archive_widget > ul,#bloggerinarab_archive_widget > ul > li{padding:0!important;margin:0!important;list-style:none!important;font-style:normal!important;font-weight:400!important;color:#444!important;line-height:1!important}#bloggerinarab_archive_widget *{line-height:inherit;color:inherit;font-style:inherit;font-weight:inherit;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;font-family:inherit}#bloggerinarab_archive_widget > ul > li{margin:0 0 10px!important}#bloggerinarab_archive_widget > ul > li > div{border:1px solid #399999;border-top:0;padding:20px;display:none}#bloggerinarab_archive_widget > ul > li > div > img{display:block;margin:0 auto}#bloggerinarab_archive_widget > ul > li:last-child{margin-bottom:0!important}#bloggerinarab_archive_widget > ul > li > a{display:block!important;padding-right:60px!important;font-size:14px!important;color:#fff!important;height:40px!important;line-height:40px!important;text-decoration:none!important;position:relative!important;background:#399999!important}#bloggerinarab_archive_widget > ul > li > a:hover{text-decoration:none!important}#bloggerinarab_archive_widget > ul > li > a > b{font-size:100%;position:absolute;background:#6c9;top:0;right:0;height:40px;width:44px;text-align:center;line-height:40px}
</style>
<script type="text/javascript">
/*<![CDATA[*/
var _0x1f88=["\x4D\x73\x78\x6D\x6C\x32\x2E\x58\x4D\x4C\x48\x54\x54\x50","\x4D\x69\x63\x72\x6F\x73\x6F\x66\x74\x2E\x58\x4D\x4C\x48\x54\x54\x50","\x67\x65\x74","\x6F\x70\x65\x6E","\x6F\x6E\x72\x65\x61\x64\x79\x73\x74\x61\x74\x65\x63\x68\x61\x6E\x67\x65","\x72\x65\x61\x64\x79\x53\x74\x61\x74\x65","\x73\x74\x61\x74\x75\x73","\x72\x65\x73\x70\x6F\x6E\x73\x65\x54\x65\x78\x74","\x70\x61\x72\x73\x65","\x73\x65\x6E\x64","\x63\x61\x74\x65\x67\x6F\x72\x79","\x66\x65\x65\x64","\x3C\x75\x6C\x3E","\x6C\x65\x6E\x67\x74\x68","\x3C\x6C\x69\x3E\x3C\x61\x20\x6F\x6E\x63\x6C\x69\x63\x6B\x3D\x22\x62\x6C\x6F\x67\x67\x65\x72\x69\x6E\x61\x72\x61\x62\x5F\x61\x72\x63\x68\x69\x76\x65\x5F\x70\x6F\x73\x74\x73\x28\x27","\x74\x65\x72\x6D","\x27\x2C\x74\x68\x69\x73\x29\x22\x20\x68\x72\x65\x66\x3D\x22\x23\x42\x6C\x6F\x67\x67\x65\x72\x69\x6E\x61\x72\x61\x62\x44\x6F\x74\x43\x6F\x6D\x22\x3E\x3C\x62\x3E\u25C4\x3C\x2F\x62\x3E","\x3C\x2F\x61\x3E\x3C\x64\x69\x76\x3E\x3C\x2F\x64\x69\x76\x3E\x3C\x2F\x6C\x69\x3E","\x3C\x6C\x69\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x62\x6C\x6F\x67\x67\x65\x72\x69\x6E\x61\x72\x61\x62\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x22\x3E\x3C\x62\x3E\u2764\x3C\x2F\x62\x3E\u0623\u062F\u0627\u0647\x20\u0645\u0637\u0648\u0631\u0629\x20\u0628\u0648\u0627\u0633\u0637\u0629\x20\u0628\u0644\u0648\u062C\u0631\x20\u0628\u0627\u0644\u0639\u0631\u0628\u0649\x3C\x2F\x61\x3E\x3C\x64\x69\x76\x3E\x3C\x2F\x64\x69\x76\x3E\x3C\x2F\x6C\x69\x3E","\x3C\x2F\x75\x6C\x3E","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C","\x62\x6C\x6F\x67\x67\x65\x72\x69\x6E\x61\x72\x61\x62\x5F\x61\x72\x63\x68\x69\x76\x65\x5F\x77\x69\x64\x67\x65\x74","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x70\x61\x72\x65\x6E\x74\x4E\x6F\x64\x65","\x61","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x54\x61\x67\x4E\x61\x6D\x65","\x62","\x64\x69\x76","\x6F\x6E\x63\x6C\x69\x63\x6B","\x62\x6C\x6F\x67\x67\x65\x72\x69\x6E\x61\x72\x61\x62\x5F\x61\x72\x63\x68\x69\x76\x65\x5F\x54\x6F\x67\x67\x67\x6C\x65\x28\x74\x68\x69\x73\x29","\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65","\u25BC","\x3C\x69\x6D\x67\x20\x73\x72\x63\x3D\x22\x68\x74\x74\x70\x73\x3A\x2F\x2F\x6C\x68\x33\x2E\x67\x6F\x6F\x67\x6C\x65\x75\x73\x65\x72\x63\x6F\x6E\x74\x65\x6E\x74\x2E\x63\x6F\x6D\x2F\x2D\x57\x57\x76\x65\x30\x36\x64\x34\x64\x42\x34\x2F\x56\x71\x32\x38\x74\x4E\x34\x4C\x4D\x55\x49\x2F\x41\x41\x41\x41\x41\x41\x41\x41\x46\x63\x4D\x2F\x6B\x38\x49\x51\x61\x6A\x70\x44\x6E\x53\x34\x2F\x73\x33\x30\x2D\x63\x2F\x22\x20\x2F\x3E","\x64\x69\x73\x70\x6C\x61\x79","\x73\x74\x79\x6C\x65","\x62\x6C\x6F\x63\x6B","\x2F\x66\x65\x65\x64\x73\x2F\x70\x6F\x73\x74\x73\x2F\x73\x75\x6D\x6D\x61\x72\x79\x2F\x2D\x2F","\x3F\x61\x6C\x74\x3D\x6A\x73\x6F\x6E\x26\x6D\x61\x78\x2D\x72\x65\x73\x75\x6C\x74\x73\x3D\x39\x39\x39","\x65\x6E\x74\x72\x79","","\x6C\x69\x6E\x6B","\x24\x74","\x74\x69\x74\x6C\x65","\x6D\x65\x64\x69\x61\x24\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C","\x75\x72\x6C","\x61\x6C\x74\x65\x72\x6E\x61\x74\x65","\x72\x65\x6C","\x68\x72\x65\x66","\x3C\x6C\x69\x20\x63\x6C\x61\x73\x73\x3D\x22\x62\x6C\x6F\x67\x67\x65\x72\x69\x6E\x61\x72\x61\x62\x2D\x61\x72\x63\x68\x69\x76\x65\x2D\x70\x6F\x73\x74\x22\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x3E\x3C\x69\x6D\x67\x20\x73\x72\x63\x3D\x22","\x22\x2F\x3E\x3C\x2F\x61\x3E\x3C\x68\x33\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x3E","\x3C\x2F\x61\x3E\x3C\x2F\x68\x33\x3E\x3C\x2F\x6C\x69\x3E","\u0647\u0646\u0627\u0643\x20\u062E\u0637\u0627\u064B\x20\u0641\u0649\x20\u0623\u062A\u0635\u0627\u0644\x20\u0627\u0644\u0627\u0646\u062A\u0631\u0646\u062A\x20\u0644\u062F\u064A\u0643","\x6E\x6F\x6E\x65","\u25C4"];function biggerinarab_Get_Archive_Posts(_0xbc63x2,_0xbc63x3,_0xbc63x4){var _0xbc63x5=XMLHttpRequest? new XMLHttpRequest(): new ActiveXObject(_0x1f88[0])|| new ActiveXObject(_0x1f88[1]);_0xbc63x5[_0x1f88[3]](_0x1f88[2],_0xbc63x2,!0x0),_0xbc63x5[_0x1f88[4]]= function(){var _0xbc63x2;0x4== _0xbc63x5[_0x1f88[5]]&& (_0xbc63x2= _0xbc63x5[_0x1f88[6]],0xc8== _0xbc63x2?_0xbc63x3&& _0xbc63x3(JSON[_0x1f88[8]](_0xbc63x5[_0x1f88[7]])):_0xbc63x4&& _0xbc63x4(_0xbc63x2))},_0xbc63x5[_0x1f88[9]]()}function biggerinarab_Archive_Tags(_0xbc63x7){for(var _0xbc63x8=_0xbc63x7[_0x1f88[11]][_0x1f88[10]],_0xbc63x9=0x0,_0xbc63xa=_0x1f88[12];_0xbc63x9< _0xbc63x8[_0x1f88[13]];_0xbc63x9++){_0xbc63xa+= _0x1f88[14]+ _0xbc63x8[_0xbc63x9][_0x1f88[15]]+ _0x1f88[16]+ _0xbc63x8[_0xbc63x9][_0x1f88[15]]+ _0x1f88[17]};_0xbc63xa+= _0x1f88[18],_0xbc63xa+= _0x1f88[19],document[_0x1f88[22]](_0x1f88[21])[_0x1f88[20]]= _0xbc63xa}function bloggerinarab_archive_posts(_0xbc63xc,_0xbc63xd){var _0xbc63xe=_0xbc63xd[_0x1f88[23]],_0xbc63xf=_0xbc63xe[_0x1f88[25]](_0x1f88[24])[0x0],_0xbc63x10=_0xbc63xe[_0x1f88[25]](_0x1f88[26])[0x0],_0xbc63x11=_0xbc63xe[_0x1f88[25]](_0x1f88[27])[0x0];_0xbc63xf[_0x1f88[30]](_0x1f88[28],_0x1f88[29]),_0xbc63x10[_0x1f88[20]]= _0x1f88[31],_0xbc63x11[_0x1f88[20]]= _0x1f88[32],_0xbc63x11[_0x1f88[34]][_0x1f88[33]]= _0x1f88[35],biggerinarab_Get_Archive_Posts(_0x1f88[36]+ _0xbc63xc+ _0x1f88[37],function(_0xbc63xc){for(var _0xbc63xd=_0xbc63xc[_0x1f88[11]][_0x1f88[38]],_0xbc63xe=0x0,_0xbc63xf=_0x1f88[39],_0xbc63xe=0x0;_0xbc63xe< _0xbc63xd[_0x1f88[13]];_0xbc63xe++){for(var _0xbc63x10,_0xbc63x12=_0xbc63xd[_0xbc63xe][_0x1f88[40]],_0xbc63x13=_0xbc63xd[_0xbc63xe][_0x1f88[42]][_0x1f88[41]],_0xbc63x14=(_0x1f88[43] in _0xbc63xd[_0xbc63xe])?_0xbc63xd[_0xbc63xe][_0x1f88[43]][_0x1f88[44]]:_0x1f88[39],_0xbc63x15=0x0;_0xbc63x15< _0xbc63x12[_0x1f88[13]];_0xbc63x15++){_0x1f88[45]== _0xbc63x12[_0xbc63x15][_0x1f88[46]]&& (_0xbc63x10= _0xbc63x12[_0xbc63x15][_0x1f88[47]])};_0xbc63xf+= _0x1f88[48]+ _0xbc63x10+ _0x1f88[49]+ _0xbc63x14+ _0x1f88[50]+ _0xbc63x10+ _0x1f88[51]+ _0xbc63x13+ _0x1f88[52]};_0xbc63x11[_0x1f88[20]]= _0xbc63xf},function(){_0xbc63x11[_0x1f88[20]]= _0x1f88[53]})}function bloggerinarab_archive_Togggle(_0xbc63x17){var _0xbc63x18=_0xbc63x17[_0x1f88[23]],_0xbc63x19=(_0xbc63x18[_0x1f88[25]](_0x1f88[24])[0x0],_0xbc63x18[_0x1f88[25]](_0x1f88[26])[0x0]),_0xbc63x1a=_0xbc63x18[_0x1f88[25]](_0x1f88[27])[0x0];_0x1f88[54]!= _0xbc63x1a[_0x1f88[34]][_0x1f88[33]]?(_0xbc63x19[_0x1f88[20]]= _0x1f88[55],_0xbc63x1a[_0x1f88[34]][_0x1f88[33]]= _0x1f88[54]):(_0xbc63x19[_0x1f88[20]]= _0x1f88[31],_0xbc63x1a[_0x1f88[34]][_0x1f88[33]]= _0x1f88[35])}
/*]]>*/
</script>
<div id="bloggerinarab_archive_widget"></div>
<script src="/feeds/posts/summary?alt=json-in-script&max-results=0&callback=biggerinarab_Archive_Tags"></script>
انتهي التركيب بهذة السهولة !
بعد ان تقوم به حفظ الصفحه تصبح الاداه جاهزه للنشر لزوارك ومبارك عليك الاداه و السلام عليكم ورحمه الله وبركاته