Recent Posts Gadget With Avatar, Animated Thumbnails & Labels





31
comments





PLEASE NOTE:



We have Zero Tolerance to Spam.

Chessy Comments and Comments with
'Links'
will be deleted immediately upon our review.



(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






  1. Lucas CarmonaJun 14, 2016, 7:02:00 PM

    ¿Can I apply different styles to the different widget on the same page?


    ReplyDelete


    Replies





    1. 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








    2. 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





    3. Reply









  2. 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




    1. Mohammad Mustafa AhmedzaiJun 27, 2016, 4:04:00 AM

      thank you buddy!


      Delete




    2. Reply









  3. Khalil Ahmad YaseenzaiJun 15, 2016, 6:57:00 AM

    Awesome Sir, Thanks for Sharing this Great Widget...


    ReplyDelete








  4. StuartJun 15, 2016, 9:37:00 AM

    nice post


    ReplyDelete








  5. Gaurav DudejaJun 15, 2016, 5:46:00 PM

    i am exicted to try this new gadgets .thanks for sharing


    ReplyDelete








  6. Satish KushwahaJun 15, 2016, 5:49:00 PM

    Awesome widget ..thanks for sharing


    ReplyDelete








  7. 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





    1. 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








    2. 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





    3. Reply









  8. Pioneer ClupJun 23, 2016, 6:27:00 PM

    thank you


    ReplyDelete








  9. Kamran TahirJun 24, 2016, 3:27:00 PM

    There is an word and paste below it but what we have to search


    ReplyDelete


    Replies




    1. Mohammad Mustafa AhmedzaiJun 27, 2016, 4:02:00 AM

      just added the missing word. Thank you Kamran for reminding =)


      Delete




    2. Reply









  10. 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








  11. evaggelos evaggelouJun 26, 2016, 9:14:00 PM

    Mοhammad, I found the mistake so all ok,does it work wonderfully


    ReplyDelete


    Replies




    1. Mohammad Mustafa AhmedzaiJun 27, 2016, 4:01:00 AM

      I am glad you figured it out =)


      Delete




    2. Reply









  12. Samara SsrJun 30, 2016, 6:25:00 PM

    how can i make those posts appearing in horizontal instead of vertical?


    ReplyDelete


    Replies




    1. Mohammad Mustafa AhmedzaiJul 4, 2016, 4:47:00 PM

      Edit the style lists by customizing node0, node1 and so on


      Delete




    2. Reply









  13. 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








  14. Dtc WebJul 12, 2016, 10:54:00 PM

    i really appreciate your tutorial...
    you and your team are very clever guys....


    ReplyDelete








  15. 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








  16. 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








  17. 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








  18. 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




    1. Mohammad Mustafa AhmedzaiOct 22, 2016, 3:41:00 PM

      Awesome are people like you who keep us alive. Thank you for being there! :)


      Delete




    2. Reply









  19. Sheriff DolNov 6, 2016, 4:01:00 PM

    assalamualaikum Mohammad,

    i really like this, but how about making random post?


    ReplyDelete








  20. Jorge DiazJan 11, 2017, 5:20:00 AM

    Awesome. Just one thing, can I set title below image? Cheers!


    ReplyDelete








  21. mininelyMar 2, 2017, 6:29:00 AM

    i was just looking for this, very nice


    ReplyDelete








  22. 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




Add comment


Load more...












BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html');







這個網誌中的熱門文章

How to read a connectionString WITH PROVIDER in .NET Core?

Node.js Script on GitHub Pages or Amazon S3

Museum of Modern and Contemporary Art of Trento and Rovereto