إضافة بلوجر جميلة أزرار التنقل عائمة على المدونة

السلام عليكم ورحمة الله وبركاته اليوم أقدم لكم في هذه التدوينة  اضافة جميلة تحتوي على الازرار التالية : زر مشاركات اقدم ، زر مشركات احدث ، زر مقالة عشوائية {يقوم باختيار مقالة من عنده} ، زر العودة الى الرئيسية واخيرا زر الصعود الى الأعلى..

الخطوات: 

1. نقوم بحفظ القالب من اجل تفادي حصول اي مشكلة ،
2. ثم نتجه الى تحرير html ،
3. ثم نضغط على متابعة.نقوم بالضغط على Cntrl + F 

نبحث عن :  </head>
لتركيب الإضافة على الجهة اليسرى نقوم بإلصاق هذا الكود قبل الوسم </head> .

<link href=' https://abuiyad.googlecode.com/svn/navigation-Ayoub-Etmaiti.css ' rel='stylesheet'/>

ولتركيب الإضافة على الجهة اليمنى نقوم بإلصاق هذا الكود قبل الوسم </head> .

<link href='https://abuiyad.googlecode.com/svn/navigation-right-Ayoub-Etmaiti.css' rel='stylesheet'/>

وبعد هذا سنقوم بالبحث على <b:includable id='main' var='top'>  بنفس الطريقة التي استخدمناها سابقا ونقوم بإلصاق الكود التالي بعده 
:

<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="مقالة عشوائية" 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='الرئيسية'/>

</li>

<li id='menu-top'>

<a href='#' title='إلى الأعلى' rel="nofollow"/>

</li>

</ul>

</div>

وأخيرا قم بحفظ القالب