كيفية إضافة شريط القوائم لمدونة بلوجر

كيفية إضافة شريط القوائم لمدونة بلوجر 

طريقة التركيب 

1- ادخل إلى مدونتك / واختر تحرير قالب 

2- ابحث عن هذا الكود  <b:includable id='main' var='top'> 

3- ضع الكود التالي تحته

الكود

<b:if cond='data:blog.pageType == "item"'>

<style>

#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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht5l3WX1NpyKPU0AH5ubZMDk87G2PGZmY_L99rbhluT-7oT9OHG-kr3BYE10soPkcp-2eaLqZCbW97JVlUinSGGEE1Ax-A2R2b9e6fA6FQH7-5X7PnJm8xWZwW7L5J7aPaYoyp3oKkqKU/h120/pctoolstips.blogspot.com.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}

</style>

<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="View Random Post" 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></b:if>

4- احفظ القالب 

Note:- الرجاء من الأخوة الكرام : زوار المدونة عدم النسخ دون ذكر المصدر