Contact Us

  • Call Now:+92-336-6234566 , +92-335-8023682
  • Sales Email:info@webhostinpakistan.com
  • Support Email:info@webhostinpakistan.com
  • Address Info:Office No. 38, Ground Floor, Stadium Road, Panorama center, Rawalpindi , Pakistan

Close Support

Support

Auto Scrolling Recent Posts Widget For Blogger / Blogspot

  • 18
    Apr

Auto Scrolling Recent Posts Widget For Blogger / Blogspot

For those who have lots of publish around the blog, or if you wish to show everybody your listing of favorite books, but haven’t much space within the sidebar widget this is a tremendous help for you. This publish describes how you can add auto scrolling (marquee) recent posts Widget on his blog that appears good in your blogspot blog. This is comparable to the display of latest publish inside your sidebar, however this have a marquee within this widget. Now if you wish to show your site in by doing this, either on the top or bottom of the blog, then this can be used new widget:


How you can Install Auto Scrolling Recent Posts Widget

I must write two group of instructions for every steps, as a number of you use the default layout, plus some of you use the brand new layout. So, let’s wait and watch how you can install this awesome widget inside your blog..

Step One:

If you are while using old Blogger interface: Visit Dashboard – Design – Page Elements – Give a Gadget.

Give a Gadget of HTML/JavaScript type.

If you are while using new Blogger interface: Visit Dashboard – Layout – Give a Gadget

2.Click ‘Add a Gadget’ around the sidebar.

3.Choose ‘HTML/Javascript’ and add some certainly one of code given below

4. Now Click Save ‘JavaScript’ You’re done.

&lta href=”http://24work.blogspot.com” target=”_blank” title=”Blogger Icons”&gt&ltimg src=”http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png” border=”” alt=”Blogger Icons” style=”position:absolute top: 0px right: 0px” /&gt&lt/a&gt&ltscript type=’text/javascript’&gt
var w2bWidth=”100″
var w2bScrollAmount=”10
var w2bScrollDelay=”105
var w2bDirection=”left”
var w2btargetlink=”yes”
var w2bnumPosts=”5″
var w2bBulletchar =”&gt&gt&gt”
var w2bimagebullet=”yes”
var w2bimgurl=”http://4.british petroleum.blogspot.com/-Dzc4Y6G_iQk/TvngY-SxJiI/AAAAAAAAAvw/Abx5E6KSGkg/s1600/JerryAni.presen
var w2bfontsize=”16″
var w2bbgcolor=”FFFFFF”
var w2blinkcolor=”FF0000″
var w2blinkhovercolor=”3366CC”
&lt/script&gt
&ltscript type=’text/javascript’ src=’http://safir85.ucoz.com/bdlab-blogspot/24work/scrolling-rece/24work-rpscroller-v3.js’ &gt&lt/script&gt
&ltscript type=’text/javascript’ src=”http://24work.blogspot.com/feeds/posts/default?alt=json-in-script&ampcallback=w2bAdvRecentPostsScrollerv3&ampmax-results=10″ &gt&lt/script&gt
&ltnoscript&gt&lta href=”http://24work.blogspot.com”&gtblogger widget&lt/a&gt&lt/noscript&gt

And today click Save

Note:- Choose appropriate Image Bullet or Icon Which have transparent Background and small in Size&nbsp&nbsp

ScrollAmount: ( = No Scroll)
ScrollDelay: ( = MaxScrollSpeed)

You are able to only customize the code with red-colored color (variables) based on your needs, for ex. just in case of “var w2bScrollDelay“, lower the amount, greater&nbsp the rate.

Watch live Demo

Demo doesn’t works Correctly here, But whenever we add as widget it really works Great!

How you can Install This Widget On ‘Blogger’ ?

  1. Personalize Options in Given Widget Generator Form
  2. Click Generate Button
  3. Click Preview** Button to visit your widget Preview
  4. Finally Click Increase Blogger Button to include this widget in your blog
**Note:- After altering any values, First Click Generate Button after which Call At Your Preview

&nbspNote:- Choose appropriate Image Bullet or Icon Which have transparent Background and small in Size&nbsp

Automatic scrolling Recent posts widget can give scrolling of publish game titles with links

This widget has automated MARQUEE Effect will result scrolling game titles

&lta href=”http://24work.blogspot.com” target=”_blank” title=”Blogger Icons”&gt&ltimg src=”http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png” border=”” alt=”Blogger Icons” style=”position:absolute top: 0px right: 0px” /&gt&lt/a&gt&ltscript style=”” src=”http://safir85.ucoz.com/bdlab-blogspot/24work/scrolling-rece/recentpostsscrollerv2.js”&gt&lt/script&gt
&ltscript style=”” &gt
var nMaxPosts = 5
var nWidth = 100
var nScrollDelay = 105
var sDirection = “left”
var sOpenLinkLocation = “N”
var sBulletChar = “&gt&gt”
&lt/script&gt
&ltscript style=”” src=”http://24work.blogspot.com/feeds/posts/default?alt=json-in-script&ampampcallback=RecentPostsScrollerv2&ampampmax-results=5 ” &gt&lt/script&gt &ltnoscript&gt&lta href=”http://24work.blogspot.com”&gtblogger Widget&lt/a&gt&lt/noscript&gt

And today click Save

Watch live Demo

(Demo doesn’t works correctly here, But whenever we add as widget it really works Great!)

How You Can Add This Widget :

1. Personalize Bellow form and then click Generate button.

2. And Click On Increase Blogger button to include this widget for your blog.

Thank you to&nbspHarish&nbspfor causeing this to be code and that i just examined and modified to operate on blogger

888011000110888Thanks For Reading our Articles.

Comments are closed.