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

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

أولا إبحث عن 

  ]]></b:skin>

  ثم ضع  قبله هذا الكود

 #gallery{position:relative;margin:0 35px 20px;width:590px;height:126px;background:#ffffff} #gallery .belt{position:absolute;top:0;left:0;list-style-type:none} #gallery .panel{float:left;margin:20px;width:84px;height:86px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEXMxL16J_7hHZwiDrAOcVxmvAxZhXM2lWPF_eSs7X5-LRrw5h6tQiciY2MeOaqMAzbrFgyjUqi-xYYziuvmtIhM3yBrwMTudPZrSCaKZt1G2pkcBvPs1CTTEHhkJLHPrrhU4w5fQsrqL6/s1600/bg-slider.png) bottom center no-repeat;overflow:hidden} #gallery .panel img{float:left;border:1px solid #DDD;margin:5px;width:72px;height:72px;background:#FFF;padding:0px} #gallery .panel img:hover{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5}

بعد ذالك إبحث عن

 </head>

وضع قبله هذا الكود

 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/><script src='http://helplogger.googlecode.com/svn/trunk/auto-slider.js' type='text/javascript'/><script type='text/javascript'>//<![CDATA[ stepcarousel.setup({ galleryid: "gallery", beltclass: "belt", panelclass: "panel", autostep: {enable:true, moveby:1, pause:6000}, panelbehavior: {speed:500, wraparound:true, persist:true}, defaultbuttons: {enable: true, moveby: 2, leftnav: ["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVbFr0YjHDjGDydPbXbyRsyOdIu3jiX5RRrgRAe0hjn5WdvyD1Kt3KZ89nX_9U6jRaQDMCxrRpTEzJ9gJPMuDeH2rGy4eKgHis-0l1HK8dMue4Je7ScPFzaS8rb_durYyQrYX6Mtlwcj0-/s1600/prev.png", -40, 36], rightnav: ["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPdr2QIwgllUX74LAqcpJmHtHAlxyW4Vaw5en3DfQlwDZfmjSwV9KrJ2RHYISJMY6XaQm3vrkd0bceLW869p8J-b7EcY1ACnQiGXwGM-Y8Jn_Wa27zfbzxtTQFcqfpBvqZOsbKZgtj4PQ0/s1600/next.png", 2, 36]}, contenttype: ["external"] }) //]]></script>

الآن انتهينا من تجهيز عمل الاداة ننتقل لمرحلة وضع الآداة أسفل مواضيع المدونة

إبحث عن

 <b:section class='main' id='main' showaddelement='yes'>

أو

 <b:section class='main' id='main' showaddelement='no'>

ثم بعده ضع هذا الكود

 <b:widget id='PopularPosts2' locked='false' title='Popular Posts' type='PopularPosts'><b:includable id='main'><b:if cond='data:blog.url == data:blog.homepageUrl'><div style='margin-top:20px;margin-bottom:70px;margin-left:-20px;'> <div id='gallery'> <ul class='belt'> <b:loop values='data:posts' var='post'> <li class='panel'> <b:if cond='data:showThumbnails == "false"'> <b:if cond='data:showSnippets == "false"'> <a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a> <b:else/> <div class='item-title'> <a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a> </div> <div class='item-snippet'> <data:post.snippet/> </div> </b:if> <b:else/> <a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'> <b:if cond='data:post.thumbnail'> <img expr:alt='data:post.title' expr:src='data:post.thumbnail'/> <b:else/> <img alt='no image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis_hNcHCIP2QtGmwqb084Uy6eXbrj18eR9Vva4v_3Ic4pe2kpM1zYGGLwOe2B3xOrRHg7z9qQOlLdGR_mz-9VQZASaLG6DpE1cFlHspQ8zkcw0eRJ3xIdm-yawTDiQ95HG0RJ1KHFi19NE/s1600/no-image.PNG'/> </b:if> </a> </b:if> </li> </b:loop> </ul> </div> </div> </b:if> </b:includable></b:widget>

وهنيئا لك

لا تبخلوا علينا بردودكم المشجعة