2015 September 13 Archive - EXEIdeas

Showing latest comments in your sidebar is a good idea to attract your views to view your more visitors to those posts by showing this that other commented also this posts also while landing on a post that will help you to increase your page views that will decrease your bounce rates that is helpful for SEO too. Pageviews will increase then you can earn more too. So an attractive comment widget van do this.So now its time to move a head and add an awesome and attractive latest comments widget that can display posts titles, author images and author name with comments text that is enough to attract a visitor to open that post. Its fully customizeable so that you can edit it more as per you want. Without any more preface, move ahead and use the below code.CLICK HERE TO SEE DEMOFeatures:1.) Simple Latest Comment Widget.2.) Visitor Latest Comments From All Posts.3.) Pure JavaScript.4.) No JQuery Or Any External Third Party SiteLink.5.) Data Will Be Pick From Your Feed.6.) Don’y Have To Change URL, It Will Automatically Pick Data From That Blog Where It Will Be Added.7.) Widget Designed For Sidebar But Can Work Anywhere.8.) Fully Customizable.9.) Lot Of Features Added.10.) Post Title And Comments Description Will Also Be Shown.11.) Author Image And Author Name Will Be Also Shown.12.) SEO Optimized.13.) All Link Will Be Open In New Tab.14.) Quick To Load And Easy To Install.15.) Awesome In Design And Looking.How To Add In Blogspot?1.) Go To Your www.blogger.com2.) Open Your Desire “Blog”.3.) Go To “Layout”.4.) Click “Add A Gadget” Where You Want To Add It.5.) Now Scroll To “HTML-JAVASCRIPT”6.) Click “+” Icon To Add It.7.) Now “Copy” The Below Code And “Paste” It To There.8.) Leave The “Title” Empty.9.) Click “Save”, Now You Are Done.OR1.) Go To Your www.blogger.com2.) Open Your Desire “Blog”.3.) Go To “Template”.4.) Click “Edit HTML”.5.) Now “Click” Within Code Box.6.) Press [CTRL+F] To Search Code.7.) Now “Copy” The Below Code And “Paste” It Wheere You Want This Code..8.) Click “Save Template” And Done. ul.latestCommentByEXE{width:300px;text-align:left;}ul.latestCommentByEXE li{list-style-type:none;clear:both;border-bottom:1px solid #efefef;padding:10px 0;}ul.latestCommentByEXE li a{color:#000;text-decoration:none;display:block;margin-bottom:10px;}ul.latestCommentByEXE li img{float:left;margin:0 5px 0 0;width:72px;height:72px;}ul.latestCommentByEXE li span{color:#797979;font-size:13px;text-align:justify;display:block;}ul.latestCommentByEXE li exeAuthor{font-weight:bold;}ul.latestCommentByEXE li exeTitle{}ul.latestCommentByEXE li exeComment{font-size:10px;}ul.latestCommentByEXE li exeDate{font-style:italic;} // ');for (var i = 0; i < json.feed.entry.length; i++) { for (var j = 0; j < json.feed.entry[i].link.length; j++) { if (json.feed.entry[i].link[j].rel == 'alternate') { break; } }var entryUrl = "" + json.feed.entry[i].link[j].href + "";var entryImage = json.feed.entry[i].author[0].gd$image.src;var entryauthor = json.feed.entry[i].author[0].name.$t;var entryTitle = json.feed.entry[i].title.$t;var entrySumm = json.feed.entry[i].content.$t;var entryDate = json.feed.entry[i].published.$t;var item = " " + entryauthor + " " + entryTitle + " " + entrySumm + " " + entryDate + " "; document.write(item); } document.write(' '); }//]]> Customization:You can change the post count to show at most recent by changing 5 with your desired count under 500 There is nothing rest to edit in this code. Just add it where you want then it will automatically pic that blog latest or recent posts easily.Last Words:That’s all we have. If you have any problem with this code in your blogger template then feel free to contact us with full explanation of your problem. We will reply you as time allow to us. Don’t forget to share this with your friends so they can also take benefit from it and leave your precious feedback in our comment form below. Happy blogging, See you in next article…