0 I'm wondering if I can run a Node.js script in my Jekyll page from GitHub Pages or Amazon S3? I think it can't run on GitHub Pages since it doesn't support server side code. Not too sure. The code is below: var Airtable = require('airtable'); var base = new Airtable(apiKey: 'YOUR_API_KEY').base('appAnZVyYqusNPV5Q'); base('Invitee list').select( // Selecting the first 3 records in Complete list: maxRecords: 3, view: "Complete list" ).eachPage(function page(records, fetchNextPage) // This function (`page`) will get called for each page of records. records.forEach(function(record) console.log('Retrieved', record.get('Email')); ); // To fetch the next page of records, call `fetchNextPage`. // If there are more records, `page` will get called again. // If there are no more records, `done` will get called. fetchNextPage(); , function done(err) if (err) console.error(err); return; ); node.js
Clash Royale CLAN TAG
(function() {
var items = ['id': '4681088102350246898', 'body': 'Answer: (correct)x3cbr /x3ex3cbr /x3escript typex3dx26quot;text/javascriptx26quot; srcx3dx26quot;/feeds/posts/default/-/label name?altx3djson-in-scriptx26amp;callbackx3dmbtlistx26quot;x26gt;x26lt;/script', 'timestamp': '1461430721736', 'permalink': 'https://www.mybloggertricks.com/2016/04/display-recent-posts-with-thumbnails.html?showCommentx3d1461430721736#c4681088102350246898', 'author': 'name': 'Aitazaz Ahsan', 'avatarUrl': '//lh5.googleusercontent.com/-6Ob68vMEjPU/AAAAAAAAAAI/AAAAAAAAB8c/Rhpn4ANHwvM/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/05533285995998159887', 'displayTime': 'Apr 23, 2016, 9:58:00 PM', 'deleteclass': 'item-control blog-admin pid-284804357', 'id': '4890045095078583864', 'body': 'Change Link to x3cbr /x3ex3cbr /x3ex3cbr /x3evar ListBlogLink x3d x26quot;http://www.mybloggertricks.com/feeds/posts/default/-/Name-of-the-label?publishedx26amp;altx3djson-in-scriptx26amp;callbackx3dlabelthumbsx26quot;;x3cbr /x3ex3cbr /x3eThanks :)', 'timestamp': '1461435955599', 'permalink': 'https://www.mybloggertricks.com/2016/04/display-recent-posts-with-thumbnails.html?showCommentx3d1461435955599#c4890045095078583864', 'author': 'name': 'Devang Nagda', 'avatarUrl': '//lh6.googleusercontent.com/-V6642yAxfBo/AAAAAAAAAAI/AAAAAAAAHnQ/3ph8Mk0dDZ4/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/16276901130592108360', 'displayTime': 'Apr 23, 2016, 11:25:00 PM', 'deleteclass': 'item-control blog-admin pid-2128364000', 'id': '1210669038944876494', 'body': 'This script can display posts with a specific labelx3cbr /x3ex3ci relx3dx22prex22x3ex26lt;scriptx26gt; x3cbr /x3edocument.write(x26quot;x26lt;script srcx3dx26#39;x26quot;+ListBlogLink+x26quot;/feeds/posts/default/-/YourLabelHere?altx3djson-in-scriptx26amp;callbackx3dmbtlistx26#39;x26gt;x26lt;/x26quot;+x26quot;scriptx26gt;x26quot;); x3cbr /x3ex26lt;/scriptx26gt;x3c/ix3e', 'timestamp': '1461455145378', 'permalink': 'https://www.mybloggertricks.com/2016/04/display-recent-posts-with-thumbnails.html?showCommentx3d1461455145378#c1210669038944876494', 'author': 'name': 'Adhy Suryadi', 'avatarUrl': '//lh3.googleusercontent.com/-Q55pKJrgnXs/AAAAAAAAAAI/AAAAAAAAh9M/ae9EthU2__8/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/06846144400647921085', 'displayTime': 'Apr 24, 2016, 4:45:00 AM', 'deleteclass': 'item-control blog-admin pid-1170656019', 'id': '216397240860474537', 'body': 'Sir, x3cbr /x3ewill you please tell me, why are you using h2 tag for all subheadings? Should i also start using h2 for my subheading? I know this comment is not relevant for this post but i canx26#39;t stop my self to asking this. Hope you understand and reply me.', 'timestamp': '1461509463100', 'permalink': 'https://www.mybloggertricks.com/2016/04/display-recent-posts-with-thumbnails.html?showCommentx3d1461509463100#c216397240860474537', 'author': 'name': 'Brijesh Jivani', 'avatarUrl': '//lh6.googleusercontent.com/-Prqwg-yPzrk/AAAAAAAAAAI/AAAAAAAACjk/sEf6Y_aJLQA/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/00898096271561051250', 'displayTime': 'Apr 24, 2016, 7:51:00 PM', 'deleteclass': 'item-control blog-admin pid-971898713', 'id': '3799091741164705874', 'body': 'Nice widget but i think Label name should be clickable. I can create this recent post style without above script and i also know how to display posts by label. I x26#39;m still waiting for your posts because there is always something new to learn. ', 'timestamp': '1461511379758', 'permalink': 'https://www.mybloggertricks.com/2016/04/display-recent-posts-with-thumbnails.html?showCommentx3d1461511379758#c3799091741164705874', 'author': 'name': 'Brijesh Patel', 'avatarUrl': '//lh5.googleusercontent.com/-_eFIXIKgxXA/AAAAAAAAAAI/AAAAAAAAALU/MhtyLZI0Cas/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/04777204184585094946', 'displayTime': 'Apr 24, 2016, 8:22:00 PM', 'deleteclass': 'item-control blog-admin pid-1379396781', 'id': '4815388308428233648', 'body': 'x26lt; script srcx3dx26quot;http://www.hackinguniversity.in/feeds/posts/summary/-/xxxxxxx?max-resultsx3d5x26amp;altx3djson-in-scriptx26amp;callbackx3drecentpostslistx26quot;x26gt;x3cbr /x3ex3cbr /x3eThis is basically the script that i am using in my blog to show posts from a specific label, there is a small script that activates this code, if you want to see that i can show you that too.', 'timestamp': '1461530544934', 'permalink': 'https://www.mybloggertricks.com/2016/04/display-recent-posts-with-thumbnails.html?showCommentx3d1461530544934#c4815388308428233648', 'author': 'name': 'Rishabh Jain', 'avatarUrl': '//lh6.googleusercontent.com/-Kalh2GIZXKM/AAAAAAAAAAI/AAAAAAAARJw/ks8f0KZkYp8/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/18005929087673177588', 'displayTime': 'Apr 25, 2016, 1:42:00 AM', 'deleteclass': 'item-control blog-admin pid-1523818051', 'id': '6334175372276912772', 'parentId': '216397240860474537', 'body': 'Yes, you should too use H2 for your subheadings. Itx26#39;s good from SEO point of view.', 'timestamp': '1461841437654', 'permalink': 'https://www.mybloggertricks.com/2016/04/display-recent-posts-with-thumbnails.html?showCommentx3d1461841437654#c6334175372276912772', 'author': 'name': 'Muhammad Adil Akbar', 'avatarUrl': '//lh6.googleusercontent.com/-wOotqzsjQfA/AAAAAAAAAAI/AAAAAAAAAKM/WJ4G3hmi6hY/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/15339193200877987144', 'displayTime': 'Apr 28, 2016, 4:03:00 PM', 'deleteclass': 'item-control blog-admin pid-868163075', 'id': '6329608795186402822', 'body': 'Hi Brother,x3cbr /x3ex3cbr /x3eHerex26#39;s my approach.x3cbr /x3ex3cbr /x3eFetching recent posts of label using $.getJson() jQuery function.x3cbr /x3ex3cbr /x3eFor example: Fetching Posts of Widget label.x3cbr /x3ex3cbr /x3e$.getJSON(x26quot;http://www.mybloggertricks.com/feeds/posts/summary/-/Widgets?orderbyx3dpublishedx26amp;altx3djson-in-scriptx26amp;callbackx3d?x26amp;max-resultsx3d5x26quot;,function(data)x3cbr /x3ex3cbr /x3e //we have got the 5 recent posts of Widget Labelx3cbr /x3e //now print the postsx3cbr /x3e $.each(data.feed.entry,function(i,post)x3cbr /x3e //now print each post.x3cbr /x3e );x3cbr /x3ex3cbr /x3ex3cbr /x3e);', 'timestamp': '1461842067006', 'permalink': 'https://www.mybloggertricks.com/2016/04/display-recent-posts-with-thumbnails.html?showCommentx3d1461842067006#c6329608795186402822', 'author': 'name': 'Shubham Kumar', 'avatarUrl': '//lh5.googleusercontent.com/-1mBpITqK-Co/AAAAAAAAAAI/AAAAAAAAB5Q/dF3oe2Doc6s/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/07282429615055006040', 'displayTime': 'Apr 28, 2016, 4:14:00 PM', 'deleteclass': 'item-control blog-admin pid-1157118708', 'id': '6268614058521482346', 'body': 'var ListBlogLink x3d x26quot;http://www.mybloggertricks.comx26quot;; x3cbr /x3evar ListCount x3d 5; x3cbr /x3evar LableName x3d x26quot;Computer-Tricksx26quot; // Label Comes Here //x3cbr /x3ex3cbr /x3ethen x3cbr /x3ex3cbr /x3ex26lt;script srcx3dx26#39;x26quot;+ListBlogLink+x26quot;/feeds/posts/default/-/x26quot;+LableName+x26quot;?altx3djson-in-scriptx26amp;callbackx3dmbtlistx3cbr /x3ex3cbr /x3eor x3cbr /x3ex3cbr /x3ex26lt; script srcx3dx26#39;x26quot;+ListBlogLink+x26quot;/feeds/posts/default/-/Label-Namex26quot;?altx3djson-in-scriptx26amp;callbackx3dmbtlist', 'timestamp': '1461843216554', 'permalink': 'https://www.mybloggertricks.com/2016/04/display-recent-posts-with-thumbnails.html?showCommentx3d1461843216554#c6268614058521482346', 'author': 'name': 'M Ehsan Qureshi', 'avatarUrl': '//lh3.googleusercontent.com/-cw7oospwu4c/AAAAAAAAAAI/AAAAAAAAADY/Poq0mDg9nb4/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/08598119647676168765', 'displayTime': 'Apr 28, 2016, 4:33:00 PM', 'deleteclass': 'item-control blog-admin pid-769984761', 'id': '6328961563224893435', 'body': 'Sir, I am new to blogging and I have seen beautiful thumbnail post in http://weballtime.com site. My question is how can I make such recent post thumbnail in my blogger blog.x3ca hrefx3dx22http://weballtime.comx22 relx3dx22nofollowx22x3e x3c/ax3e. Thank you in advance.', 'timestamp': '1462018939349', 'permalink': 'https://www.mybloggertricks.com/2016/04/display-recent-posts-with-thumbnails.html?showCommentx3d1462018939349#c6328961563224893435', 'author': 'name': 'MAX', 'avatarUrl': '//lh3.googleusercontent.com/zFdxGE77vvD2w5xHy6jkVuElKv-U9_9qLkRYK8OnbDeJPtjSZ82UPq5w6hJ-SAx3ds35', 'profileUrl': 'https://www.blogger.com/profile/07295354507410070323', 'displayTime': 'Apr 30, 2016, 5:22:00 PM', 'deleteclass': 'item-control blog-admin pid-231411102', 'id': '3356526351959987025', 'parentId': '4681088102350246898', 'body': 'Correct approach but no efforts in giving a complete solution buddy. x3d)', 'timestamp': '1462186256351', 'permalink': 'https://www.mybloggertricks.com/2016/04/display-recent-posts-with-thumbnails.html?showCommentx3d1462186256351#c3356526351959987025', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'May 2, 2016, 3:50:00 PM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '7024724500096565323', 'parentId': '4890045095078583864', 'body': 'Share full instructions like mention where to use variables and where to insert them', 'timestamp': '1462186291414', 'permalink': 'https://www.mybloggertricks.com/2016/04/display-recent-posts-with-thumbnails.html?showCommentx3d1462186291414#c7024724500096565323', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'May 2, 2016, 3:51:00 PM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '504340975987827836', 'parentId': '1210669038944876494', 'body': 'Correct approach but full instructions on variable use is missing. Mention which variables to declare and where to insert them', 'timestamp': '1462186338664', 'permalink': 'https://www.mybloggertricks.com/2016/04/display-recent-posts-with-thumbnails.html?showCommentx3d1462186338664#c504340975987827836', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'May 2, 2016, 3:52:00 PM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '7568471339342156588', 'parentId': '216397240860474537', 'body': 'Buddy full instructions on this have been shared in the following tutorial:x3cbr /x3ex3cbr /x3ex3ca hrefx3dx22http://www.mybloggertricks.com/2015/06/Optimize-Headline-H1-H2-Tags-In-Blogger.htmlx22 relx3dx22nofollowx22x3ex26quot;Missing H1 and overused H2 tags in bloggerx26quot;x3c/ax3ex3cbr /x3ex3cbr /x3eAll your answers there x3d)', 'timestamp': '1462186569678', 'permalink': 'https://www.mybloggertricks.com/2016/04/display-recent-posts-with-thumbnails.html?showCommentx3d1462186569678#c7568471339342156588', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'May 2, 2016, 3:56:00 PM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '5665019888041936975', 'parentId': '3799091741164705874', 'body': 'It can surely be done. Will share it in coming tutorials', 'timestamp': '1462186608594', 'permalink': 'https://www.mybloggertricks.com/2016/04/display-recent-posts-with-thumbnails.html?showCommentx3d1462186608594#c5665019888041936975', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'May 2, 2016, 3:56:00 PM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '3225953103889329609', 'parentId': '4815388308428233648', 'body': 'I asked for a simple modification to the script I shared above. Of course there are many scripts already online where you can find a solution. Since we aim here to educate the readers thatx26#39;s why we force them to do critical thinking and try to do it by themselves. x3d)', 'timestamp': '1462186701254', 'permalink': 'https://www.mybloggertricks.com/2016/04/display-recent-posts-with-thumbnails.html?showCommentx3d1462186701254#c3225953103889329609', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'May 2, 2016, 3:58:00 PM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '4004614368951427332', 'parentId': '6329608795186402822', 'body': 'Beautiful technique buddy but can you propose a solution the script above that I shared above. We need the simplest modification for it. I am sure you can do that. Just give it a try :)', 'timestamp': '1462186787185', 'permalink': 'https://www.mybloggertricks.com/2016/04/display-recent-posts-with-thumbnails.html?showCommentx3d1462186787185#c4004614368951427332', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'May 2, 2016, 3:59:00 PM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '4043188173171736702', 'parentId': '6328961563224893435', 'body': 'The above script can be modified easily with some ajax touch to create different layouts. I will share in my coming tutorials on how to do that. The above code is a basic prototype for understanding. x3d)', 'timestamp': '1462186846298', 'permalink': 'https://www.mybloggertricks.com/2016/04/display-recent-posts-with-thumbnails.html?showCommentx3d1462186846298#c4043188173171736702', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'May 2, 2016, 4:00:00 PM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '4230300163652453521', 'parentId': '6268614058521482346', 'body': 'Excellent explanation. You won the backlink! x3dDx3cbr /x3ex3cbr /x3eCongratulations. Will link your blog and highlight your comment in my coming post on JSON.x3cbr /x3ex3cbr /x3eThank you Ehsan for the kind particpation. x3d)', 'timestamp': '1462187169805', 'permalink': 'https://www.mybloggertricks.com/2016/04/display-recent-posts-with-thumbnails.html?showCommentx3d1462187169805#c4230300163652453521', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'May 2, 2016, 4:06:00 PM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '7315290441108728654', 'body': 'x3cbx3eANNOUNCING THE WINNER:x3c/bx3e x3cbr /x3ex3cbr /x3eBacklink won by x3ca hrefx3dx22#c6268614058521482346x22 relx3dx22nofollowx22x3eM Ehsanx3c/ax3e for his clear instructions and simplest approach. ', 'timestamp': '1462187317095', 'permalink': 'https://www.mybloggertricks.com/2016/04/display-recent-posts-with-thumbnails.html?showCommentx3d1462187317095#c7315290441108728654', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'May 2, 2016, 4:08:00 PM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '9057974881898526993', 'parentId': '6268614058521482346', 'body': ':) Alhamdolillah... x3cbr /x3eIt all about you Sir. who teach us in very sharp way with all necessary respects. Really make me very happy to see my answer has been highlighted. ', 'timestamp': '1462308006230', 'permalink': 'https://www.mybloggertricks.com/2016/04/display-recent-posts-with-thumbnails.html?showCommentx3d1462308006230#c9057974881898526993', 'author': 'name': 'M Ehsan Qureshi', 'avatarUrl': '//lh3.googleusercontent.com/-cw7oospwu4c/AAAAAAAAAAI/AAAAAAAAADY/Poq0mDg9nb4/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/08598119647676168765', 'displayTime': 'May 4, 2016, 1:40:00 AM', 'deleteclass': 'item-control blog-admin pid-769984761', 'id': '8102581839223583311', 'body': 'Assalam o Alaikum!x3cbr /x3eSir I have a problem.x3cbr /x3eImage Not Found On Any Post,,x3cbr /x3eWhat Should i do?x3cbr /x3eIx26#39;ll Wait for Your Reply...', 'timestamp': '1462826100146', 'permalink': 'https://www.mybloggertricks.com/2016/04/display-recent-posts-with-thumbnails.html?showCommentx3d1462826100146#c8102581839223583311', 'author': 'name': 'paaris sohail', 'avatarUrl': '//lh6.googleusercontent.com/-pwTQOsWgJvA/AAAAAAAAAAI/AAAAAAAAED8/BaTgin_jEO0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/02134141310062807135', 'displayTime': 'May 10, 2016, 1:35:00 AM', 'deleteclass': 'item-control blog-admin pid-239315048', 'id': '6520965021904164298', 'parentId': '6268614058521482346', 'body': 'Your blog has been given a backlink on this page:x3cbr /x3ex3cbr /x3ex3ca hrefx3dx22http://www.mybloggertricks.com/2016/06/recent-posts-gadget.htmlx22 relx3dx22nofollowx22x3eRecent Posts Gadget by labelx3c/ax3e', 'timestamp': '1465911264940', 'permalink': 'https://www.mybloggertricks.com/2016/04/display-recent-posts-with-thumbnails.html?showCommentx3d1465911264940#c6520965021904164298', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'Jun 14, 2016, 6:34:00 PM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '4171382931209815737', 'body': 'x3cspan classx3dx27deleted-commentx27x3eThis comment has been removed by the author.x3c/spanx3e', 'timestamp': '1466013281910', 'permalink': 'https://www.mybloggertricks.com/2016/04/display-recent-posts-with-thumbnails.html?showCommentx3d1466013281910#c4171382931209815737', 'author': 'name': 'Usama Ejaz', 'avatarUrl': '//lh3.googleusercontent.com/--FZxepAx0Vs/AAAAAAAAAAI/AAAAAAAAA1o/sK4oL7yUaAc/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/16985204592139894932', 'displayTime': 'Jun 15, 2016, 10:54:00 PM', 'deleteclass': 'item-control blog-admin ', 'id': '4599162371514210580', 'body': 'subhan allah.. katil blogging h bro (Y) keep it up.. I was looking for this from a very long time and find it here ', 'timestamp': '1487676164849', 'permalink': 'https://www.mybloggertricks.com/2016/04/display-recent-posts-with-thumbnails.html?showCommentx3d1487676164849#c4599162371514210580', 'author': 'name': 'Prashant Jain', 'avatarUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPWGNdqHmAvVwFkF_u-oEzMmNIyMSr9ieOHHbueNj949oRZgzx66RfWt7x9ylvtVw_QP6UH8yshHXZsFc8KddvkS5KNJmtmzKhM5RITLK7zbkaBfFckTP820KGfJFWZroAaL8zMUbb8jqy/s35/14955863_10208863121430198_191128012471990711_n.jpg', 'profileUrl': 'https://www.blogger.com/profile/11894701782543419827', 'displayTime': 'Feb 21, 2017, 4:22:00 PM', 'deleteclass': 'item-control blog-admin pid-1720190954', 'id': '8546044533708175270', 'body': 'where to add the html/javascript gadget in the main post,but it is not happening and sorry your method is not working foe me', 'timestamp': '1489482351854', 'permalink': 'https://www.mybloggertricks.com/2016/04/display-recent-posts-with-thumbnails.html?showCommentx3d1489482351854#c8546044533708175270', 'author': 'name': 'Ankeet Singh', 'avatarUrl': '//lh3.googleusercontent.com/zFdxGE77vvD2w5xHy6jkVuElKv-U9_9qLkRYK8OnbDeJPtjSZ82UPq5w6hJ-SAx3ds35', 'profileUrl': 'https://www.blogger.com/profile/06265750615057527319', 'displayTime': 'Mar 14, 2017, 2:05:00 PM', 'deleteclass': 'item-control blog-admin pid-64152221'];
var msgs = 'loadMore': 'Load more...', 'loading': 'Loading...', 'loaded': 'No more!', 'addComment': 'Add comment', 'reply': 'Reply', 'delete': 'Delete';
var config = 'blogId': '8193278726666811965', 'postId': '842618561753019326', 'feed': 'https://www.mybloggertricks.com/feeds/842618561753019326/comments/default', 'authorName': 'M. Mustafa Ahmedzai', 'authorUrl': 'https://www.blogger.com/profile/11681339458447132019', 'baseUri': 'https://www.blogger.com', 'maxThreadDepth': 2;
// 0)
cursor = parseInt(items[items.length - 1].timestamp) + 1;
var bodyFromEntry = function(entry)
if (entry.gd$extendedProperty)
for (var k in entry.gd$extendedProperty)
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved')
return '' + entry.content.$t + '';
return entry.content.$t;
var parse = function(data)
cursor = null;
var comments = ;
if (data && data.feed && data.feed.entry)
for (var i = 0, entry; entry = data.feed.entry[i]; i++)
var comment = ;
// comment ID, parsed out of the original id format
var id = /blog-(d+).post-(d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array)
var auth = entry.author[0];
if (auth)
comment.author =
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
;
if (entry.link)
if (entry.link[2])
comment.link = comment.permalink = entry.link[2].href;
if (entry.link[3])
var pid = /.*comments/default/(d+)?.*/.exec(entry.link[3].href);
if (pid && pid[1])
comment.parentId = pid[1];
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty)
for (var k in entry.gd$extendedProperty)
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass')
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime')
comment.displayTime = entry.gd$extendedProperty[k].value;
comments.push(comment);
return comments;
;
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor)
url += '&published-min=' + new Date(cursor).toISOString();
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length
Aitazaz AhsanApr 23, 2016, 9:58:00 PM
Answer: (correct)
script type="text/javascript" src="/feeds/posts/default/-/label name?alt=json-in-script&callback=mbtlist"></script
ReplyDelete
Replies
Mohammad Mustafa AhmedzaiMay 2, 2016, 3:50:00 PM
Correct approach but no efforts in giving a complete solution buddy. =)
Delete
Devang NagdaApr 23, 2016, 11:25:00 PM
Change Link to
var ListBlogLink = "http://www.mybloggertricks.com/feeds/posts/default/-/Name-of-the-label?published&alt=json-in-script&callback=labelthumbs";
Thanks :)
ReplyDelete
Replies
Mohammad Mustafa AhmedzaiMay 2, 2016, 3:51:00 PM
Share full instructions like mention where to use variables and where to insert them
Delete
Adhy SuryadiApr 24, 2016, 4:45:00 AM
This script can display posts with a specific label
<script>
document.write("<script src='"+ListBlogLink+"/feeds/posts/default/-/YourLabelHere?alt=json-in-script&callback=mbtlist'></"+"script>");
</script>
ReplyDelete
Replies
Mohammad Mustafa AhmedzaiMay 2, 2016, 3:52:00 PM
Correct approach but full instructions on variable use is missing. Mention which variables to declare and where to insert them
Delete
Brijesh JivaniApr 24, 2016, 7:51:00 PM
Sir,
will you please tell me, why are you using h2 tag for all subheadings? Should i also start using h2 for my subheading? I know this comment is not relevant for this post but i can't stop my self to asking this. Hope you understand and reply me.
ReplyDelete
Replies
Muhammad Adil AkbarApr 28, 2016, 4:03:00 PM
Yes, you should too use H2 for your subheadings. It's good from SEO point of view.
Delete
Mohammad Mustafa AhmedzaiMay 2, 2016, 3:56:00 PM
Buddy full instructions on this have been shared in the following tutorial:
"Missing H1 and overused H2 tags in blogger"
All your answers there =)
Delete
Brijesh PatelApr 24, 2016, 8:22:00 PM
Nice widget but i think Label name should be clickable. I can create this recent post style without above script and i also know how to display posts by label. I 'm still waiting for your posts because there is always something new to learn.
ReplyDelete
Replies
Mohammad Mustafa AhmedzaiMay 2, 2016, 3:56:00 PM
It can surely be done. Will share it in coming tutorials
Delete
Rishabh JainApr 25, 2016, 1:42:00 AM
< script src="http://www.hackinguniversity.in/feeds/posts/summary/-/xxxxxxx?max-results=5&alt=json-in-script&callback=recentpostslist">
This is basically the script that i am using in my blog to show posts from a specific label, there is a small script that activates this code, if you want to see that i can show you that too.
ReplyDelete
Replies
Mohammad Mustafa AhmedzaiMay 2, 2016, 3:58:00 PM
I asked for a simple modification to the script I shared above. Of course there are many scripts already online where you can find a solution. Since we aim here to educate the readers that's why we force them to do critical thinking and try to do it by themselves. =)
Delete
Shubham KumarApr 28, 2016, 4:14:00 PM
Hi Brother,
Here's my approach.
Fetching recent posts of label using $.getJson() jQuery function.
For example: Fetching Posts of Widget label.
$.getJSON("http://www.mybloggertricks.com/feeds/posts/summary/-/Widgets?orderby=published&alt=json-in-script&callback=?&max-results=5",function(data)
//we have got the 5 recent posts of Widget Label
//now print the posts
$.each(data.feed.entry,function(i,post)
//now print each post.
);
);
ReplyDelete
Replies
Mohammad Mustafa AhmedzaiMay 2, 2016, 3:59:00 PM
Beautiful technique buddy but can you propose a solution the script above that I shared above. We need the simplest modification for it. I am sure you can do that. Just give it a try :)
Delete
M Ehsan QureshiApr 28, 2016, 4:33:00 PM
var ListBlogLink = "http://www.mybloggertricks.com";
var ListCount = 5;
var LableName = "Computer-Tricks" // Label Comes Here //
then
<script src='"+ListBlogLink+"/feeds/posts/default/-/"+LableName+"?alt=json-in-script&callback=mbtlist
or
< script src='"+ListBlogLink+"/feeds/posts/default/-/Label-Name"?alt=json-in-script&callback=mbtlist
ReplyDelete
Replies
Mohammad Mustafa AhmedzaiMay 2, 2016, 4:06:00 PM
Excellent explanation. You won the backlink! =D
Congratulations. Will link your blog and highlight your comment in my coming post on JSON.
Thank you Ehsan for the kind particpation. =)
Delete
M Ehsan QureshiMay 4, 2016, 1:40:00 AM
:) Alhamdolillah...
It all about you Sir. who teach us in very sharp way with all necessary respects. Really make me very happy to see my answer has been highlighted.
Delete
Mohammad Mustafa AhmedzaiJun 14, 2016, 6:34:00 PM
Your blog has been given a backlink on this page:
Recent Posts Gadget by label
Delete
MAXApr 30, 2016, 5:22:00 PM
Sir, I am new to blogging and I have seen beautiful thumbnail post in http://weballtime.com site. My question is how can I make such recent post thumbnail in my blogger blog. . Thank you in advance.
ReplyDelete
Replies
Mohammad Mustafa AhmedzaiMay 2, 2016, 4:00:00 PM
The above script can be modified easily with some ajax touch to create different layouts. I will share in my coming tutorials on how to do that. The above code is a basic prototype for understanding. =)
Delete
Mohammad Mustafa AhmedzaiMay 2, 2016, 4:08:00 PM
ANNOUNCING THE WINNER:
Backlink won by M Ehsan for his clear instructions and simplest approach.
ReplyDelete
paaris sohailMay 10, 2016, 1:35:00 AM
Assalam o Alaikum!
Sir I have a problem.
Image Not Found On Any Post,,
What Should i do?
I'll Wait for Your Reply...
ReplyDelete
Usama EjazJun 15, 2016, 10:54:00 PM
This comment has been removed by the author.
ReplyDelete
Prashant JainFeb 21, 2017, 4:22:00 PM
subhan allah.. katil blogging h bro (Y) keep it up.. I was looking for this from a very long time and find it here
ReplyDelete
Ankeet SinghMar 14, 2017, 2:05:00 PM
where to add the html/javascript gadget in the main post,but it is not happening and sorry your method is not working foe me
ReplyDelete