22 عاماً، مصمم ومطور واجهات أمامية، مصمم ومطور قوالب بلوجر حالياً فى بلوجر بالعربى، أسعى للعمل فى شركة تطوير ويب مصرية

بسم الله الرحمن الرحيم

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

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

تتميز الاداه

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

كود الااده

<style>
.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 #4C555F;
 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 : #4C555F!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 : #69A2F9;
 top : 0;
 right : 0;
 height : 40px;
 width : 44px;
 text-align : center;
 line-height : 40px
}
</style>
<script type='text/javascript'>
/*<![CDATA[*/
var _0xfe88=["\x31\x20\x76\x28\x65\x2C\x74\x2C\x61\x29\x7B\x32\x20\x6E\x3D\x49\x3F\x68\x20\x49\x3A\x68\x20\x45\x28\x22\x52\x2E\x4A\x22\x29\x7C\x7C\x68\x20\x45\x28\x22\x53\x2E\x4A\x22\x29\x3B\x6E\x2E\x31\x38\x28\x22\x31\x33\x22\x2C\x65\x2C\x21\x30\x29\x2C\x6E\x2E\x31\x35\x3D\x31\x28\x29\x7B\x32\x20\x65\x3B\x34\x3D\x3D\x6E\x2E\x31\x37\x26\x26\x28\x65\x3D\x6E\x2E\x5A\x2C\x31\x30\x3D\x3D\x65\x3F\x74\x26\x26\x74\x28\x58\x2E\x56\x28\x6E\x2E\x57\x29\x29\x3A\x61\x26\x26\x61\x28\x65\x29\x29\x7D\x2C\x6E\x2E\x31\x31\x28\x29\x7D\x31\x20\x31\x32\x28\x65\x29\x7B\x66\x28\x32\x20\x74\x3D\x65\x2E\x7A\x2E\x31\x36\x2C\x61\x3D\x30\x2C\x6E\x3D\x22\x3C\x42\x3E\x22\x3B\x61\x3C\x74\x2E\x6A\x3B\x61\x2B\x2B\x29\x6E\x2B\x3D\x22\x3C\x36\x3E\x3C\x61\x20\x78\x3D\x5C\x22\x71\x28\x27\x22\x2B\x74\x5B\x61\x5D\x2E\x70\x2B\x27\x5C\x27\x2C\x75\x29\x22\x20\x38\x3D\x22\x23\x22\x3E\x3C\x62\x3E\u25C4\x3C\x2F\x62\x3E\x27\x2B\x74\x5B\x61\x5D\x2E\x70\x2B\x22\x3C\x2F\x61\x3E\x3C\x37\x3E\x3C\x2F\x37\x3E\x3C\x2F\x36\x3E\x22\x3B\x6E\x2B\x3D\x27\x3C\x36\x3E\x3C\x61\x20\x38\x3D\x22\x31\x34\x3A\x2F\x2F\x43\x2E\x55\x2E\x77\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\x37\x3E\x3C\x2F\x37\x3E\x3C\x2F\x36\x3E\x27\x2C\x6E\x2B\x3D\x22\x3C\x2F\x42\x3E\x22\x2C\x4D\x2E\x4C\x28\x22\x54\x22\x29\x2E\x33\x3D\x6E\x7D\x31\x20\x71\x28\x65\x2C\x74\x29\x7B\x32\x20\x61\x3D\x74\x2E\x48\x2C\x6E\x3D\x61\x2E\x35\x28\x22\x61\x22\x29\x5B\x30\x5D\x2C\x72\x3D\x61\x2E\x35\x28\x22\x62\x22\x29\x5B\x30\x5D\x2C\x69\x3D\x61\x2E\x35\x28\x22\x37\x22\x29\x5B\x30\x5D\x3B\x6E\x2E\x4E\x28\x22\x78\x22\x2C\x22\x46\x28\x75\x29\x22\x29\x2C\x72\x2E\x33\x3D\x22\u25BC\x22\x2C\x69\x2E\x33\x3D\x27\x3C\x79\x20\x4B\x3D\x22\x51\x3A\x2F\x2F\x4F\x2E\x50\x2E\x77\x2F\x2D\x59\x2F\x31\x66\x2F\x31\x71\x2F\x31\x6E\x2F\x31\x6D\x2D\x63\x2F\x22\x20\x2F\x3E\x27\x2C\x69\x2E\x39\x2E\x64\x3D\x22\x41\x22\x2C\x76\x28\x22\x2F\x31\x70\x2F\x31\x73\x2F\x31\x74\x2F\x2D\x2F\x22\x2B\x65\x2B\x22\x3F\x31\x75\x3D\x31\x72\x26\x31\x39\x2D\x31\x6F\x3D\x31\x6B\x22\x2C\x31\x28\x65\x29\x7B\x66\x28\x32\x20\x74\x3D\x65\x2E\x7A\x2E\x31\x64\x2C\x61\x3D\x30\x2C\x6E\x3D\x22\x22\x2C\x61\x3D\x30\x3B\x61\x3C\x74\x2E\x6A\x3B\x61\x2B\x2B\x29\x7B\x66\x28\x32\x20\x72\x2C\x6C\x3D\x74\x5B\x61\x5D\x2E\x31\x63\x2C\x73\x3D\x74\x5B\x61\x5D\x2E\x31\x62\x2E\x24\x74\x2C\x67\x3D\x28\x22\x6D\x24\x6B\x22\x31\x61\x20\x74\x5B\x61\x5D\x3F\x74\x5B\x61\x5D\x2E\x6D\x24\x6B\x2E\x31\x65\x3A\x22\x22\x29\x2C\x6F\x3D\x30\x3B\x6F\x3C\x6C\x2E\x6A\x3B\x6F\x2B\x2B\x29\x22\x31\x6C\x22\x3D\x3D\x6C\x5B\x6F\x5D\x2E\x31\x6A\x26\x26\x28\x72\x3D\x6C\x5B\x6F\x5D\x2E\x38\x29\x3B\x6E\x2B\x3D\x27\x3C\x36\x20\x31\x69\x3D\x22\x43\x2D\x31\x68\x2D\x31\x67\x22\x3E\x3C\x61\x20\x38\x3D\x22\x27\x2B\x72\x2B\x27\x22\x3E\x3C\x79\x20\x4B\x3D\x22\x27\x2B\x67\x2B\x27\x22\x2F\x3E\x3C\x2F\x61\x3E\x3C\x47\x3E\x3C\x61\x20\x38\x3D\x22\x27\x2B\x72\x2B\x27\x22\x3E\x27\x2B\x73\x2B\x22\x3C\x2F\x61\x3E\x3C\x2F\x47\x3E\x3C\x2F\x36\x3E\x22\x7D\x69\x2E\x33\x3D\x6E\x7D\x2C\x31\x28\x29\x7B\x69\x2E\x33\x3D\x22\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\x22\x7D\x29\x7D\x31\x20\x46\x28\x65\x29\x7B\x32\x20\x74\x3D\x65\x2E\x48\x2C\x61\x3D\x28\x74\x2E\x35\x28\x22\x61\x22\x29\x5B\x30\x5D\x2C\x74\x2E\x35\x28\x22\x62\x22\x29\x5B\x30\x5D\x29\x2C\x6E\x3D\x74\x2E\x35\x28\x22\x37\x22\x29\x5B\x30\x5D\x3B\x22\x44\x22\x21\x3D\x6E\x2E\x39\x2E\x64\x3F\x28\x61\x2E\x33\x3D\x22\u25C4\x22\x2C\x6E\x2E\x39\x2E\x64\x3D\x22\x44\x22\x29\x3A\x28\x61\x2E\x33\x3D\x22\u25BC\x22\x2C\x6E\x2E\x39\x2E\x64\x3D\x22\x41\x22\x29\x7D","\x7C","\x73\x70\x6C\x69\x74","\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x76\x61\x72\x7C\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C\x7C\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x54\x61\x67\x4E\x61\x6D\x65\x7C\x6C\x69\x7C\x64\x69\x76\x7C\x68\x72\x65\x66\x7C\x73\x74\x79\x6C\x65\x7C\x7C\x7C\x7C\x64\x69\x73\x70\x6C\x61\x79\x7C\x7C\x66\x6F\x72\x7C\x7C\x6E\x65\x77\x7C\x7C\x6C\x65\x6E\x67\x74\x68\x7C\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C\x7C\x7C\x6D\x65\x64\x69\x61\x7C\x7C\x7C\x74\x65\x72\x6D\x7C\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\x7C\x7C\x7C\x7C\x74\x68\x69\x73\x7C\x62\x69\x67\x67\x65\x72\x69\x6E\x61\x72\x61\x62\x5F\x47\x65\x74\x5F\x41\x72\x63\x68\x69\x76\x65\x5F\x50\x6F\x73\x74\x73\x7C\x63\x6F\x6D\x7C\x6F\x6E\x63\x6C\x69\x63\x6B\x7C\x69\x6D\x67\x7C\x66\x65\x65\x64\x7C\x62\x6C\x6F\x63\x6B\x7C\x75\x6C\x7C\x62\x6C\x6F\x67\x67\x65\x72\x69\x6E\x61\x72\x61\x62\x7C\x6E\x6F\x6E\x65\x7C\x41\x63\x74\x69\x76\x65\x58\x4F\x62\x6A\x65\x63\x74\x7C\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\x7C\x68\x33\x7C\x70\x61\x72\x65\x6E\x74\x4E\x6F\x64\x65\x7C\x58\x4D\x4C\x48\x74\x74\x70\x52\x65\x71\x75\x65\x73\x74\x7C\x58\x4D\x4C\x48\x54\x54\x50\x7C\x73\x72\x63\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65\x7C\x6C\x68\x33\x7C\x67\x6F\x6F\x67\x6C\x65\x75\x73\x65\x72\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x68\x74\x74\x70\x73\x7C\x4D\x73\x78\x6D\x6C\x32\x7C\x4D\x69\x63\x72\x6F\x73\x6F\x66\x74\x7C\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\x7C\x62\x6C\x6F\x67\x73\x70\x6F\x74\x7C\x70\x61\x72\x73\x65\x7C\x72\x65\x73\x70\x6F\x6E\x73\x65\x54\x65\x78\x74\x7C\x4A\x53\x4F\x4E\x7C\x57\x57\x76\x65\x30\x36\x64\x34\x64\x42\x34\x7C\x73\x74\x61\x74\x75\x73\x7C\x32\x30\x30\x7C\x73\x65\x6E\x64\x7C\x62\x69\x67\x67\x65\x72\x69\x6E\x61\x72\x61\x62\x5F\x41\x72\x63\x68\x69\x76\x65\x5F\x54\x61\x67\x73\x7C\x67\x65\x74\x7C\x68\x74\x74\x70\x7C\x6F\x6E\x72\x65\x61\x64\x79\x73\x74\x61\x74\x65\x63\x68\x61\x6E\x67\x65\x7C\x63\x61\x74\x65\x67\x6F\x72\x79\x7C\x72\x65\x61\x64\x79\x53\x74\x61\x74\x65\x7C\x6F\x70\x65\x6E\x7C\x6D\x61\x78\x7C\x69\x6E\x7C\x74\x69\x74\x6C\x65\x7C\x6C\x69\x6E\x6B\x7C\x65\x6E\x74\x72\x79\x7C\x75\x72\x6C\x7C\x56\x71\x32\x38\x74\x4E\x34\x4C\x4D\x55\x49\x7C\x70\x6F\x73\x74\x7C\x61\x72\x63\x68\x69\x76\x65\x7C\x63\x6C\x61\x73\x73\x7C\x72\x65\x6C\x7C\x39\x39\x39\x7C\x61\x6C\x74\x65\x72\x6E\x61\x74\x65\x7C\x73\x33\x30\x7C\x6B\x38\x49\x51\x61\x6A\x70\x44\x6E\x53\x34\x7C\x72\x65\x73\x75\x6C\x74\x73\x7C\x66\x65\x65\x64\x73\x7C\x41\x41\x41\x41\x41\x41\x41\x41\x46\x63\x4D\x7C\x6A\x73\x6F\x6E\x7C\x70\x6F\x73\x74\x73\x7C\x73\x75\x6D\x6D\x61\x72\x79\x7C\x61\x6C\x74","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function(_0xe7acx1,_0xe7acx2,_0xe7acx3,_0xe7acx4,_0xe7acx5,_0xe7acx6){_0xe7acx5=function(_0xe7acx3){return (_0xe7acx3<_0xe7acx2?_0xfe88[4]:_0xe7acx5(parseInt(_0xe7acx3/_0xe7acx2)))+((_0xe7acx3=_0xe7acx3%_0xe7acx2)>35?String[_0xfe88[5]](_0xe7acx3+29):_0xe7acx3.toString(36))};if(!_0xfe88[4][_0xfe88[6]](/^/,String)){while(_0xe7acx3--){_0xe7acx6[_0xe7acx5(_0xe7acx3)]=_0xe7acx4[_0xe7acx3]||_0xe7acx5(_0xe7acx3)};_0xe7acx4=[function(_0xe7acx5){return _0xe7acx6[_0xe7acx5]}];_0xe7acx5=function(){return _0xfe88[7]};_0xe7acx3=1};while(_0xe7acx3--){if(_0xe7acx4[_0xe7acx3]){_0xe7acx1=_0xe7acx1[_0xfe88[6]]( new RegExp(_0xfe88[8]+_0xe7acx5(_0xe7acx3)+_0xfe88[8],_0xfe88[9]),_0xe7acx4[_0xe7acx3])}};return _0xe7acx1}(_0xfe88[0],62,93,_0xfe88[3][_0xfe88[2]](_0xfe88[1]),0,{}))
/*]]>*/
</script>
<div id="bloggerinarab_archive_widget"></div>
<script src='/feeds/posts/summary?alt=json-in-script&max-results=0&callback=biggerinarab_Archive_Tags'>
</script>

تركيب الاداه

انسخ كود الاداه فى صفحة جديدة فى مدونتك ثم احفظ الصفحة ومبروك عليك الاداه

لا تنسى مشاركة التدوينة عن طريق الضغط على ازرار المشاركة بالاسفل والانضمام الى مدونتنا عن طريق الضغط على زر "أنضم معنا" فى "أدوات منبثقة" فى القائمة الثابتة على اليسار دمتم فى حفظ الله

موضوعات ذات صلة
التعليقات
هل شاهدت أحدث قوالبنا