Make Stylish Popular Posts Widget or Gadget

importance of pop post service gadget

blogger produce non gear upwardly widget past times default but you lot can
easily add together whatever widget from layout.. when you lot go
you layout , you lot tin encounter add together novel gadget , click on
it as well as you lot encounter listing of all gadget as well as widget.. just
select which you lot desire to add. but past times default blogger
has about unproblematic widget but you lot tin brand these gadget
stylish , this assistance to blueprint your weblog as well as arrive more
beautiful as well as attractive , likewise widget are really necessary
in whatever weblog this assistance to bargain visitor your weblog easy
and efficient.popular post service widget are automatically
count the by as well as large visited pages of your weblog as well as show
it to your blog.

adding widgets inward blogger

it is advised that you should add together pop post widget

step 1: showtime login to your concern human relationship as well as select your

blog .

step 2:as you lot tin encounter in motion painting . you lot bring to become in

layout.

step 3: click add together gadget as well as pop upwardly window open

chose pop post service widget from the listing as well as you

completed the process. view your weblog and

see close visited pages are inward pop post. as well as it looks

awesome.

how to add together stylish pop post service gadget

step4: showtime you lot bring to re-create the code given below

#PopularPosts1 h2{ padding:7px 0 3px 0; width:100%; margin-bottom:10px; font-size:1.3em; text-indent:-12px; font-size:18px; text-align:center; color: #757575; /* Color of the widget's championship */ } #PopularPosts1 ul{ list-style:none; counter-reset:li; padding:8px 0px 1px; left:-7px; width:290px; } #PopularPosts1 li{ position:relative; margin:0 0 10px 0; padding: 3px 2px 0 17px; left:-5px; width:285px; } #PopularPosts1 ul li{ background: #eee; position: relative; display: block; padding: .4em .2em .4em 2em; *padding: .2em; margin: .5em 0; background: #ddd; text-decoration: none; border-radius: .3em; transition: all .3s ease-out;   } #PopularPosts1 ul li:before{ content: counter(li); counter-increment: li; position: absolute; top: 50%; margin: -1.3em; height: 2em; width: 2em; line-height: 2em; font-size: 15px; color: #fff; /* text color of numbers */ background: #FB8835; /* background color of numbers */ border: .2em corporation #fff; /* edge color */ -webkit-box-shadow: 0 8px 5px -7px #888; -moz-box-shadow: 0 8px 5px -7px #888; box-shadow: 0 8px 5px -7px #888; text-align: center; font-weight: bold; border-radius: 2em; position: absolute;   left: 0; transition: all .3s ease-out; } #PopularPosts1 ul li:hover{ background: #eee; } #PopularPosts1 ul li:hover:before{ transform: rotate(360deg);   } #PopularPosts1 ul li a{ font: 14px Georgia, serif; /* font size of post service titles */ text-shadow: 0 -1px 2px #fff; color: #444; display:block; min-height:25px; text-decoration:none; text-transform: uppercase; } #PopularPosts1 ul li a:hover{ color: #444; }

step5 : become to the template as well as click customize as well as then
choose advance every bit you lot tin encounter inward motion painting below

adding fashionable pop post service widget

step half dozen : glue the code that you lot bring copied earlier and
click utilize to blog. instantly view your weblog as well as encounter your stylish
popular post service gadget appear .

Note: if it is non working as well as then become to template edit html
and press ctrl+f inside code surface area as well as search for this code
]]></b:skin> as well as glue the code you lot bring copied you lot may bring to expand past times pointing arrow on left side .