Sunday, 7 July 2013




الســــلام عليڳِــــم وّوُ رحٌــــمــۃ الله وّوُبـــــرڳِـآآتـــۃ

وأهـــلآ وسـهــلآ بـڳِـم

فــي هــذا الــدرس ســـوف نتع'ـــلم ڳِـيف نضـيف أدوات للــتـنقــل بشـڳِـل ج'ـميـــل وم'ــنـسق


مــثـــل هـــــذه 







الخ'ـــطــوآآت

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


ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ


باقي الخطوات يجب إتباعها بدقة وهى للواجهتين القديمة والحديثة



1) إضغط Ctrl + f وذلك لإظهار محرك البحث

2) قم بالبحث عن الكود التالي : ]]></b:skin> 

3) وقبلهُ مباشرة إلصق الكود التالي :



#float-menu{position:fixed;top:20%;left:0;border-top:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #CCC;background:#EEE}
#float-menu ul{padding:0}
#float-menu li{margin:5px;list-style-type:none}
#float-menu li,#float-menu li a{width:24px;height:24px}
#float-menu li a{float:left}
#float-menu #menu-right,#float-menu #menu-left,#float-menu li a{background:url(http://4.bp.blogspot.com/-eAR-cV21IHs/T01litBokzI/AAAAAAAABCw/MUcFeAR7I6s/s1600/float+menu.png)}
#float-menu #menu-right a{background-position:0 -120px}
#float-menu #menu-right a:hover,#float-menu #menu-right{background-position:-24px -120px}
#float-menu #menu-left a{background-position:0 -24px}
#float-menu #menu-left a:hover,#float-menu #menu-left{background-position:-24px -24px}
#float-menu #menu-random a{background-position:0 -48px}
#float-menu #menu-random a:hover{background-position:-24px -48px}
#float-menu #menu-home a{background-position:0 -72px}
#float-menu #menu-home a:hover{background-position:-24px -72px}
#float-menu #menu-top a{background-position:0 -96px}
#float-menu #menu-top a:hover{background-position:-24px -96px}




4) إبحث عن الكود التالي : <b:includable id='main' var='top'>

5) وبعده مباشرةً أضف الكود التالي : 



<div id='float-menu'> 

<ul><li id='menu-right'><b:if cond='data:olderPageUrl'><b:if cond='data:olderPageUrl != data:blog.url'><a expr:href='data:olderPageUrl' rel='prev' expr:title='data:olderPageTitle'></a></b:if></b:if></li><li id='menu-left'><b:if cond='data:newerPageUrl'><b:if cond='data:newerPageUrl != data:blog.url'><a expr:href='data:newerPageUrl' rel='next' expr:title='data:newerPageTitle'></a></b:if></b:if></li><li id='menu-random'><script type='text/javaScript'>//<![CDATA[var rdp_current=0;total_posts=0;function totalposts(json){total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){rdp_current=1+Math.round(Math.random()*(total_posts-1))};//]]></script><script type='text/javaScript'>//<![CDATA[function rdp(json){var dw='';entry=json.feed.entry[0];for(var i=0;i<entry.link.length;i++){if(entry.link[i].rel=='alternate'){rdp_posturl=entry.link[i].href}};dw+='<a href="'+rdp_posturl+'" title="Reload" rel="nofollow"></a>';document.getElementById('menu-random').innerHTML=dw;};getvalue();document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current+'&max-results=1&callback=rdp\"><\/script>');//]]></script></li><li id='menu-home'><a expr:href='data:blog.homepageUrl' title='Home'/></li><li id='menu-top'><a href='#' title='Back to top' rel="nofollow"/></li></ul></div>



6) إضغط على زر المعاينة إذا ظهرت الأداة قم بالضغط على حفظ


ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ


كدة إنتهى الشرح ، وأي سؤال أنا حاضرة 

فــي ح'ـــفـــظ الله ورع'ـــايتــۃٌ .. ~


Leave a Reply

Subscribe to Posts | Subscribe to Comments

- Copyright © 2017 K U R I - K U R I - Powered by Blogger - Designed by Kuri -