How to Make a Random Post on Blogger

How to Make a Random Post on Blogger

How to make a random post on blogger. Tutorial blog this time will explain how I view the posts / articles randomly on blogspot.

Random post is called dynamic random post, because it looks a slide. With a slide show, of course random post will also attract the attention of visitors.

For those of you who rarely update the blog, this widget may be quite useful. Because of all the articles in your blog will be displayed randomly using this widget.

That way, visitors who several times visited the blog, you can continue to read your articles the other, even if you have not added a new post though.

For those of you who want to try this dynamic random post, can directly follow the following tutorial blog.

First you need to do, namely keep the css for this random post :
1). Log in to blogger.
2). Select Layout menu (Layout) »Edit HTML.
3). Find this code ]]></ b: skin>.
4). Copy the following code above the code.

.gfg-root { width: auto; height: auto; position: relative; overflow: hidden; text-align: center; font-family: verdana, sans-serif;font-size: 12px;padding:2px; background:none;border: 0px solid #363636;}

.gfg-title {font-size: 16px;font-weight : bold;color : #fff;background-color: none;line-height : 1.4em;overflow: hidden;white-space : nowrap;}

.gfg-subtitle {font-size: 14px;font-weight: bold;color: #333;background-color: none;line-height : 1.4em; overflow : hidden;white-space : nowrap;margin-bottom : 0px;}

.gfg-subtitle a {color : #a43434;display:none !important;}

.gfg-entry {background-color: none;width : 100%;height : 9.9em;position : relative;overflow : hidden;text-align : left;margin-top : 0px;}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {position : relative;background-color:none;width : auto;height : 100%;padding-left : 5px;padding-right : 5px;}

.gfg-list {position : relative;overflow : hidden;text-align : left; margin-bottom : 15px;display:none !important;}

.gfg-root .gfg-entry .gf-result .gf-title {font-size: 13px;display:block;color:#a43434;font-weight:bold;line-height: 1.2em;overflow : hidden;white-space : nowrap;text-overflow : ellipsis;-o-text-overflow : ellipsis;margin-top : 4px;}

.gfg-root .gfg-entry .gf-result .gf-snippet {line-height : 1.3em;color: #333;margin-top : 3px;font-size: 12px;}

.clearFloat {clear : both;}

#feedGadget { margin-top: 3px;margin-left: auto;margin-right: auto;width: auto;font-family:verdana, arial;font-size: 10px;color: #333;}

5). Save the template.

To install the script random this post follow the steps below :
1). Open Layout (Layout) »Page Elements (Element page).
2). Click Add a Gadget (Add gadgets).







3). Select the gadget HTML / JavaScript.






4). Copy-paste the following script into the gadget earlier.
5). Make sure you change your blog name.
6). Save gadget.

Now look at the results. Your post will appear at random (random).

Good luck!

Related Post