Home »

Add Round Shape Popular Posts Widget for Blogger

Wednesday, December 18, 2013
Today's topic is important for each user blog. added months where "Posts common," which is one of the latest additions and beautiful; But today is a form new and wonderful as you see in the picture


Posts common is that you view the most important topics in the blog where  visits to these pages, This is extremely useful for bringing visitors where his best displays threads in blog.

 How To Add Round Shape Popular Posts Widget for Blogger


Written explanation
1) Go to Blogger Dashboard → Template → Edit HTML.
2) Now Find the code shown below using [ctrl+F] (Use In HTML Box) 
]]></b:skin>
3) Now Paste the Code Shown Below just Before it.
.popular-posts li,.popular-posts .item-content{float:left;display:inline;list-style:none;}
.popular-posts .item-snippet,.popular-posts .item-title,.feed-links{display:none;}p.description,aside li{font-size:12px;}.popular-posts ul li,.item-content,.item-thumbnail{margin:0!important;padding:0!important;}.sixcol,.left-main,.right-sidebar{width:50%;}
#PopularPosts1 img {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #CCCCCC;border-radius: 110px 110px 110px 110px;padding: 4px;}
4) Now Find the code shown below using [ctrl+F] (Use In HTML Box)
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>⋯</b:widget>
5) You may/may not expand this code. All you have to do is replace the whole code with the code given below.
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
6) Now save your template.




Share On Google+Add This To DeliciousTweet/ReTweet ThisShare on FacebookStumbleUpon ThisDigg This

name is full abdelali tibicht, my country is morocco, care techniques and the development of blogging, my goal through this blog, is to help bloggers develop their blogs through my modest experience gained during my career blogging can.

Follow Me On Twitter Or Facebook

Subscribe to Get Free Blogging Tips And Quality Tutorials Straight in Your Inbox.


Did you like Thread ؟
Tags:

Comments (9)

Loading... Logging you in...
Dashboard | Edit profile | Logout
  • Logged in as
0 Vote up Vote down
exchangeyour's avatar

exchangeyour · 458 weeks ago

This boon on the technology thrive is of which, every chunk of information is a press away. Children usually are no exception in their eyes. They include all that is required to complete a prudent vocation choice.exchangeyourcareer.org
0 Vote up Vote down
videogamescareers's avatar

videogamescareers · 458 weeks ago

A boon of your technology period is this, every dose of information is probably a mouse click away. Children will be no exception directly to them. They currently have all that's needed is to generate a prudent employment choice.videogamescareers.org
0 Vote up Vote down
fashionmuseumweek's avatar

fashionmuseumweek · 458 weeks ago

The particular Old Catholic Nights remind me of the bags which usually once struck the wardrobes regarding commoners. For some reason, with the particular passage of energy they slowly and gradually faded, together with many elegant or conventional looking bagpacks using their spot.fashionmuseumweek.com
0 Vote up Vote down
laindiefashion.com's avatar

laindiefashion.com · 458 weeks ago

The particular ever-changing world of fashion can make it an extremely challenging career for type conscious individuals to help keep their very own wardrobes existing. One excellent day these individuals buy a great dress plus a month down the road.laindiefashion.com
0 Vote up Vote down
styleundercover's avatar

styleundercover · 458 weeks ago

Typically the ever-changing universe of fashion can make it an especially challenging profession for form conscious individuals to stay their have wardrobes active. One fantastic day some people buy the right dress accompanied by a month soon after.styleundercovermagazine.com
0 Vote up Vote down
generalmagazine's avatar

generalmagazine · 458 weeks ago

All the ever-changing domain of fashion causes it to become an particularly challenging activity for trend conscious individuals to continue their personally own wardrobes today's. One wonderful day these consumers buy a superb dress and then a month at a later point.generalmagazine.org
0 Vote up Vote down
fashiondesigner's avatar

fashiondesigner · 458 weeks ago

The actual Old Catholic Times remind me of these bags that once strike the wardrobes associated with commoners. In some way, with the actual passage of your time they gradually faded, along with many fashionable or traditional looking bagpacks getting their location.fashiondesignerjobs.org
0 Vote up Vote down
fashionb2c.org's avatar

fashionb2c.org · 458 weeks ago

Your Old Catholic Days and nights remind me of people bags which in turn once reach the wardrobes involving commoners. In some manner, with your passage of your energy they little by little faded, using many classy or careful looking bagpacks having their position.fashionb2c.org
0 Vote up Vote down
galleryoffashionart's avatar

galleryoffashionart · 458 weeks ago

This Old Catholic Days to weeks remind me of the people bags which often once attack the wardrobes connected with commoners. By some means, with this passage of their time they slowly but surely faded, having many trendy or old-fashioned looking bagpacks acquiring their area.galleryoffashionart.org

Post a new comment

Comments by