Skip to main content

How to add auto scrolling recent posts widget for blogger

Many blogspot users always wants to manage their posts with different methods. Like so, some use auto scrolling technique to manage or update their posts to the visitors. Actually, scrolling is also known as marquee behavior. Here I have shared a bunch of codes to make auto scrolling for recent blog posts.

By the way, it is nothing except managing latest blog posts like displaying posts in the sidebar. So if you wish to add this widget into your blogspot blog, then follow the following steps properly.


Step 01: Just login into your blogger dashboard and go to blogger layout.
Step 02: Now just click on add widget link.
Step 03: Add the following bunch of codes there and save it.

<script type='text/javascript'>
var jnWidth="110";
var jnScrollAmount="15";
var jnScrollDelay="55";
var jnDirection="left";
var jntargetlink="yes";
var jnnumPosts="12";
var jnBulletchar =">>";
var jnimagebullet="yes";
var jnfontsize="16";
var jnbgcolor="FFFFFF";
var jnlinkcolor="FF1000";
var jnlinkhovercolor="3366CD";
</script><a href="http://allblogsolution.blogspot.com" target="_blank" title="Blog Tips 2017">Blogging Tips 2017</a>
<script type='text/javascript' src='http://googledrive.com/host/0B-GuAkK2nj5gc0ZCWWdFcDdOZk0' ></script>
<script type='text/javascript' src="http://blogspot.com/feeds/posts/default?alt=json-in-script&callback=jnAdvRecentPostsScrollerv3&max-results=10" ></script>
Now just remove blogspot.com with your blog url and save it.


Comments

Popular posts from this blog

How to Put Meta Keywords in Each Blogger Post

Meta tags or keywords are very significant SEO terms. To find your site’s rank better in search engine, you have to add meta tags or keywords in every page of the website. But when you want to put keywords in every blogger posts, you can’t because there is only meta description place in blogger. There you cannot find keywords adding space. So if you want to add meta tags or keywords also, you have to add some codes on your template. Meta tags are also as important as meta description. Meta tags help you to increase healthy and better traffic.

Process of adding meta tags in each blogger post:-Suggestion:We always recommend you not to change any code of your template with keeping back up of your template.

Step 1. Log in into your blogger.
Step 2. Choose your one blog.
Step 3. Go to template>>edit html.
Step 4. And find the code <b:include data=’blog’ name=’all-head-content’/>
Step 5. Then paste the below codes below the above code.
<b:if cond='data:blog.url == "PAGE-UR…

How to add Latest Facebook Comment Box in Blogger

Facebook has provided many plugins for websites and blogs. Recently the developers of Facebook have released the plugins “Facebook Comment Box”. This is awesome plugin of the Facebook. Using this Facebook comment box your blogger and websites user or viewers can comment on your posts and those comments will be automatically shared in their Facebook Comment Wall.

Facebook comment box makes your visitors catch you easily, so this can be very important for those people who want directly interact with the admin and other visitors. I know there are various people who want to know the Facebook comment box on their blogger blog, Wordpress blog and many other site. So this tutorial can be the best solution for them. So now we will suggest you how to add simple comment box of Facebook in the blogger blog. You should that everything have its merits and demerits. Likewise, this Facebook comment box also its some advantages and some disadvantages.

First of all, here we are discuss about the adva…

Responsive Video in Site and Blog

Responsive in every web materials is the trend of current web world. I mean , in the context of web development, responsive site can be called fashion but it also has many advantages. Mobile friendly, user friendly, device friendly and browser friendly are its some advantages. But in order to make a perfect responsive site, your site should have all elements responsive like videos, photos etc. Hence embedding video also should be device friendly, then your site can be called fully responsive.

Now here I am just telling you to make an embedded video responsive. Lets see how we can make any embedded video responsive or device friendly. There is no much difficult to do this. You just follow the following steps. 
How to Make Responsive Youtube Embed Video?Step 01: In the beginning, you embed any video whose code can be like  <iframe width="560" height="315" src="https://www.youtube.com/embed/o2Tw-8rF8dI" frameborder="0" allowfullscreen></i…