Currently, I can only add static posts to my blog. I can not use it for dynamic purposes like I can do it sites. I want to add text boxes and buttons depending on user input , I want to show dynamic content on my blog.
So it this possible?
I searched on the net but can only find that Blogspot does not allows text boxes and buttons to be added.
Please post some sample code for it.
Thanks,
Ashish
Blogspot posts doesn't allow to insert "input" tag in its posts directly by HTML Editor of posts. To do so you can follow the following steps
Goto the Templete from Admin portal of your blog
click on edit html & add JQuery.js (preferably which is hosted on google /JQueryUI.
in your post add a div in which you will add your input contents.
Now again in your templete html editor, write JQuery to handle event and adding the controls
for demo code you can view this article
Insert input elements in blogspot's post
Related
I am not able to add the following javascript into my wordpress post.
The javascript is provided by Google to display a map of the web search results.
<script type="text/javascript" src="https://ssl.gstatic.com/trends_nrtr/2578_RC01/embed_loader.js"></script> <script type="text/javascript"> trends.embed.renderExploreWidget("GEO_MAP", {"comparisonItem":[{"keyword":"covid","geo":"","time":"today 12-m"}],"category":0,"property":""}, {"exploreQuery":"q=covid&date=today 12-m","guestPath":"https://trends.google.com:443/trends/embed/"}); </script>
I have tried to add the javascript using the text editor (not visual) and also tried to add the javascript above within the "< code > </ code >", but it is still unsuccessful. Referring to this feedback adding javascript in wordpress posts (which might be stale)
What should I do if I wanted to add the above javascript into the wordpress post body?
Update:
#bhanu below is how I added the Javascript which results in an empty body post.
Well it is very simple to do that. I don't fully understand if you are on Gutenberg or classic Editor so I am going to show it for both of them.
Execute JS inside post with Gutenberg
Use Custom HTML block to and paste your code inside the block. If you are adding JS you must wrap it around <script></script> tag.
This would give the following result.
Execute JS inside post with Classic Editor
If you have some content like this.
Switch to text mode and paste the code where you want to add it.
This would be the output.
There's 2 ways to add Javascript to your Wordpress site. Obviously in this case you're wanting to add it to an individual post/page, rather than site-wide. So a good option is to use the CodeEmbed plugin, which has 30,000 active users, is free & open-source on SVN, and receives frequent updates.
After activating this plugin, go back to the edit post/page webpage in your admin panel, and enable "Custom Fields" in "Screen Options". Scrolling down below the content body field, you'll see a new field where you can insert js code:
After adding this field, simply add the shortcode {{CODEmyjscode}} anywhere in THAT SPECIFIC page/post's body field.
If you don't want to use a plugin, simply use the "Custom HTML" button in the WYSIWYG Wordpress editor and paste your jscode inside the Custom HTML area, making sure to add tags
-L
I am using Janah Theme, It gives me option to add social media sharing buttons in two locations, above & below post. But I want to know how to add it below the image inside the post?
it depends on your page builder. If you are using elememtor plugin you can find shortcode at the left side of your page inside the elememtor page builder. You can also use other page builder to get a shortcode snippet.
add the snippet and include the shortcode anywhere you want it to be visible
just like this
I am trying to make a wordpress theme with a static header and footer but i want the user to be able to customize the other sections between header and footer , let say i have 5 sections and in each page the user should be able to decide what sections to include in the page . i tried to use page builder plugin put its not what i want exactly because once i remove a row it won't be avilable any more and i want it to be there so the user can add or delete it at any time , is there a way to store my different html sections as a custome post or a custom field??
Advanced Custom Fields would work perfectly in this scenario. The plugin features over 30 field types.
I want to create a custom page template in WordPress which shows Image Slideshow and then a video below it and finally some text - till now what I am able to do is play with sidebar, footer, header.
I can either remove them or keep them in my custom page templates but what I want to do is play with the page contents.
The Admin user should be able to see these sections in the Page Editor (WYSIWYG) when they choose the Template from the drop-down, so that they can accordingly add the correct content in correct place holders
Something like the attached screen-shot is showing
Is this possible in WordPress
Yes! It's possible to implement this! you can use https://codecanyon.net/item/visual-composer-page-builder-for-wordpress/242431 or https://wordpress.org/plugins/siteorigin-panels/ plugin.
The first plugin allows you to create different page layout and save it. It also allows admin to choose page layout that admin has saved previously.
The second page builder plugin allows you to create template same way and allows admin to clone one page layout to another one.
Hope this will help you!
Actually I want to create a plugin for wordpress and in my custom post type, I wan to create a popup which I append a div element on on document.body. In the document.body there is no form element available, when I checked the code of the web page with firebug, the form element on the web page only exist in the metabox. So, how could I do to add a file upload field to my div.
Try this one: i am sure this will helps you completely
Contact Form
Thanks