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': '3910302088383550303', 'body': '¿Can I apply different styles to the different widget on the same page?', 'timestamp': '1465912964964', 'permalink': 'https://www.mybloggertricks.com/2016/06/recent-posts-gadget.html?showCommentx3d1465912964964#c3910302088383550303', 'author': 'name': 'Lucas Carmona', 'avatarUrl': '//lh3.googleusercontent.com/zFdxGE77vvD2w5xHy6jkVuElKv-U9_9qLkRYK8OnbDeJPtjSZ82UPq5w6hJ-SAx3ds35', 'profileUrl': 'https://www.blogger.com/profile/05878325389321681532', 'displayTime': 'Jun 14, 2016, 7:02:00 PM', 'deleteclass': 'item-control blog-admin pid-963475805', 'id': '6202460707330498406', 'body': 'wow what a great post Muhammad Mustafa x3cbr /x3ethumbs up for youx3cbr /x3ereally appreciate your work shared on linkedin', 'timestamp': '1465917566427', 'permalink': 'https://www.mybloggertricks.com/2016/06/recent-posts-gadget.html?showCommentx3d1465917566427#c6202460707330498406', 'author': 'name': 'Tips4TricxBlogspot', 'avatarUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOKu7-afnIhWAfzadC5TEZO1tY9ux3rahVAke_3elAbCBJnDnvpVDHxZhHIocmMyo2CTh4rWZR1NDiM6_QWhxgPs3a-pAJ38uNDDhUaksCLIN8HSbD2BzE2G6INrDaoENiuC_Jkeu4OW2D/s35/1269860_513539638735546_1346623633_o.jpg', 'profileUrl': 'https://www.blogger.com/profile/07661363362285599387', 'displayTime': 'Jun 14, 2016, 8:19:00 PM', 'deleteclass': 'item-control blog-admin pid-1082167553', 'id': '3891187914753555927', 'body': 'Awesome Sir, Thanks for Sharing this Great Widget...', 'timestamp': '1465955833530', 'permalink': 'https://www.mybloggertricks.com/2016/06/recent-posts-gadget.html?showCommentx3d1465955833530#c3891187914753555927', 'author': 'name': 'Khalil Ahmad Yaseenzai', 'avatarUrl': '//lh5.googleusercontent.com/-c9bOfEJ2A6s/AAAAAAAAAAI/AAAAAAAAAA4/Yudh1Dq29jc/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/14754939813967342257', 'displayTime': 'Jun 15, 2016, 6:57:00 AM', 'deleteclass': 'item-control blog-admin pid-1339046221', 'id': '5859191952345151312', 'body': 'nice post', 'timestamp': '1465965437433', 'permalink': 'https://www.mybloggertricks.com/2016/06/recent-posts-gadget.html?showCommentx3d1465965437433#c5859191952345151312', 'author': 'name': 'Stuart', 'avatarUrl': '//lh3.googleusercontent.com/zFdxGE77vvD2w5xHy6jkVuElKv-U9_9qLkRYK8OnbDeJPtjSZ82UPq5w6hJ-SAx3ds35', 'profileUrl': 'https://www.blogger.com/profile/13412991174231754852', 'displayTime': 'Jun 15, 2016, 9:37:00 AM', 'deleteclass': 'item-control blog-admin pid-2080383587', 'id': '8007164639900348935', 'body': 'i am exicted to try this new gadgets .thanks for sharing', 'timestamp': '1465994761922', 'permalink': 'https://www.mybloggertricks.com/2016/06/recent-posts-gadget.html?showCommentx3d1465994761922#c8007164639900348935', 'author': 'name': 'Gaurav Dudeja', 'avatarUrl': '//lh6.googleusercontent.com/-8yDz0NxuV90/AAAAAAAAAAI/AAAAAAAAAQk/0JMUMQKzY08/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/01365440543804133364', 'displayTime': 'Jun 15, 2016, 5:46:00 PM', 'deleteclass': 'item-control blog-admin pid-1430354979', 'id': '4121638351894659916', 'body': 'Awesome widget ..thanks for sharing', 'timestamp': '1465994955150', 'permalink': 'https://www.mybloggertricks.com/2016/06/recent-posts-gadget.html?showCommentx3d1465994955150#c4121638351894659916', 'author': 'name': 'Satish Kushwaha', 'avatarUrl': '//lh3.googleusercontent.com/-JKJAo21UAPQ/AAAAAAAAAAI/AAAAAAAAEoc/1pOhaTAPrik/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/13530899351486326065', 'displayTime': 'Jun 15, 2016, 5:49:00 PM', 'deleteclass': 'item-control blog-admin pid-1192827722', 'id': '1731862875857510926', 'parentId': '3910302088383550303', 'body': 'Yes for sure!x3cbr /x3eYou just need to create different CSS Classes for each widgetx3cbr /x3ex3cbr /x3eA better approach is to use Ajax which we will share in our coming tutorials', 'timestamp': '1466006564643', 'permalink': 'https://www.mybloggertricks.com/2016/06/recent-posts-gadget.html?showCommentx3d1466006564643#c1731862875857510926', '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 15, 2016, 9:02:00 PM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '4868049734208593683', 'body': 'Thanks for that widget! I really like this website!x3cbr /x3eI have added this widget to my blog and it works very well. But I also had the fancy ribbon backgrounds widget that does not want to work on this recent-posts gadget title. I did add the HTML codes of the ribbon to this title but, I donx26#39;t know why, itx26#39;s not working... How can I correct that problem? Thanks for your help!', 'timestamp': '1466516326721', 'permalink': 'https://www.mybloggertricks.com/2016/06/recent-posts-gadget.html?showCommentx3d1466516326721#c4868049734208593683', 'author': 'name': 'Yolaine Lx26#39;apprentie romancière', 'avatarUrl': '//lh3.googleusercontent.com/-w3gRqlKHpFs/AAAAAAAAAAI/AAAAAAAAAEk/244lHQXbbJI/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/07411799561753604394', 'displayTime': 'Jun 21, 2016, 6:38:00 PM', 'deleteclass': 'item-control blog-admin pid-5862760', 'id': '7427313604950447322', 'body': 'thank you', 'timestamp': '1466688452005', 'permalink': 'https://www.mybloggertricks.com/2016/06/recent-posts-gadget.html?showCommentx3d1466688452005#c7427313604950447322', 'author': 'name': 'Pioneer Clup', 'avatarUrl': '//lh3.googleusercontent.com/-1aaXfdMBc7c/AAAAAAAAAAI/AAAAAAAAIRU/YbI4LefEc3U/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/12076658072450757063', 'displayTime': 'Jun 23, 2016, 6:27:00 PM', 'deleteclass': 'item-control blog-admin pid-1040234323', 'id': '3136785941401237476', 'body': 'There is an word and paste below it but what we have to search', 'timestamp': '1466764054364', 'permalink': 'https://www.mybloggertricks.com/2016/06/recent-posts-gadget.html?showCommentx3d1466764054364#c3136785941401237476', 'author': 'name': 'Kamran Tahir', 'avatarUrl': '//lh6.googleusercontent.com/-KPMprZaXTWg/AAAAAAAAAAI/AAAAAAAAAIs/vQhXgzBbWUI/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/07951016049452728955', 'displayTime': 'Jun 24, 2016, 3:27:00 PM', 'deleteclass': 'item-control blog-admin pid-824196982', 'id': '7334478792272235271', 'body': 'It is great, but only works with your own domain. when I replace your domain with mine(lovefortechnology.net) is not working. What could be wrong?', 'timestamp': '1466954753160', 'permalink': 'https://www.mybloggertricks.com/2016/06/recent-posts-gadget.html?showCommentx3d1466954753160#c7334478792272235271', 'author': 'name': 'evaggelos evaggelou', 'avatarUrl': '//lh3.googleusercontent.com/-5n9_PDNEJmU/AAAAAAAAAAI/AAAAAAAAS9o/0WHX2ak1ivA/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/08323934542398485227', 'displayTime': 'Jun 26, 2016, 8:25:00 PM', 'deleteclass': 'item-control blog-admin pid-729047986', 'id': '3045294121727844838', 'body': 'Mοhammad, I found the mistake so all ok,does it work wonderfully', 'timestamp': '1466957641252', 'permalink': 'https://www.mybloggertricks.com/2016/06/recent-posts-gadget.html?showCommentx3d1466957641252#c3045294121727844838', 'author': 'name': 'evaggelos evaggelou', 'avatarUrl': '//lh3.googleusercontent.com/-5n9_PDNEJmU/AAAAAAAAAAI/AAAAAAAAS9o/0WHX2ak1ivA/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/08323934542398485227', 'displayTime': 'Jun 26, 2016, 9:14:00 PM', 'deleteclass': 'item-control blog-admin pid-729047986', 'id': '8602219498615188184', 'parentId': '3045294121727844838', 'body': 'I am glad you figured it out x3d)', 'timestamp': '1466982104257', 'permalink': 'https://www.mybloggertricks.com/2016/06/recent-posts-gadget.html?showCommentx3d1466982104257#c8602219498615188184', '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 27, 2016, 4:01:00 AM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '633093194282177863', 'parentId': '3136785941401237476', 'body': 'just added the missing word. Thank you Kamran for reminding x3d)', 'timestamp': '1466982140304', 'permalink': 'https://www.mybloggertricks.com/2016/06/recent-posts-gadget.html?showCommentx3d1466982140304#c633093194282177863', '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 27, 2016, 4:02:00 AM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '4352433495649058116', 'parentId': '4868049734208593683', 'body': 'Can you share the URL of the page where you have added this widget?x3cbr /x3ex3cbr /x3eMay be you have not picked the correct widget ID', 'timestamp': '1466982231022', 'permalink': 'https://www.mybloggertricks.com/2016/06/recent-posts-gadget.html?showCommentx3d1466982231022#c4352433495649058116', '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 27, 2016, 4:03:00 AM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '5339415031069450063', 'parentId': '6202460707330498406', 'body': 'thank you buddy! ', 'timestamp': '1466982264551', 'permalink': 'https://www.mybloggertricks.com/2016/06/recent-posts-gadget.html?showCommentx3d1466982264551#c5339415031069450063', '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 27, 2016, 4:04:00 AM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '1097276817726633387', 'parentId': '4868049734208593683', 'body': 'Sure, it is: http://dansmatetedapprentie.blogspot.comx3cbr /x3eThe title of the widget is x26quot;Articles récentsx26quot; in the right column. I have modified the ribbon. I think I have the right widget ID (HTML3). And I also add the second section of the codes (with x26quot;spanx26quot;) in the HTML3 widget section.x3cbr /x3ex3cbr /x3eMaybe I did something wrong adding the recent-post widget? But what? x3cbr /x3eThanks again for your help!', 'timestamp': '1466985850183', 'permalink': 'https://www.mybloggertricks.com/2016/06/recent-posts-gadget.html?showCommentx3d1466985850183#c1097276817726633387', 'author': 'name': 'Yolaine Lx26#39;apprentie romancière', 'avatarUrl': '//lh3.googleusercontent.com/-w3gRqlKHpFs/AAAAAAAAAAI/AAAAAAAAAEk/244lHQXbbJI/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/07411799561753604394', 'displayTime': 'Jun 27, 2016, 5:04:00 AM', 'deleteclass': 'item-control blog-admin pid-5862760', 'id': '1124331421639697322', 'body': 'how can i make those posts appearing in horizontal instead of vertical? ', 'timestamp': '1467293158895', 'permalink': 'https://www.mybloggertricks.com/2016/06/recent-posts-gadget.html?showCommentx3d1467293158895#c1124331421639697322', 'author': 'name': 'Samara Ssr', 'avatarUrl': '//lh6.googleusercontent.com/-sb4fcpKDhKU/AAAAAAAAAAI/AAAAAAAAEFc/snT_VdtrpqA/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11165849465283402682', 'displayTime': 'Jun 30, 2016, 6:25:00 PM', 'deleteclass': 'item-control blog-admin pid-356484052', 'id': '4141358901071809172', 'parentId': '1124331421639697322', 'body': 'Edit the style lists by customizing node0, node1 and so on', 'timestamp': '1467632821429', 'permalink': 'https://www.mybloggertricks.com/2016/06/recent-posts-gadget.html?showCommentx3d1467632821429#c4141358901071809172', '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': 'Jul 4, 2016, 4:47:00 PM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '8909386829670338185', 'body': 'what if I am using the disqus comment? How will I able to show the number of comments? disqus uses this code: http://x26#39; + disqus_shortname + x26#39;.disqus.com/count.js I hope you can help me. thanks very much', 'timestamp': '1468039160411', 'permalink': 'https://www.mybloggertricks.com/2016/06/recent-posts-gadget.html?showCommentx3d1468039160411#c8909386829670338185', 'author': 'name': 'Jheff Pinoy', 'avatarUrl': '//lh4.googleusercontent.com/-RMPBF4zNlmI/AAAAAAAAAAI/AAAAAAAAAss/D-DBnebgYms/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/00455990651128896798', 'displayTime': 'Jul 9, 2016, 9:39:00 AM', 'deleteclass': 'item-control blog-admin pid-898408104', 'id': '628011188789001147', 'body': 'i really appreciate your tutorial...x3cbr /x3eyou and your team are very clever guys....', 'timestamp': '1468346079699', 'permalink': 'https://www.mybloggertricks.com/2016/06/recent-posts-gadget.html?showCommentx3d1468346079699#c628011188789001147', 'author': 'name': 'Dtc Web', 'avatarUrl': '//lh3.googleusercontent.com/-eOQzfTz6MEo/AAAAAAAAAAI/AAAAAAAAABo/zr0NzlWcIJQ/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/17749452579457194735', 'displayTime': 'Jul 12, 2016, 10:54:00 PM', 'deleteclass': 'item-control blog-admin pid-2062674264', 'id': '4330840343256043483', 'body': 'There is an word and paste below it but what we have to searchx3cbr /x3ex3ca hrefx3dx22http://conkienvang.com/cong-trinh-xay-dung/tu-van-thiet-ke-biet-thu-dep.htmlx22 relx3dx22nofollowx22x3ethiết kế biệt thự đẹpx3c/ax3ex3cbr /x3e', 'timestamp': '1468825742455', 'permalink': 'https://www.mybloggertricks.com/2016/06/recent-posts-gadget.html?showCommentx3d1468825742455#c4330840343256043483', 'author': 'name': 'shinichi kudo', 'avatarUrl': '//lh3.googleusercontent.com/-WfCQcrE95zI/AAAAAAAAAAI/AAAAAAAAAOM/d4GJW9t6JJg/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/03218920451733295976', 'displayTime': 'Jul 18, 2016, 12:09:00 PM', 'deleteclass': 'item-control blog-admin pid-1744514494', 'id': '5235626830992206424', 'body': 'I want to display the widget with double columns but I didnx26#39;t understand how I use node function to get that style. Please describe or just give me a demo ', 'timestamp': '1471965503499', 'permalink': 'https://www.mybloggertricks.com/2016/06/recent-posts-gadget.html?showCommentx3d1471965503499#c5235626830992206424', 'author': 'name': 'Maher Afrasiab', 'avatarUrl': '//lh5.googleusercontent.com/-Ny_v7lvs7ng/AAAAAAAAAAI/AAAAAAAALSU/3P2WvYs6AVQ/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/12057366759980641654', 'displayTime': 'Aug 23, 2016, 8:18:00 PM', 'deleteclass': 'item-control blog-admin pid-324552608', 'id': '8585997636264649700', 'body': 'Nice one x3cbr /x3ex3cbr /x3eSir please can you post an author box tutorial just like the one on your blog footer. But do it in a different style so that the picture will be above the words not on sidebar.', 'timestamp': '1476815994751', 'permalink': 'https://www.mybloggertricks.com/2016/06/recent-posts-gadget.html?showCommentx3d1476815994751#c8585997636264649700', 'author': 'name': 'Henry emmanuel', 'avatarUrl': '//lh6.googleusercontent.com/-5IGckOpILQs/AAAAAAAAAAI/AAAAAAAABB4/1ks5Ek7pdbw/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/03102582460658720695', 'displayTime': 'Oct 18, 2016, 11:39:00 PM', 'deleteclass': 'item-control blog-admin pid-1852975567', 'id': '7321473263796418354', 'body': 'Mohammed Youx26#39;re awesome, I come here all the time, at least once a day. The web can get lonely after while :-) just wanted to say thanks for making my dream of owning a blog a reality. Thank you!', 'timestamp': '1477024571164', 'permalink': 'https://www.mybloggertricks.com/2016/06/recent-posts-gadget.html?showCommentx3d1477024571164#c7321473263796418354', 'author': 'name': 'LALA FAME', 'avatarUrl': '//lh5.googleusercontent.com/-BFh-VwqFfW0/AAAAAAAAAAI/AAAAAAAAAFs/RpNLwJEeGNo/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/05400095657899346691', 'displayTime': 'Oct 21, 2016, 9:36:00 AM', 'deleteclass': 'item-control blog-admin pid-910650779', 'id': '6741642708825556076', 'parentId': '7321473263796418354', 'body': 'Awesome are people like you who keep us alive. Thank you for being there! :)', 'timestamp': '1477132866021', 'permalink': 'https://www.mybloggertricks.com/2016/06/recent-posts-gadget.html?showCommentx3d1477132866021#c6741642708825556076', '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': 'Oct 22, 2016, 3:41:00 PM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '1117623659877424869', 'body': 'assalamualaikum Mohammad,x3cbr /x3ex3cbr /x3ei really like this, but how about making random post? ', 'timestamp': '1478430061859', 'permalink': 'https://www.mybloggertricks.com/2016/06/recent-posts-gadget.html?showCommentx3d1478430061859#c1117623659877424869', 'author': 'name': 'Sheriff Dol', 'avatarUrl': '//lh4.googleusercontent.com/-0pB2zVgbRgk/AAAAAAAAAAI/AAAAAAAAA-c/MwfNUX_z49w/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11760617100624737775', 'displayTime': 'Nov 6, 2016, 4:01:00 PM', 'deleteclass': 'item-control blog-admin pid-2115861415', 'id': '2677352058712061154', 'parentId': '3910302088383550303', 'body': 'Hi, we are waiting for this: ¿Can I apply different styles to the different widget on the same page?x3cbr /x3ex3cbr /x3eI canx26#39;t do that, all my widgets in the same page have the same class: x26quot;mbtlistx26quot; and diferent node, but the goal is the class. Please help, thanks!', 'timestamp': '1481346988484', 'permalink': 'https://www.mybloggertricks.com/2016/06/recent-posts-gadget.html?showCommentx3d1481346988484#c2677352058712061154', 'author': 'name': 'Giancarlo El Monky', 'avatarUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLYtGQT5qa3CCkYUq3K9TjPrUpOuvOqoCWrKKRMLOuPoHwQn6zEt10L06NyVJl6hjWBrtZ07GhfZlWD0jeg3Gm759qwUbGL-J5Z2Qtkfqwk_gC7OsxYlRPMuQj9jzQ5T0KPnQbmClzvOKy/s35/423113_328032257244476_949131317_n.jpg', 'profileUrl': 'https://www.blogger.com/profile/10024115841482407474', 'displayTime': 'Dec 10, 2016, 10:16:00 AM', 'deleteclass': 'item-control blog-admin pid-541120012', 'id': '647668179584947665', 'body': 'Awesome. Just one thing, can I set title below image? Cheers!', 'timestamp': '1484094011016', 'permalink': 'https://www.mybloggertricks.com/2016/06/recent-posts-gadget.html?showCommentx3d1484094011016#c647668179584947665', 'author': 'name': 'Jorge Diaz', 'avatarUrl': '//lh4.googleusercontent.com/-26VPZJnnwo8/AAAAAAAAAAI/AAAAAAAAHWQ/Eam4u101lFk/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/07024094642956166042', 'displayTime': 'Jan 11, 2017, 5:20:00 AM', 'deleteclass': 'item-control blog-admin pid-1481554576', 'id': '3582129052271387193', 'body': 'i was just looking for this, very nice', 'timestamp': '1488418159577', 'permalink': 'https://www.mybloggertricks.com/2016/06/recent-posts-gadget.html?showCommentx3d1488418159577#c3582129052271387193', 'author': 'name': 'mininely', 'avatarUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrfv827fcAmsZpbaSGEcx0arkdcAf6cvolg7lO0JwVj33FfRxBnk5pkG1BVoTWIGIzNvlD7kKcPHB5deuuzjoF_vQG6NtDH7CEF4JuD4wVRMhAJvGp-jj1egFmg5mclSsh-MY6pE7qzzA/s35/IMG-20160502-00226_1463075587189_n.jpg', 'profileUrl': 'https://www.blogger.com/profile/16446828012501565957', 'displayTime': 'Mar 2, 2017, 6:29:00 AM', 'deleteclass': 'item-control blog-admin pid-1415915764', 'id': '7192279920340808201', 'body': 'HI Mohammad I am your fan.. really too good stuffs. x3cbr /x3ei want to make this recent post horizontal look on desktop and verticle on mobile - how i do ?', 'timestamp': '1496389501583', 'permalink': 'https://www.mybloggertricks.com/2016/06/recent-posts-gadget.html?showCommentx3d1496389501583#c7192279920340808201', 'author': 'name': 'dhananjay sapkal', 'avatarUrl': '//lh4.googleusercontent.com/--2IlRSLA9xg/AAAAAAAAAAI/AAAAAAAABGs/gCgavuJuYkM/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/04537790427517400666', 'displayTime': 'Jun 2, 2017, 12:45:00 PM', 'deleteclass': 'item-control blog-admin pid-1417219007'];
var msgs = 'loadMore': 'Load more...', 'loading': 'Loading...', 'loaded': 'No more!', 'addComment': 'Add comment', 'reply': 'Reply', 'delete': 'Delete';
var config = 'blogId': '8193278726666811965', 'postId': '3677129591231416517', 'feed': 'https://www.mybloggertricks.com/feeds/3677129591231416517/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
Lucas CarmonaJun 14, 2016, 7:02:00 PM
¿Can I apply different styles to the different widget on the same page?
ReplyDelete
Replies
Mohammad Mustafa AhmedzaiJun 15, 2016, 9:02:00 PM
Yes for sure!
You just need to create different CSS Classes for each widget
A better approach is to use Ajax which we will share in our coming tutorials
Delete
Giancarlo El MonkyDec 10, 2016, 10:16:00 AM
Hi, we are waiting for this: ¿Can I apply different styles to the different widget on the same page?
I can't do that, all my widgets in the same page have the same class: "mbtlist" and diferent node, but the goal is the class. Please help, thanks!
Delete
Tips4TricxBlogspotJun 14, 2016, 8:19:00 PM
wow what a great post Muhammad Mustafa
thumbs up for you
really appreciate your work shared on linkedin
ReplyDelete
Replies
Mohammad Mustafa AhmedzaiJun 27, 2016, 4:04:00 AM
thank you buddy!
Delete
Khalil Ahmad YaseenzaiJun 15, 2016, 6:57:00 AM
Awesome Sir, Thanks for Sharing this Great Widget...
ReplyDelete
StuartJun 15, 2016, 9:37:00 AM
nice post
ReplyDelete
Gaurav DudejaJun 15, 2016, 5:46:00 PM
i am exicted to try this new gadgets .thanks for sharing
ReplyDelete
Satish KushwahaJun 15, 2016, 5:49:00 PM
Awesome widget ..thanks for sharing
ReplyDelete
Yolaine L'apprentie romancièreJun 21, 2016, 6:38:00 PM
Thanks for that widget! I really like this website!
I have added this widget to my blog and it works very well. But I also had the fancy ribbon backgrounds widget that does not want to work on this recent-posts gadget title. I did add the HTML codes of the ribbon to this title but, I don't know why, it's not working... How can I correct that problem? Thanks for your help!
ReplyDelete
Replies
Mohammad Mustafa AhmedzaiJun 27, 2016, 4:03:00 AM
Can you share the URL of the page where you have added this widget?
May be you have not picked the correct widget ID
Delete
Yolaine L'apprentie romancièreJun 27, 2016, 5:04:00 AM
Sure, it is: http://dansmatetedapprentie.blogspot.com
The title of the widget is "Articles récents" in the right column. I have modified the ribbon. I think I have the right widget ID (HTML3). And I also add the second section of the codes (with "span") in the HTML3 widget section.
Maybe I did something wrong adding the recent-post widget? But what?
Thanks again for your help!
Delete
Pioneer ClupJun 23, 2016, 6:27:00 PM
thank you
ReplyDelete
Kamran TahirJun 24, 2016, 3:27:00 PM
There is an word and paste below it but what we have to search
ReplyDelete
Replies
Mohammad Mustafa AhmedzaiJun 27, 2016, 4:02:00 AM
just added the missing word. Thank you Kamran for reminding =)
Delete
evaggelos evaggelouJun 26, 2016, 8:25:00 PM
It is great, but only works with your own domain. when I replace your domain with mine(lovefortechnology.net) is not working. What could be wrong?
ReplyDelete
evaggelos evaggelouJun 26, 2016, 9:14:00 PM
Mοhammad, I found the mistake so all ok,does it work wonderfully
ReplyDelete
Replies
Mohammad Mustafa AhmedzaiJun 27, 2016, 4:01:00 AM
I am glad you figured it out =)
Delete
Samara SsrJun 30, 2016, 6:25:00 PM
how can i make those posts appearing in horizontal instead of vertical?
ReplyDelete
Replies
Mohammad Mustafa AhmedzaiJul 4, 2016, 4:47:00 PM
Edit the style lists by customizing node0, node1 and so on
Delete
Jheff PinoyJul 9, 2016, 9:39:00 AM
what if I am using the disqus comment? How will I able to show the number of comments? disqus uses this code: http://' + disqus_shortname + '.disqus.com/count.js I hope you can help me. thanks very much
ReplyDelete
Dtc WebJul 12, 2016, 10:54:00 PM
i really appreciate your tutorial...
you and your team are very clever guys....
ReplyDelete
shinichi kudoJul 18, 2016, 12:09:00 PM
There is an word and paste below it but what we have to search
thiết kế biệt thự đẹp
ReplyDelete
Maher AfrasiabAug 23, 2016, 8:18:00 PM
I want to display the widget with double columns but I didn't understand how I use node function to get that style. Please describe or just give me a demo
ReplyDelete
Henry emmanuelOct 18, 2016, 11:39:00 PM
Nice one
Sir please can you post an author box tutorial just like the one on your blog footer. But do it in a different style so that the picture will be above the words not on sidebar.
ReplyDelete
LALA FAMEOct 21, 2016, 9:36:00 AM
Mohammed You're awesome, I come here all the time, at least once a day. The web can get lonely after while :-) just wanted to say thanks for making my dream of owning a blog a reality. Thank you!
ReplyDelete
Replies
Mohammad Mustafa AhmedzaiOct 22, 2016, 3:41:00 PM
Awesome are people like you who keep us alive. Thank you for being there! :)
Delete
Sheriff DolNov 6, 2016, 4:01:00 PM
assalamualaikum Mohammad,
i really like this, but how about making random post?
ReplyDelete
Jorge DiazJan 11, 2017, 5:20:00 AM
Awesome. Just one thing, can I set title below image? Cheers!
ReplyDelete
mininelyMar 2, 2017, 6:29:00 AM
i was just looking for this, very nice
ReplyDelete
dhananjay sapkalJun 2, 2017, 12:45:00 PM
HI Mohammad I am your fan.. really too good stuffs.
i want to make this recent post horizontal look on desktop and verticle on mobile - how i do ?
ReplyDelete