How to Add Scrolling Recent Post Widget to Blog | Blogger | Softwares | Androids

8/19/2015

How to Add Scrolling Recent Post Widget to Blog



We post almost daily to our blog/web.When a visitor come,we should provide him very easy methods to download a file or read a file.For that purpose we have to add some shortcuts to blog so that user can access required post/file.So admin should add a Recent Post Widget to blog.So user can access posts very fast.So i have decided to give my user's a trick.Its about How to Add Scrolling Recent Post Widget to Blog.So lets begin.









-------------------------------------------------------------------------------------------------------------------------------------
How to Add Scrolling Recent Post Widget to Blog:
-------------------------------------------------------------------------------------------------------------------------------------

For that purpose you have to do following steps:
  • Go to blogger.Login to your account.
  • In DashBoard ,Go to Layout>>Add a Gadget (where your want to show it)
  • Scroll down the open tab,,and choose HTML/JAVASCRIPT
  • Now in contant section paste below code:
<div class="eggTray"><script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list","pipe_params":{"URL":"Bloggerauthority.blogspot.com//feeds/posts/default"},"hideHeader":"false","height":"500","count":8}</script><div style="font-family: arial, sans-serif; font-size: 9px;"class="ycdr"><a href="http://nomiking8.blogspot.com/"target="_blank"title="Grab this widget">Recent Posts Widget||||</a><a href="http://nomiking8.blogspot.com/"target="_blank">Nomi King</a></div><noscript>Your browser does not support JavaScript!</noscript></div><style type=text/css>.eggTray{margin:10px 0px;padding:0px}.ybr li{border-bottom:0px#cccccc dotted;padding:0px 0px 10px 0px!important}.pipesTitle{padding-top:0px}.pipesDescription{display:true}.ycdr{background:transparent url(http:.ycdr,.ycdr a{color:#999999}.widget.popular-posts ul{padding-left:0}</style>

  • Change Highlighted words with your own blog URL.
  • You!!!Have done dear!!Congrats!!
------------------------------------------------------------------------------------------------------------
Conclusion:
------------------------------------------------------------------------------------------------------------

So guyz!!Now you add this widget to your blog.Now user's will be able to acess your posts very fast.If you stuck!!!Feel free to ask!!!  
If you like this post!! Comment Below and share your thoughts.

Unknown

I am a Electronic Engineer from Pakistan. Mostly i love to play tricks with HTML ,JavaScript and Android Developnment. Moreover i run 2 blogs from 2012-still.Blogging is my passion and i believe i am doing very good in this field.Follow me at Facebook and at twitter
Choose Commenting Sytem..

No comments :

 

Copyright @ 2012-2015 Blogger | Softwares | Androids | Privacy Policy | SiteMap |

Designed by Nomi-King & Sponsored By Blogger-Authority