إضافة أرشيف لمدونات بلوجر

 السّلام عليكم ورحمة الله وبركاته 
 اليوم سنتعلّم في تدوينتنا كيفية  إضافة أرشيف مدونة يمكنك معاينة هذه الإصافة في أرشيف مدونة رفـاد من هنـا ،تتميّز هذه الإضافة بالجمال والإنسياب , تضفي رونقا إضافيا لترتيب وتزيين المدونة ,

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

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

<script src="http://abuiyad.googlecode.com/svn/archive.js" type="text/javascript">

</script>

<script src="http://www.abu-iyad.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc">

</script>

انتقل إلى لوح تحكم مدونتك، إختر "قـالب" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F). 

</head>

ثم قم بلصق هذا الكود قبله :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

قم بالبحث عن الكود التالي :

]]></b:skin>

بعد ذلك قم بلصق هذا الكود قبله :

#dafis-acc{

font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

color:#333;

background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAWJugl3I/AAAAAAAAEBg/bY_3UzrECSg/d/bg5.gif) repeat-y scroll left center #E7F7FB;

padding:2px 0;

border:1px solid #339DC6;

}

.dafis-label{

background:url(http://lh6.ggpht.com/_xcD4JK_dIjU/S-KAVk09KSI/AAAAAAAAEBc/Tqfaca2nwmo/d/bg4.gif) repeat-x scroll 0 0 #E1F4FB;

font-weight:bold;

line-height:1.4em;

overflow:hidden;

white-space:nowrap;

vertical-align: baseline;

margin: 1px 3px;

outline: none;

cursor: pointer;

text-decoration: none;

padding: 2px 10px;

color: #fff;

text-shadow: 0 1px 1px rgba(0,0,0,.3);

border:1px solid #2F94BA;

}

.dafis-label:hover{

background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAVlLiuVI/AAAAAAAAEBU/Hd-n_8N7qak/d/bg2.gif) repeat-x scroll 0 0 #E1F4FB;

color:#003366;

}

.dafis-daf ol{

margin:0 0 0 30px !important;

padding:0 !important;

}

.dafis-daf ol li{

background-color:#C9E9F4;

line-height:1.5em;

margin:1px 3px !important;

white-space:nowrap;

text-align:right;

border:1px solid #339DC6;

}

.dafis-daf ol li a{

text-decoration: none !important;

color:#333 !important;

display:block;

padding-left:10px;

}

.dafis-daf ol li a:hover{

background: #7BC4DF;

border-left: 5px #333 solid;

padding-left: 5px;

text-shadow: 0 1px 1px rgba(0,0,0,.3); 

} 

أتمنّى ان ينال إعجابكم مع تدوينة أخى إن شاء الله