Auto Scrolling Recent Posts Widget For Blogger andrey суббота, 21 февраля 2015 г. No Comment

 Auto scrolling recent posts widget for blogger blogs is one of the must have widgets for blogger. When placed in the right location, it brings about an increase in the blog's pageviews. It's auto scrolling effect is enough to easily get your readers attention on the most recent post on your blog. Other than increasing the blog's pageviews and bringing better chances of have the ads clicked, it can also reduce the blog's bounce rate as readers can view other posts of interest instead of leaving the blog after reading a particular post. In this post, different styles of the auto scrolling recent posts widget for blogger have been included. Also place one on your blog and see the positive effect it brings.

 Also Read: Sliding Recent Posts Widget For Blogger
                    Link to This Post Widget For Blogger
                    Numbered Page Navigation Widget For Blogger

How Add Auto Scrolling Recent Posts Widget In Blogger

  • From your blogger dashboard,
  • Navigate to layout.
  • Select 'Add a Gadget'.
  • Select 'HTML/Javascript.
  • Copy any of the code below and paste in the text field.

Style 1




 href="http://24work.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"> src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /> href="http://24work.blogspot.com/" target="_blank" title="Latest Tips And Tricks"> src="https://bitly.com/24workpng1" alt="Latest Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /> href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"> src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" />

 



Style 2



 href="http://detutor.com/" target="_blank" title="Blogger Tips and Tricks"> src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /> href="http://detutor.com/" target="_blank" title="Latest Tips And Tricks"> src="https://bitly.com/24workpng1" alt="Latest Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /> href="http://detutor.com/" target="_blank" title="Blogger Tricks"> src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" />





Style 3




id='wcnot-cont'>
id="wc-movtext">
behavior='alternate' direction="left"
onmouseover="this.stop();"
onmouseout="this.start();">


href="YOUR-POST-URL" target="_blank">POST-TITLE

| href="YOUR-POST-URL" target="_blank">POST-TITLE

| href="YOUR-POST-URL" target="_blank">POST-TITLE

| href="YOUR-POST-URL" target="_blank">POST-TITLE









Also Read: Recommended Post Slide Out Widget For Blogger With Share Buttons
                   Most Commented Posts Widget For Blogger With Thumbnails
                   How to Customize Labels Cloud Widget In Blogger

  • In style 1 and style 2, Replace YOURURL with your website's address or URL.
  • In style 3, Replace YOUR-POST-URL with the link of the specific post and POST-TITLE with the title of the post.
  • Save the gadget.
  • For styles 1 and 2, Still in the layout section of your blog, you can change the location of the gadget (optional) by placing it above 'blog post' as shown in the image below. 



  •  Save the arrangement after changing its location.View your blog to note the changes with the auto scrolling recent posts widget.

     Auto scrolling recent posts widget for blogger blogs is one of the must have widgets for blogger. When placed in the right location, it brings about an increase in the blog's pageviews. It's auto scrolling effect is enough to easily get your readers attention on the most recent post on your blog. Other than increasing the blog's pageviews and bringing better chances of have the ads clicked, it can also reduce the blog's bounce rate as readers can view other posts of interest instead of leaving the blog after reading a particular post. In this post, different styles of the auto scrolling recent posts widget for blogger have been included. Also place one on your blog and see the positive effect it brings.

     Also Read: Sliding Recent Posts Widget For Blogger
                        Link to This Post Widget For Blogger
                        Numbered Page Navigation Widget For Blogger

    How Add Auto Scrolling Recent Posts Widget In Blogger

    • From your blogger dashboard,
    • Navigate to layout.
    • Select 'Add a Gadget'.
    • Select 'HTML/Javascript.
    • Copy any of the code below and paste in the text field.

    Style 1




     href="http://24work.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"> src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /> href="http://24work.blogspot.com/" target="_blank" title="Latest Tips And Tricks"> src="https://bitly.com/24workpng1" alt="Latest Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /> href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"> src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" />

     



    Style 2



     href="http://detutor.com/" target="_blank" title="Blogger Tips and Tricks"> src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /> href="http://detutor.com/" target="_blank" title="Latest Tips And Tricks"> src="https://bitly.com/24workpng1" alt="Latest Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /> href="http://detutor.com/" target="_blank" title="Blogger Tricks"> src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" />





    Style 3




    id='wcnot-cont'>
    id="wc-movtext">
    behavior='alternate' direction="left"
    onmouseover="this.stop();"
    onmouseout="this.start();">


    href="YOUR-POST-URL" target="_blank">POST-TITLE

    | href="YOUR-POST-URL" target="_blank">POST-TITLE

    | href="YOUR-POST-URL" target="_blank">POST-TITLE

    | href="YOUR-POST-URL" target="_blank">POST-TITLE









    Also Read: Recommended Post Slide Out Widget For Blogger With Share Buttons
                       Most Commented Posts Widget For Blogger With Thumbnails
                       How to Customize Labels Cloud Widget In Blogger

    • In style 1 and style 2, Replace YOURURL with your website's address or URL.
    • In style 3, Replace YOUR-POST-URL with the link of the specific post and POST-TITLE with the title of the post.
    • Save the gadget.
    • For styles 1 and 2, Still in the layout section of your blog, you can change the location of the gadget (optional) by placing it above 'blog post' as shown in the image below. 



    •  Save the arrangement after changing its location.View your blog to note the changes with the auto scrolling recent posts widget.

      by Jillur Rahman

      Jillur Rahman is a Web designers. He enjoys to make blogger templates. He always try to make modern and 3D looking Templates. You can by his templates from Themeforest.

      Follow him @ Twitter | Facebook | Google Plus

      No Comment