tag:blogger.com,1999:blog-8193278726666811965.post8490067274818331456..comments2024-03-27T15:37:18.257+05:00Comments on MyBloggerTricks: Create Shortcode For Responsive HTML Tables!Mohammad Mustafa Ahmedzaihttp://www.blogger.com/profile/11681339458447132019noreply@blogger.comBlogger34125tag:blogger.com,1999:blog-8193278726666811965.post-43169833498890173462016-11-18T15:15:21.017+05:002016-11-18T15:15:21.017+05:00Mohammed Bro. Please take my regards. I love your ...Mohammed Bro. Please take my regards. I love your blog and everything you did so far to improve blogger platform. You are a true inventor and deserve immense recognition. <br /><br />I have some problems implementing the table code. I did everything as you instructed. But still I can't see any tables. Please help. :( <br /><br />I have addedd two tables on a post but none are showing up. I don't know why. I have added jquery script in head, the shortcode script in body and inserted the table codes as you said.<br /><br />However, the tables show up nicely on static pages but not on post pages. Why is this happening?<br /><br />Please help. This is as far as my knowledge goes in troubleshooting this. :(. <br /><br />No table in post:<br />http://www.healthdiseaseblog.com/2016/11/treatment-options-Alzheimers-disease.html<br /><br />Table in static page:<br />http://www.healthdiseaseblog.com/p/blog-page_18.htmlOyon Boyonhttps://www.blogger.com/profile/10743619992630175919noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-59757002290596853832016-10-14T12:56:55.001+05:002016-10-14T12:56:55.001+05:00not working in anywhere in my blog...including wid...not working in anywhere in my blog...including widgets,static page and post. pls sir help meAnonymoushttps://www.blogger.com/profile/06139204452618245343noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-55281652654037869682016-09-19T17:38:56.298+05:002016-09-19T17:38:56.298+05:00There are certain weak points of shortcodes. For e...There are certain weak points of shortcodes. For example I can't put table inside tabs. I can't put tabs inside accordion. I didn't try but I don't think I can put table inside accordion either. Can it be fixed bro? Otherwise it's amazing what shortcodes can do!Adminhttps://www.blogger.com/profile/14053810820097155167noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-29446891267372298802016-08-02T20:37:03.258+05:002016-08-02T20:37:03.258+05:00Please kindly help me, its working when used as si...Please kindly help me, its working when used as sidebar gadget but when i used it as a blogger post, its not working.<br /><br />Kindly help me fix this. <br /><br />Thank you Sir.Seun Banjohttps://www.blogger.com/profile/06721435418360569689noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-83982450265571287272016-06-15T04:56:07.891+05:002016-06-15T04:56:07.891+05:00Followed all the steps. Yet Not working for me :(...Followed all the steps. Yet Not working for me :(<br /><br />Adminhttps://www.blogger.com/profile/06163078544776013773noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-30227541623964249232015-07-22T20:27:53.877+05:002015-07-22T20:27:53.877+05:00thanks Mohammad for the answer, but still same pro...thanks Mohammad for the answer, but still same problem. btw here the post http://mygundamtricks.blogspot.com/2015/07/Gundam-sequence-by-year-of-release.htmlDippiehttps://www.blogger.com/profile/11756557113265296938noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-39105277355733585742015-07-22T14:59:21.057+05:002015-07-22T14:59:21.057+05:00I meant ]]></b:skin> :)I meant ]]></b:skin> :)Mohammad Mustafa Ahmedzaihttps://www.blogger.com/profile/11681339458447132019noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-92135213572982139632015-07-22T14:58:10.044+05:002015-07-22T14:58:10.044+05:00I just tested the code and was able to create upto...I just tested the code and was able to create upto 40 Columns and above. There is no limit. You can create as many tables as you can.<br /><br />May be the parent container inside your template has an overflow:hidden property. In order to make sure to show such a huge wide Table on your site add the the following CSS style inside eyour template:<br /><br />#theme1, #theme2,#theme3,#theme4{<br /> overflow-x: scroll;<br /> display: block;<br />}<br /><br /><br />this will solve your problem.<br /><br />Add the above code just above <b>]]></b><br />Mohammad Mustafa Ahmedzaihttps://www.blogger.com/profile/11681339458447132019noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-27156990017421128892015-07-22T13:00:04.951+05:002015-07-22T13:00:04.951+05:00how to add more than 26 column? can u answer :Dhow to add more than 26 column? can u answer :DDippiehttps://www.blogger.com/profile/11756557113265296938noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-18900399508873829782015-07-19T10:27:28.552+05:002015-07-19T10:27:28.552+05:00is there a limit to the column? I made a table w...is there a limit to the column? I made a table with 31 columns and only 26 columns appearsDippiehttps://www.blogger.com/profile/11756557113265296938noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-59418732395065038982015-06-23T18:31:09.557+05:002015-06-23T18:31:09.557+05:00I like the green themes..i applied on one of my bl...I like the green themes..i applied on one of my blogRitwika Agarwalhttps://www.blogger.com/profile/14172217064239546695noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-56739282677873852182015-06-06T10:27:49.344+05:002015-06-06T10:27:49.344+05:00Awesome article bro, you always think about small ...Awesome article bro, you always think about small things which make sense allot.<br /><br />Thank you :)<br />http://www.foduu.com Anonymoushttps://www.blogger.com/profile/02156302562271398214noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-2712110245685396412015-06-04T11:08:53.228+05:002015-06-04T11:08:53.228+05:00Thanks Mohammad! It solved my problem. :)Thanks Mohammad! It solved my problem. :)Anonymoushttps://www.blogger.com/profile/03061852825912514166noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-26295101837363020132015-06-04T06:04:22.611+05:002015-06-04T06:04:22.611+05:00Pseudo properties are not used inside tables to in...Pseudo properties are not used inside tables to insert headlines. Table layout has its own th tag that helps built the headline cellMohammad Mustafa Ahmedzaihttps://www.blogger.com/profile/11681339458447132019noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-51779385742435450972015-06-03T17:25:01.494+05:002015-06-03T17:25:01.494+05:00Wouldn’t it be better to actually use pseudo css :...Wouldn’t it be better to actually use pseudo css ::before/::after to get those headers to show up in each cell?<br /><br />I’m trying to figure a downside in doing this instead using js but i’m pretty in blank here 😐Anonymoushttps://www.blogger.com/profile/14865654368633902073noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-49901474693480681662015-06-03T14:02:33.476+05:002015-06-03T14:02:33.476+05:00The reason why it loads slow on your blog is that ...The reason why it loads slow on your blog is that you are not using our Source link and instead uploaidng it on Google drive which I said is not as fast in rendering data as your directly hosted link.<br /><br />You may kindly either use our source link or paste the shortcodes directly insid eyour template like we did.<br /><br />To make sure you don't get an error, enclose all your shortcode scripts inside CData tags as shown below<br /><br /><br /><script type='text/javascript'><br />//<![CDATA[<br /><br />Add your scripts here<br /><br />//]]><br /> </script><br /><br /><br /><br />That's it buddy! =)Mohammad Mustafa Ahmedzaihttps://www.blogger.com/profile/11681339458447132019noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-90328264766978449602015-06-02T20:27:14.920+05:002015-06-02T20:27:14.920+05:00Yes.. Now it is working perfectly.. Yes.. Now it is working perfectly.. APTEACHERShttps://www.blogger.com/profile/07272706381554177943noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-88741190013950236522015-06-02T20:03:44.453+05:002015-06-02T20:03:44.453+05:00Thanks Mohammad for this great shortcode. But shor...Thanks Mohammad for this great shortcode. But shortcodes are really making my template's loading speed very very poor. And after removing shortcodes, my page loading speed decreased. :( <br /><br />So I am carefully adding very little number of shortcodes and I want to ask you something. Today, I looked at your template's source and found that you have hosted javascript directly on your template but few days ago, when I was trying to do this, I got an error of "&". How you saved it?Anonymoushttps://www.blogger.com/profile/03061852825912514166noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-60836327751177825662015-06-02T17:00:29.538+05:002015-06-02T17:00:29.538+05:00Please check now. I have disabled the mobile view...Please check now. I have disabled the mobile view for the demo template Mohammad Mustafa Ahmedzaihttps://www.blogger.com/profile/11681339458447132019noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-35043280213807145542015-06-01T17:33:54.862+05:002015-06-01T17:33:54.862+05:00Yes Bro.. That's what I am saying..
The Demo ...Yes Bro.. That's what I am saying.. <br />The Demo Link given by you in this page is not responsive hence the table is not displayed.. APTEACHERShttps://www.blogger.com/profile/07272706381554177943noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-26875231326392597702015-06-01T14:59:46.506+05:002015-06-01T14:59:46.506+05:00always a pleasure. Thank you :)always a pleasure. Thank you :)Mohammad Mustafa Ahmedzaihttps://www.blogger.com/profile/11681339458447132019noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-43063412719368654342015-06-01T14:59:12.601+05:002015-06-01T14:59:12.601+05:00Blogger default mobile view rips Custom stylesheet...Blogger default mobile view rips Custom stylesheets from the template. You must create a custom responsive stylesheet for your template to make it work.<br /><br />The shortcodes works great on custom mobile stylesheet because Blogger mobile view is not recommended both from SEO point of view and Ad revenue.<br /><br />Read <a href="http://ask.mybloggertricks.com/t/how-to-create-a-responsive-layout-view-for-blogger/160/2" rel="nofollow">this forum post</a> which guides how to create a responsive blogger templateMohammad Mustafa Ahmedzaihttps://www.blogger.com/profile/11681339458447132019noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-50604275515349203872015-06-01T14:54:59.286+05:002015-06-01T14:54:59.286+05:00It works great on both posts and static pages. Her...It works great on both posts and static pages. Here is a demo for a <a href="http://blogger-shortcode.blogspot.com/p/demo.html" rel="nofollow">static page</a><br /><br />Make sure you have followed the steps correctly. What is your site URL?Mohammad Mustafa Ahmedzaihttps://www.blogger.com/profile/11681339458447132019noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-34541542926226184852015-06-01T14:53:51.279+05:002015-06-01T14:53:51.279+05:00Visit our demo page in different mobile screen siz...Visit our demo page in different mobile screen sizes and confirm it for yourself! Test it! =)Mohammad Mustafa Ahmedzaihttps://www.blogger.com/profile/11681339458447132019noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-6287423280148337882015-06-01T14:32:57.262+05:002015-06-01T14:32:57.262+05:00Yes Mustafa, it surely does answers' my questi...Yes Mustafa, it surely does answers' my question which I asked in the "Blogger Help Forum". Rohanhttps://www.blogger.com/profile/14745238492450269724noreply@blogger.com