Add Random Post Widget Without Thumbnail For Blogger

Admin Juni 21, 2019 BLOGGING TIPS

What is the important of random post? Random Post is a widget which allows visitors of a weblog or website to break former posts easily each fourth dimension they refresh your weblog on Blogger. This widget contains an automatic characteristic which is:

Compatible amongst IE
Support many options to customize
Optimized speed

Showing random posts out of your weblog is actually a skillful method of engage users more. Blog administrator tin hit upwards one's heed to exhibit their random posts anywhere inwards the template where they recollect that this attract readers. It is quite an tardily project to larn random posts inwards the WordPress platform amongst the ability of PHP in addition to MySQL or plugin but inwards representative of blogger platform where the admin doesn’t accept total liberty similar this you lot demand to display random posts through an tardily method (explained below) which uses coffee script. Displaying random posts without thumbnails is really possible inwards the blogger platform. Luckily, it is non a hard or complicated job; the weblog admin tin simply add together a widget for displaying random posts without thumbnails inwards a “blogspot” or “dot com” blog.

Easy Steps to Display/Show Random Posts without Thumbnails inwards Blogger:

1. Login to your blogger

2. Open layout from the left sidebar of the blogger dashboard.

3. Add a novel widget past times clicking on Html/Javascript.

Random Post is a widget which allows visitors of a weblog or website to break former posts ADD RANDOM POST WIDGET WITHOUT THUMBNAIL FOR BLOGGER

4. After adding the Html/Javascript you lot demand to pick out grip of the next code below amongst styles attached.

5. Just glue this inwards the widget surface area in addition to plough over widget the championship of “You May Like to Read:” or “Random” or “Trending Articles” in addition to click save.

6. Rearrange the widget dragging the widget to the place on the weblog where you lot demand these random posts to exhibit up.

7. If you lot desire to increase the release of posts shown, you lot tin hit upwards one's heed to increase the release to w_numposts=5;. Simple! you lot are done accept happy blogging

#blogger-item-widget-random-post .thumbnail {

width: 28px;

height: 28px;

float: left;

padding: 3px;

border: 1px enterprise #CCC;

margin: 0 5px 0 0;

-webkit-border-radius: px;

-moz-border-radius: px;

border-radius: px;

}

#blogger-item-widget-random-post .thumbnail img {

min-width: 28px!important;

max-width: 28px!important;

min-height: 28px!important;

max-height: 28px!important;

-webkit-border-radius: px;

-moz-border-radius: px;

border-radius: px;

}

#blogger-item-widget-random-post .thumbnail a {

z-index: 100;

display: block;

position: relative;

}

#blogger-item-widget-random-post .content a {

}

#blogger-item-widget-random-post .content bridge {

color: #999;

font-size: 10px;

font-style: italic;

}

#blogger-item-widget-random-post .item {

padding: 7px 0;

}

#blogger-item-widget-random-post .item-0 {

/*margin: 0;*/

}

#blogger-item-widget-random-post .info {

text-align: right;

height:1.2em!important;

overflow:hidden;

line-height: 1em!important;

}

#blogger-item-widget-random-post .info a {

font-weight: bold;

font-size: 11px;

color: #AAA;

display:none;

}

#blogger-item-widget-random-post:hover .info a {

display:inline!important;

}

#blogger-item-widget-random-post .item-last {

padding: 10px 0 0 0;

}

#blogger-item-widget-random-post .snip {

font-size: 12px;

padding: 0.5em 0 0 0;

line-height: 1.5em;

}

</style>

Widget: Random Post for Without Thumbnail for Blogger

Author: Martins Library

Website: http://martinslibrary.blogspot.com

/*User setting*/

var Post_Number = 5; //number of posts display

var Post_Thumb = true; //true: exhibit post service thumbnail, false: hide

var Post_Comment = false;//true: exhibit comment count, false: hide

var Post_Author = false; //true: exhibit post service writer name, false: hide

var Post_Time = false;//true: exhibit post service timestamp, false: hide

var Post_Label = true;//true: exhibit a label of post, false: hide

var Post_Snip = false;//true: exhibit post service snippet, false:hide

var Post_Snip_Len = 90;//number characters of post service snippet

var Lang_Comment = '';

var Lang_By = 'Martins Library';

var Lang_More = 'Read More';

var host = '';

</script>

Sumber https://martinslibrary.blogspot.com

Bylibrary

Jumat, 21 Juni 2019

Add Random Post Widget Without Thumbnail For Blogger

Popular Posts

Categories

Blog Archive