1 2 I'm trying to develop a multiplot heatmap.2 saved to a pdf. I'm having some success but the axis labels are getting chopped off. Subplot titles are also desirable but again the labels are getting chopped. Here's my reproducible code: library(gridExtra) library(grid) library(gridGraphics) library(gplots) Col = colorRampPalette(c("red","orange","yellow", "white")) grab_grob <- function() grid.echo() grid.grab() par(cex.main=0.1, mar = c(1,1,1,1) ) #data<-read.table("heatmap.input.matrix.data.txt") lmat = rbind(c(2,3),c(4,1),c(4,1)) lwid = c(2.5,4) lhei = c(0.5,4,3) labRowvec <- c(rep(NULL, dim(matrix(runif(1000, 1,10),ncol=50))[1])) labColvec <- c(rep(NULL, dim(matrix(runif(1000, 1,10),ncol=50))[2])) gl <- lapply(1:12, function(i) heatmap.2(matrix(runif(1000, 1,10),ncol=50), dendrogram = "none",offsetRow=-0.5, offsetCol=-1,srtCol=0, density="density", lmat =lmat,lhei = l
Clash Royale CLAN TAG
(function() {
var items = ['id': '5552307633734011449', 'body': 'Good work. Thank you', 'timestamp': '1369855985209', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1369855985209#c5552307633734011449', 'author': 'name': 'Mesut AKTUN', 'avatarUrl': '//lh5.googleusercontent.com/-lDZL4skcUJM/AAAAAAAAAAI/AAAAAAAABdw/L_p36tlPGxY/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/02943909691959686588', 'displayTime': 'May 30, 2013, 12:33:00 AM', 'deleteclass': 'item-control blog-admin pid-632409591', 'id': '1213202149420201440', 'body': 'Great Work Mustafa Sir. Its really amazing. By using this trick we have resolved thats errors in our blog. Bundles of Thanks.', 'timestamp': '1369859393583', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1369859393583#c1213202149420201440', 'author': 'name': 'Hafeez Khan', 'avatarUrl': '//lh5.googleusercontent.com/-g_HuIQ1v4d4/AAAAAAAAAAI/AAAAAAAAAYA/-JMAHdH_51A/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11323379512452748145', 'displayTime': 'May 30, 2013, 1:29:00 AM', 'deleteclass': 'item-control blog-admin pid-199914664', 'id': '5638189197165735564', 'body': 'Muhammad Bhai You are always be a great man.... I learn Many Things from yourx26#39;s and today i have to much knowledge about blogging, websites, etc.. thanks alot for telling about this new Feature...', 'timestamp': '1369864198338', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1369864198338#c5638189197165735564', 'author': 'name': 'ishtiaq ahmed', 'avatarUrl': '//lh3.googleusercontent.com/-wr1HKQ4h3Io/AAAAAAAAAAI/AAAAAAAAAUg/72rRzBU6Z_A/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/15599927978581362323', 'displayTime': 'May 30, 2013, 2:49:00 AM', 'deleteclass': 'item-control blog-admin pid-1593131989', 'id': '251004653179943315', 'body': 'awesome series this will go viral in the market as it is the most asked topic now adays the responsive design. it will make our blog to take one more step towards succses thanks.', 'timestamp': '1369885496715', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1369885496715#c251004653179943315', 'author': 'name': 'Mohammad Yaseen M.Y.B', 'avatarUrl': '//lh5.googleusercontent.com/-zUONjrrkN-s/AAAAAAAAAAI/AAAAAAAAHkA/ViDre84IdBM/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/17851521163045524502', 'displayTime': 'May 30, 2013, 8:44:00 AM', 'deleteclass': 'item-control blog-admin pid-585466208', 'id': '47276617966417546', 'body': 'Awesome work bro.. That meta tag is not working because of itx26#39;s ending tag is not available. Well, Thanks for that great share.', 'timestamp': '1369887591941', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1369887591941#c47276617966417546', 'author': 'name': 'Mohammed Yaqoob', 'avatarUrl': '//lh4.googleusercontent.com/-Ay7rq3Ja6-Q/AAAAAAAAAAI/AAAAAAAAFV8/uzPECZ7fTis/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/04634049596875115394', 'displayTime': 'May 30, 2013, 9:19:00 AM', 'deleteclass': 'item-control blog-admin pid-994638529', 'id': '8398037269734597167', 'body': 'I am using a responsive type of template. even i can edit font size color width etc. in blogger template editor. But I want make some major changes in template. can you Help me? http://www.windiaw.com/x3cbr /x3e', 'timestamp': '1369897463833', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1369897463833#c8398037269734597167', 'author': 'name': 'seb Powen', 'avatarUrl': '//lh3.googleusercontent.com/--aYMFNW_wB0/AAAAAAAAAAI/AAAAAAAACpk/bLEOoDYHNZ8/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/00784123029143200405', 'displayTime': 'May 30, 2013, 12:04:00 PM', 'deleteclass': 'item-control blog-admin pid-1171682335', 'id': '4288793321924887806', 'body': 'Nice Tutorial Mohammad. Its unbelievable that Big Blogs like TechCrunch still not implemented Responsive design. In Wordpress, there are many Responsive Themes and ix26#39;ve also used some responsive Blogger Templates and never tried creating one. And one thing that i wanted to ask is why we need ti use em instead of Pixels?x3cbr /x3ex3cbr /x3eWith Regards.', 'timestamp': '1369921477926', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1369921477926#c4288793321924887806', 'author': 'name': 'Gurjit Singh Khehra', 'avatarUrl': '//lh3.googleusercontent.com/-WiRgBujUBng/AAAAAAAAAAI/AAAAAAAACDE/dHZobIZjnmE/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/02154445390498245223', 'displayTime': 'May 30, 2013, 6:44:00 PM', 'deleteclass': 'item-control blog-admin pid-754567770', 'id': '7047928287847462231', 'body': 'How to make stylesheets...', 'timestamp': '1369922623268', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1369922623268#c7047928287847462231', 'author': 'name': 'Ramakrishna Reddy', 'avatarUrl': '//lh4.googleusercontent.com/-5VA81wRutL8/AAAAAAAAAAI/AAAAAAAAAN0/7ywDiwf9g_4/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/16668742914929666016', 'displayTime': 'May 30, 2013, 7:03:00 PM', 'deleteclass': 'item-control blog-admin pid-556825560', 'id': '5763250430576162659', 'body': 'These is incredible! Thanks so much bro Muhammad for sharing these awesome tricks.', 'timestamp': '1369922796941', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1369922796941#c5763250430576162659', 'author': 'name': 'Anonymous', 'avatarUrl': '//img1.blogblog.com/img/blank.gif', 'profileUrl': '', 'displayTime': 'May 30, 2013, 7:06:00 PM', 'deleteclass': 'item-control blog-admin pid-350748990', 'id': '719119749400438400', 'body': 'I love Responsive Templates,Thanks for Sharing the Awesome info :)x3cbr /x3eifti!x3cbr /x3e', 'timestamp': '1369940057988', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1369940057988#c719119749400438400', 'author': 'name': 'Iftikhar uddin', 'avatarUrl': '//lh3.googleusercontent.com/-ziNoYVZUywo/AAAAAAAAAAI/AAAAAAAAAFs/_KCizKAjWp0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/06766085314434618740', 'displayTime': 'May 30, 2013, 11:54:00 PM', 'deleteclass': 'item-control blog-admin pid-485400966', 'id': '2302510049888158573', 'body': 'error parse xml when add meta tag i think you missed / closing', 'timestamp': '1369995901873', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1369995901873#c2302510049888158573', 'author': 'name': 'Anonymous', 'avatarUrl': '//img1.blogblog.com/img/blank.gif', 'profileUrl': '', 'displayTime': 'May 31, 2013, 3:25:00 PM', 'deleteclass': 'item-control blog-admin pid-806717999', 'id': '3968360238289522016', 'body': '@x3ca hrefx3dx22#c2302510049888158573x22 relx3dx22nofollowx22x3esubaharan nithiyananthanx3c/ax3e Brother there is an mistake done by Mohammad Bro. Actually, That meta tag is not containing ending tag so here is working code below : x3cbr /x3ex3cbr /x3ex26lt;meta namex3dx26quot;viewportx26quot; contentx3dx26quot;widthx3ddevice-width, initial-scalex3d1, maximum-scalex3d1x26quot;/x26gt;x3cbr /x3ex3cbr /x3eHope this will help. Peace', 'timestamp': '1369996921261', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1369996921261#c3968360238289522016', 'author': 'name': 'Mohammed Yaqoob', 'avatarUrl': '//lh4.googleusercontent.com/-Ay7rq3Ja6-Q/AAAAAAAAAAI/AAAAAAAAFV8/uzPECZ7fTis/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/04634049596875115394', 'displayTime': 'May 31, 2013, 3:42:00 PM', 'deleteclass': 'item-control blog-admin pid-994638529', 'id': '4249089888475124249', 'body': 'sir i want to know is there any thing we need to write other than the CSS code mentioned by you on the top? Can i copy and paste the above mentioned code in my blog http://www.webcodeexpert.com/ ? will it work?', 'timestamp': '1370004102377', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1370004102377#c4249089888475124249', 'author': 'name': 'Lalit Raghuvanshi', 'avatarUrl': '//lh6.googleusercontent.com/-tK3Pa3XegrM/AAAAAAAAAAI/AAAAAAAAAQU/fkXlSxsvWuY/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/08683129469402353148', 'displayTime': 'May 31, 2013, 5:41:00 PM', 'deleteclass': 'item-control blog-admin pid-1354946118', 'id': '447393067998422397', 'body': 'have been waiting for this from long time, thank', 'timestamp': '1370021922063', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1370021922063#c447393067998422397', 'author': 'name': 'yateendra', 'avatarUrl': '//lh3.googleusercontent.com/zFdxGE77vvD2w5xHy6jkVuElKv-U9_9qLkRYK8OnbDeJPtjSZ82UPq5w6hJ-SAx3ds35', 'profileUrl': 'https://www.blogger.com/profile/09258589851280766991', 'displayTime': 'May 31, 2013, 10:38:00 PM', 'deleteclass': 'item-control blog-admin pid-1436713979', 'id': '6151868909200338072', 'body': 'Hello Mohammed bro, x3cbr /x3ewe are Expecting a lot of new templates with some free and many of those for licensed sales :)x3cbr /x3e', 'timestamp': '1370094580346', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1370094580346#c6151868909200338072', 'author': 'name': 'Parash Devkota', 'avatarUrl': '//lh5.googleusercontent.com/-kCfMAE8Cz_Y/AAAAAAAAAAI/AAAAAAAAAQ4/C_PvBDv4fwE/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/17935484054635437664', 'displayTime': 'Jun 1, 2013, 6:49:00 PM', 'deleteclass': 'item-control blog-admin pid-211472028', 'id': '5765966317914200576', 'body': 'nice onex3cbr /x3eyou are simply GrEat MusTafA', 'timestamp': '1370095497022', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1370095497022#c5765966317914200576', 'author': 'name': 'Muhammad Danish', 'avatarUrl': '//lh4.googleusercontent.com/-G7z-oQAdrFY/AAAAAAAAAAI/AAAAAAAAEbo/YKX3OYX_oOY/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/10862457813507247141', 'displayTime': 'Jun 1, 2013, 7:04:00 PM', 'deleteclass': 'item-control blog-admin pid-743679825', 'id': '7335016387898835921', 'body': 'Very nice', 'timestamp': '1370122908548', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1370122908548#c7335016387898835921', 'author': 'name': 'Solangi Naeem', 'avatarUrl': '//lh3.googleusercontent.com/-lmcsgT67j-w/AAAAAAAAAAI/AAAAAAAACGs/JugA0af_iPU/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/12796151224132193673', 'displayTime': 'Jun 2, 2013, 2:41:00 AM', 'deleteclass': 'item-control blog-admin pid-188268058', 'id': '3953354757442125556', 'body': 'Good work, my template too responsive :Dx3cbr /x3ehttp://www.ngeramput.com', 'timestamp': '1370401396650', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1370401396650#c3953354757442125556', 'author': 'name': 'Wandhy Fals', 'avatarUrl': '//lh3.googleusercontent.com/-nEWimN5183w/AAAAAAAAAAI/AAAAAAAAAB4/sDs__NRs-qI/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/08545919901455380865', 'displayTime': 'Jun 5, 2013, 8:03:00 AM', 'deleteclass': 'item-control blog-admin pid-1588367503', 'id': '1038757032035017908', 'body': 'hi...can u pls explain further in detail...where to add css?', 'timestamp': '1370452937879', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1370452937879#c1038757032035017908', 'author': 'name': 'Abhishek Karanth', 'avatarUrl': '//lh3.googleusercontent.com/zFdxGE77vvD2w5xHy6jkVuElKv-U9_9qLkRYK8OnbDeJPtjSZ82UPq5w6hJ-SAx3ds35', 'profileUrl': 'https://www.blogger.com/profile/13490190299960296085', 'displayTime': 'Jun 5, 2013, 10:22:00 PM', 'deleteclass': 'item-control blog-admin pid-851292047', 'id': '2208433042698238968', 'body': 'nice posting but very simple. me need more tutorialx3cbr /x3ethanks you :)x3cbr /x3ex3cbr /x3ehttp://aikonmedia.blogspot.com/', 'timestamp': '1370858764655', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1370858764655#c2208433042698238968', 'author': 'name': 'bagus prehan', 'avatarUrl': '//lh4.googleusercontent.com/-iioX8o-xTF0/AAAAAAAAAAI/AAAAAAAAAQ0/9SZ9MBPWQfg/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/18312072001769262055', 'displayTime': 'Jun 10, 2013, 3:06:00 PM', 'deleteclass': 'item-control blog-admin pid-818324037', 'id': '5200881768217885475', 'body': 'When you offer a tutorial why not links to all? Very annoying ', 'timestamp': '1371338351126', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1371338351126#c5200881768217885475', 'author': 'name': 'paikin', 'avatarUrl': '//lh3.googleusercontent.com/zFdxGE77vvD2w5xHy6jkVuElKv-U9_9qLkRYK8OnbDeJPtjSZ82UPq5w6hJ-SAx3ds35', 'profileUrl': 'https://www.blogger.com/profile/03430270359857568195', 'displayTime': 'Jun 16, 2013, 4:19:00 AM', 'deleteclass': 'item-control blog-admin pid-1237528885', 'id': '3617055142173636108', 'body': 'i add above coing just below head tag, another coding in css.. but still its not working..?x3cbr /x3ecan explain in brief and provide full coding ??', 'timestamp': '1371473376147', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1371473376147#c3617055142173636108', 'author': 'name': 'bLoGgEr_pRaTTs', 'avatarUrl': '//2.bp.blogspot.com/-0PQyF6YmqYw/T7tWNDFUPoI/AAAAAAAAB34/j8zKD6EqgN0/s35/Untitled-1.jpg', 'profileUrl': 'https://www.blogger.com/profile/07122359555830562953', 'displayTime': 'Jun 17, 2013, 5:49:00 PM', 'deleteclass': 'item-control blog-admin pid-1870086100', 'id': '7809392312712707910', 'body': 'Thanks sir iwas searching this info for long time..thanx to share this trick I love your site it is really toooooo good..i want to make my blog like you can you visit at least once at www.anlob.org ', 'timestamp': '1371739759869', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1371739759869#c7809392312712707910', 'author': 'name': 'sudhir mishra', 'avatarUrl': '//lh3.googleusercontent.com/-az79XK4nSvs/AAAAAAAAAAI/AAAAAAAAAG4/GaJ2bphCCOs/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/12369426602987597214', 'displayTime': 'Jun 20, 2013, 7:49:00 PM', 'deleteclass': 'item-control blog-admin pid-317758577', 'id': '8555868298995284692', 'body': 'Thnx.Help me alootx3ca hrefx3dx22http://www.hacking-articles.blogspot.comx22 relx3dx22nofollowx22x3e.x3c/ax3e', 'timestamp': '1372959452933', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1372959452933#c8555868298995284692', 'author': 'name': 'Aamir Khan', 'avatarUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGyqt5mCejoh1DUKSxpYUEseE1sO_LgtLpyjFPtwMiYy1w05lDGB3Du7PqMg0Uqa5PapZ2dwBLC3i00qAskfMn80Js3gxkL6T96CutfzrPrqch3erQFp6hDFWc2Jpqv0rz36R1KU61aYQ/s35/AAM566.jpg', 'profileUrl': 'https://www.blogger.com/profile/03034621216415458190', 'displayTime': 'Jul 4, 2013, 10:37:00 PM', 'deleteclass': 'item-control blog-admin pid-1321304983', 'id': '5732808165313514116', 'body': 'nice info.. but it doesnt do anything when it get placed in blog template.. I tried with more than 3 templates.. need more tuts with demoes n pics.. cheers', 'timestamp': '1373012418987', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1373012418987#c5732808165313514116', 'author': 'name': 'Vinayak Sutar-Patil', 'avatarUrl': '//lh4.googleusercontent.com/-uT9vW3zvYhA/AAAAAAAAAAI/AAAAAAAAAhw/J2MD4zQQxB0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/09038002229167069974', 'displayTime': 'Jul 5, 2013, 1:20:00 PM', 'deleteclass': 'item-control blog-admin pid-267660201', 'id': '2838802897122466338', 'body': 'Thanks nice tutorial', 'timestamp': '1373311315505', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1373311315505#c2838802897122466338', 'author': 'name': 'Ponmalar S', 'avatarUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNp1xBZLcJMFe_6ydEz2z4K1P1VIFwcs5RPO7RzSVYwobxtG42ubSofO8KKYClcKwzXCGsgeScD9D6V6mYSZAAKzhwpShnMzgD2fRHKCwYE5P0qCcYSLUf4WWCHP-YAsmChBUVrwzAqyE/s35/malar.jpg', 'profileUrl': 'https://www.blogger.com/profile/04898303698495150506', 'displayTime': 'Jul 9, 2013, 12:21:00 AM', 'deleteclass': 'item-control blog-admin pid-2029057255', 'id': '1225737025520721151', 'body': 'informative tutorial to generate more traffic :), Thnx Mustafa', 'timestamp': '1378971057640', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1378971057640#c1225737025520721151', 'author': 'name': 'IDhelp UK', 'avatarUrl': '//lh3.googleusercontent.com/zFdxGE77vvD2w5xHy6jkVuElKv-U9_9qLkRYK8OnbDeJPtjSZ82UPq5w6hJ-SAx3ds35', 'profileUrl': 'https://www.blogger.com/profile/00058734266879705743', 'displayTime': 'Sep 12, 2013, 12:30:00 PM', 'deleteclass': 'item-control blog-admin pid-3675993', 'id': '8486366949148551922', 'body': 'where to add the css in the original template or in the advanced css.Please help me with this :)', 'timestamp': '1384860246016', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1384860246016#c8486366949148551922', 'author': 'name': 'Yashwanth Korla', 'avatarUrl': '//lh5.googleusercontent.com/-K1pbViikVXc/AAAAAAAAAAI/AAAAAAAAAH4/ghdLXfCzN_I/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/14107103326092844393', 'displayTime': 'Nov 19, 2013, 4:24:00 PM', 'deleteclass': 'item-control blog-admin pid-288877536', 'id': '5010971465056650866', 'body': ' Mohammad sir thank you soo much, what you have posted that i was really looking for..!! x3cbr /x3e', 'timestamp': '1427603524238', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1427603524238#c5010971465056650866', 'author': 'name': 'ABHIJIT RABHA', 'avatarUrl': '//lh6.googleusercontent.com/-IAoZ6kPpEpM/AAAAAAAAAAI/AAAAAAAAABQ/71cfNYc_SOk/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/18135718704678506547', 'displayTime': 'Mar 29, 2015, 9:32:00 AM', 'deleteclass': 'item-control blog-admin pid-1078227297', 'id': '4206831854839570117', 'parentId': '8398037269734597167', 'body': 'We have just started publishing remaining parts of this tutorial series please follow up for all your answers :)', 'timestamp': '1436013421593', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1436013421593#c4206831854839570117', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAJZA/Yfbvp1almlI/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'Jul 4, 2015, 5:37:00 PM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '3858972832864666789', 'body': 'your blog has helped me a lot. thanks alot.', 'timestamp': '1436013574161', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1436013574161#c3858972832864666789', 'author': 'name': 'Precious Joseph', 'avatarUrl': '//lh6.googleusercontent.com/-qnzkxxtebHo/AAAAAAAAAAI/AAAAAAAAAH4/JahMFocomdU/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/06944881241302880121', 'displayTime': 'Jul 4, 2015, 5:39:00 PM', 'deleteclass': 'item-control blog-admin pid-1424713362', 'id': '6638301193185996977', 'parentId': '47276617966417546', 'body': 'Bro Why Are You Not Blogging? I Was A Big Fan Of Blogger Yard But Now No Posts Are Written There? Why?x3cbr /x3ex3cbr /x3eBTW Great Article For Newbie Bloggers Mohammad :)', 'timestamp': '1436076775979', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1436076775979#c6638301193185996977', 'author': 'name': 'Nitishk Gupta', 'avatarUrl': '//lh3.googleusercontent.com/-y4qhPQl678k/AAAAAAAAAAI/AAAAAAAAA1I/E043Xkn1GyE/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/12490880556770915914', 'displayTime': 'Jul 5, 2015, 11:12:00 AM', 'deleteclass': 'item-control blog-admin pid-1389858865', 'id': '6501725131730942271', 'body': 'Mohammd Bhaix3cbr /x3ex3cbr /x3eI have tried the steps on by blog and not get it done. Can you please assist me to fix the issue on my site http://www.munnartourguide.com/x3cbr /x3ex3cbr /x3eWaiting for your response. ', 'timestamp': '1436110023706', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1436110023706#c6501725131730942271', 'author': 'name': 'Jothis @ Munnar Tour Guide', 'avatarUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkR6dAkMqPAy9WA1TbcXnIHchrTbHVqWAhOu-j0ypN3UUMVvIV4N4i7h9tQXDXSfc4cV1XmTTzPqG6c7O9zrqp4tZuCRBqCx1CyVPT8OKz_n3CDycq-oddg-1SVs2FjjQDCp39Y17zmOg/s35/10178294_10203849246690473_200330572_n.jpg', 'profileUrl': 'https://www.blogger.com/profile/16668301173504535048', 'displayTime': 'Jul 5, 2015, 8:27:00 PM', 'deleteclass': 'item-control blog-admin pid-2046892904', 'id': '3129259937058571567', 'parentId': '6501725131730942271', 'body': 'x3cbx3eNone of these codes will make your template responsive x3c/bx3eunless you we publish all parts of this tutorial series. The above post is for understanding the concept only. You may kindly follow the coming Parts which are publishing one by one this month. Once you have read all parts you may then start implementing the codes', 'timestamp': '1436268867832', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1436268867832#c3129259937058571567', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAJZA/Yfbvp1almlI/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'Jul 7, 2015, 4:34:00 PM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '3480608404263240938', 'body': 'Hi, thanks for the post.x3cbr /x3eCan you tell me how do I add responsive ads to my mobile version of the site ? Thex3cbr /x3e current ad banners are quite large and look ugly in the mobile screen. Any alternate for ads ?', 'timestamp': '1438713602410', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1438713602410#c3480608404263240938', 'author': 'name': 'Akhil kapoor', 'avatarUrl': '//lh4.googleusercontent.com/-nG5Vm2WKgks/AAAAAAAAAAI/AAAAAAAAAGA/VTyrI4kw2-E/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/16766303588669536405', 'displayTime': 'Aug 4, 2015, 11:40:00 PM', 'deleteclass': 'item-control blog-admin pid-180048712', 'id': '5609935892757739188', 'body': 'hai sir i have doubt x3cbr /x3eIn google search instead my blogs direct link, my google plus profile is appearing plz tell me how to change it', 'timestamp': '1439225518501', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1439225518501#c5609935892757739188', 'author': 'name': 'lakshmi chinni', 'avatarUrl': '//lh3.googleusercontent.com/zFdxGE77vvD2w5xHy6jkVuElKv-U9_9qLkRYK8OnbDeJPtjSZ82UPq5w6hJ-SAx3ds35', 'profileUrl': 'https://www.blogger.com/profile/17932972249596946484', 'displayTime': 'Aug 10, 2015, 9:51:00 PM', 'deleteclass': 'item-control blog-admin pid-1350252130', 'id': '3768089469442060143', 'body': 'admin kya ap ke blog ka ye mojoda theme aur template koi aur use kr skta hai to kesy plz repy', 'timestamp': '1440575017870', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1440575017870#c3768089469442060143', 'author': 'name': 'Waqas Gujjar', 'avatarUrl': '//lh6.googleusercontent.com/-lwE_WFF_12M/AAAAAAAAAAI/AAAAAAAAAEE/WajHgsVUJ00/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/03512900967485523081', 'displayTime': 'Aug 26, 2015, 12:43:00 PM', 'deleteclass': 'item-control blog-admin pid-821232901', 'id': '8959876256279781521', 'parentId': '3768089469442060143', 'body': 'Hello Waqas !x3cbr /x3ewaise to aapka question Admin Sir se h but muje lagta h ki m aapki help kr sakta hu to Admin (Mohammad) Sir se sorry bolte huye m aapka reply kr raha hu.x3cbr /x3e Ha Theme or template use ho sakta h but iske liye aapko jo b template pasand h, us Template ki XML file le kr apne blog me upload karni hogi.x3cbr /x3e For example: aapko is blog ka template apne blog me use karna h to aapko ye template lekr apne blog me upload karna hoga.x3cbr /x3e online store se Khareed kr ya fir admin se 1 copy le kr', 'timestamp': '1443337896945', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1443337896945#c8959876256279781521', 'author': 'name': 'Vivek Bisht', 'avatarUrl': '//lh4.googleusercontent.com/-RYwHE0TGinU/AAAAAAAAAAI/AAAAAAAAAZU/h99wWISzurg/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/13181947200701197743', 'displayTime': 'Sep 27, 2015, 12:11:00 PM', 'deleteclass': 'item-control blog-admin pid-1296833073', 'id': '2900336137984085434', 'body': 'sir mera ek big problem he mera blog ka main post show nhi kr rha he kya kre,, maine ek nya (parfect mag template) install kiya hun, home page ka other sare option show kr rha he but jo post kr rhe he oo show nhi ho rha he kya kre,,mujhe ye template,,bahut pasand he aur maine ise 3 bar install kiya fir v nhi ho rha he,,plz help kre ', 'timestamp': '1456668286228', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1456668286228#c2900336137984085434', 'author': 'name': 'zishan ali gulzar', 'avatarUrl': '//lh3.googleusercontent.com/zFdxGE77vvD2w5xHy6jkVuElKv-U9_9qLkRYK8OnbDeJPtjSZ82UPq5w6hJ-SAx3ds35', 'profileUrl': 'https://www.blogger.com/profile/18157430127054394756', 'displayTime': 'Feb 28, 2016, 7:04:00 PM', 'deleteclass': 'item-control blog-admin pid-467197606', 'id': '8667455048493118159', 'body': 'Overall itx26#39;s good one.', 'timestamp': '1460466095817', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1460466095817#c8667455048493118159', 'author': 'name': 'Sharda Hinkel', 'avatarUrl': '//lh3.googleusercontent.com/zFdxGE77vvD2w5xHy6jkVuElKv-U9_9qLkRYK8OnbDeJPtjSZ82UPq5w6hJ-SAx3ds35', 'profileUrl': 'https://www.blogger.com/profile/03049412878821578827', 'displayTime': 'Apr 12, 2016, 6:01:00 PM', 'deleteclass': 'item-control blog-admin pid-438424512', 'id': '7125546333691331939', 'body': 'my brother recommend this post to me :-)', 'timestamp': '1477582976473', 'permalink': 'https://www.mybloggertricks.com/2013/05/design-responsive-blogger-template.html?showCommentx3d1477582976473#c7125546333691331939', 'author': 'name': 'Abu Hisab', 'avatarUrl': '//lh3.googleusercontent.com/-Ua0jC3J49OI/AAAAAAAAAAI/AAAAAAAABN8/09Ja-L7SKFo/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11247675448778920929', 'displayTime': 'Oct 27, 2016, 8:42:00 PM', 'deleteclass': 'item-control blog-admin pid-1450285600'];
var msgs = 'loadMore': 'Load more...', 'loading': 'Loading...', 'loaded': 'No more!', 'addComment': 'Add comment', 'reply': 'Reply', 'delete': 'Delete';
var config = 'blogId': '8193278726666811965', 'postId': '7411501187604303872', 'feed': 'https://www.mybloggertricks.com/feeds/7411501187604303872/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
Mesut AKTUNMay 30, 2013, 12:33:00 AM
Good work. Thank you
ReplyDelete
Hafeez KhanMay 30, 2013, 1:29:00 AM
Great Work Mustafa Sir. Its really amazing. By using this trick we have resolved thats errors in our blog. Bundles of Thanks.
ReplyDelete
ishtiaq ahmedMay 30, 2013, 2:49:00 AM
Muhammad Bhai You are always be a great man.... I learn Many Things from your's and today i have to much knowledge about blogging, websites, etc.. thanks alot for telling about this new Feature...
ReplyDelete
Mohammad Yaseen M.Y.BMay 30, 2013, 8:44:00 AM
awesome series this will go viral in the market as it is the most asked topic now adays the responsive design. it will make our blog to take one more step towards succses thanks.
ReplyDelete
Mohammed YaqoobMay 30, 2013, 9:19:00 AM
Awesome work bro.. That meta tag is not working because of it's ending tag is not available. Well, Thanks for that great share.
ReplyDelete
Replies
Nitishk GuptaJul 5, 2015, 11:12:00 AM
Bro Why Are You Not Blogging? I Was A Big Fan Of Blogger Yard But Now No Posts Are Written There? Why?
BTW Great Article For Newbie Bloggers Mohammad :)
Delete
seb PowenMay 30, 2013, 12:04:00 PM
I am using a responsive type of template. even i can edit font size color width etc. in blogger template editor. But I want make some major changes in template. can you Help me? http://www.windiaw.com/
ReplyDelete
Replies
Mohammad Mustafa AhmedzaiJul 4, 2015, 5:37:00 PM
We have just started publishing remaining parts of this tutorial series please follow up for all your answers :)
Delete
Gurjit Singh KhehraMay 30, 2013, 6:44:00 PM
Nice Tutorial Mohammad. Its unbelievable that Big Blogs like TechCrunch still not implemented Responsive design. In Wordpress, there are many Responsive Themes and i've also used some responsive Blogger Templates and never tried creating one. And one thing that i wanted to ask is why we need ti use em instead of Pixels?
With Regards.
ReplyDelete
Ramakrishna ReddyMay 30, 2013, 7:03:00 PM
How to make stylesheets...
ReplyDelete
AnonymousMay 30, 2013, 7:06:00 PM
These is incredible! Thanks so much bro Muhammad for sharing these awesome tricks.
ReplyDelete
Iftikhar uddinMay 30, 2013, 11:54:00 PM
I love Responsive Templates,Thanks for Sharing the Awesome info :)
ifti!
ReplyDelete
AnonymousMay 31, 2013, 3:25:00 PM
error parse xml when add meta tag i think you missed / closing
ReplyDelete
Mohammed YaqoobMay 31, 2013, 3:42:00 PM
@subaharan nithiyananthan Brother there is an mistake done by Mohammad Bro. Actually, That meta tag is not containing ending tag so here is working code below :
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
Hope this will help. Peace
ReplyDelete
Lalit RaghuvanshiMay 31, 2013, 5:41:00 PM
sir i want to know is there any thing we need to write other than the CSS code mentioned by you on the top? Can i copy and paste the above mentioned code in my blog http://www.webcodeexpert.com/ ? will it work?
ReplyDelete
yateendraMay 31, 2013, 10:38:00 PM
have been waiting for this from long time, thank
ReplyDelete
Parash DevkotaJun 1, 2013, 6:49:00 PM
Hello Mohammed bro,
we are Expecting a lot of new templates with some free and many of those for licensed sales :)
ReplyDelete
Muhammad DanishJun 1, 2013, 7:04:00 PM
nice one
you are simply GrEat MusTafA
ReplyDelete
Solangi NaeemJun 2, 2013, 2:41:00 AM
Very nice
ReplyDelete
Wandhy FalsJun 5, 2013, 8:03:00 AM
Good work, my template too responsive :D
http://www.ngeramput.com
ReplyDelete
Abhishek KaranthJun 5, 2013, 10:22:00 PM
hi...can u pls explain further in detail...where to add css?
ReplyDelete
bagus prehanJun 10, 2013, 3:06:00 PM
nice posting but very simple. me need more tutorial
thanks you :)
http://aikonmedia.blogspot.com/
ReplyDelete
paikinJun 16, 2013, 4:19:00 AM
When you offer a tutorial why not links to all? Very annoying
ReplyDelete
bLoGgEr_pRaTTsJun 17, 2013, 5:49:00 PM
i add above coing just below head tag, another coding in css.. but still its not working..?
can explain in brief and provide full coding ??
ReplyDelete
sudhir mishraJun 20, 2013, 7:49:00 PM
Thanks sir iwas searching this info for long time..thanx to share this trick I love your site it is really toooooo good..i want to make my blog like you can you visit at least once at www.anlob.org
ReplyDelete
Aamir KhanJul 4, 2013, 10:37:00 PM
Thnx.Help me aloot.
ReplyDelete
Vinayak Sutar-PatilJul 5, 2013, 1:20:00 PM
nice info.. but it doesnt do anything when it get placed in blog template.. I tried with more than 3 templates.. need more tuts with demoes n pics.. cheers
ReplyDelete
Ponmalar SJul 9, 2013, 12:21:00 AM
Thanks nice tutorial
ReplyDelete
IDhelp UKSep 12, 2013, 12:30:00 PM
informative tutorial to generate more traffic :), Thnx Mustafa
ReplyDelete
Yashwanth KorlaNov 19, 2013, 4:24:00 PM
where to add the css in the original template or in the advanced css.Please help me with this :)
ReplyDelete
ABHIJIT RABHAMar 29, 2015, 9:32:00 AM
Mohammad sir thank you soo much, what you have posted that i was really looking for..!!
ReplyDelete
Precious JosephJul 4, 2015, 5:39:00 PM
your blog has helped me a lot. thanks alot.
ReplyDelete
Jothis @ Munnar Tour GuideJul 5, 2015, 8:27:00 PM
Mohammd Bhai
I have tried the steps on by blog and not get it done. Can you please assist me to fix the issue on my site http://www.munnartourguide.com/
Waiting for your response.
ReplyDelete
Replies
Mohammad Mustafa AhmedzaiJul 7, 2015, 4:34:00 PM
None of these codes will make your template responsive unless you we publish all parts of this tutorial series. The above post is for understanding the concept only. You may kindly follow the coming Parts which are publishing one by one this month. Once you have read all parts you may then start implementing the codes
Delete
Akhil kapoorAug 4, 2015, 11:40:00 PM
Hi, thanks for the post.
Can you tell me how do I add responsive ads to my mobile version of the site ? The
current ad banners are quite large and look ugly in the mobile screen. Any alternate for ads ?
ReplyDelete
lakshmi chinniAug 10, 2015, 9:51:00 PM
hai sir i have doubt
In google search instead my blogs direct link, my google plus profile is appearing plz tell me how to change it
ReplyDelete
Waqas GujjarAug 26, 2015, 12:43:00 PM
admin kya ap ke blog ka ye mojoda theme aur template koi aur use kr skta hai to kesy plz repy
ReplyDelete
Replies
Vivek BishtSep 27, 2015, 12:11:00 PM
Hello Waqas !
waise to aapka question Admin Sir se h but muje lagta h ki m aapki help kr sakta hu to Admin (Mohammad) Sir se sorry bolte huye m aapka reply kr raha hu.
Ha Theme or template use ho sakta h but iske liye aapko jo b template pasand h, us Template ki XML file le kr apne blog me upload karni hogi.
For example: aapko is blog ka template apne blog me use karna h to aapko ye template lekr apne blog me upload karna hoga.
online store se Khareed kr ya fir admin se 1 copy le kr
Delete
zishan ali gulzarFeb 28, 2016, 7:04:00 PM
sir mera ek big problem he mera blog ka main post show nhi kr rha he kya kre,, maine ek nya (parfect mag template) install kiya hun, home page ka other sare option show kr rha he but jo post kr rhe he oo show nhi ho rha he kya kre,,mujhe ye template,,bahut pasand he aur maine ise 3 bar install kiya fir v nhi ho rha he,,plz help kre
ReplyDelete
Sharda HinkelApr 12, 2016, 6:01:00 PM
Overall it's good one.
ReplyDelete
Abu HisabOct 27, 2016, 8:42:00 PM
my brother recommend this post to me :-)
ReplyDelete