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

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

ضع عنوانا للصفحة : فهرس المدونة ،أرشيف المدونة ...ثم إضغط على الزر تحرير 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); 

} 

أتمنى أن تنال إعجابكم

 

المصدر مدونة ابو اياد