How to post script at blogger, create script view at template - html

Someone know how to create script view at blogger.com?
i need to post script like this picture at my blog

Do you mean add a script too your blog? It can be done with it
With gadget
choose 'Tata Letak' menu on left, and on your page view find 'Tambah Gadget' and choose 'HTML/Javascript' then add your script.
Edit whole page
Or you can edit your whole page, choose 'Template' menu on left and click 'edit HTML' button, then add your script.
Then you can add a syntax highlighter, depending on this article
http://www.bungfrangki.com/2015/07/membuat-syntax-highlighter-otomatis-di-blogger.html
http://www.mybloggertricks.com/2015/04/SyntaxHighlighter-Shortcode-for-Blogspot.html

I guess it should have code option but If it doesn't When you are going to add new post there's an option to see the HTML codes in your post Go there and put your codes in <code> tag.

To display codes in blogger posts, from your editor press Quote button and insert your code. this will put your code between <blockquote> </blockquote>
image description here
and you can style the <blockquote> with CSS.

Related

Wordpress not saving changes to code

I was given an assignment to add a payfast "pay now" button. I managed to generate a code for the button and it works just fine. I had to integrate the pay now button into the companies website. The button is coded in HTML and the company's website is done in wordpress. so my problem now is that when I add the code to a page in the wordpress site, some lines in the code disappear. I added the code in the text tab and not the visual tab.
Please help! I do not know what the problem is now.
If you're adding the code into a "rich text editor" like WordPress's main post body field, it will likely edit the code for what it thinks are display purposes.
See if there is a visual and text tab at the top right of the post editor and drop your code into the text tab, instead.
Alternatively, create a shortcode that renders your button's HTML.
// functions.php
// ...
add_shortcode('payfast', 'payfast_renderer');
function payfast_renderer() {
echo '<button class="btn btn--lerato btn--payfast">Pay Here</button>';
}
You could then render that HTML by typing [payfast] into the content editor on a post page.
Read the WP Codex entry on shortcodes for a little more background on how shortcodes work! Reliable way to render page content that relies on HTML and even server-side code.
[WP Codex Shortcode API]

Show/Hide feature using HTML only

I want to create an element where it performs a show/hide functionality of text when a user clicks on a button. I've found a helpful page through this link: http://www.meadinkent.co.uk/expand_sections.htm
The only issue I have is that it uses javascript. As I want to place this into Sharepoint, what Sharepoint does is remove the <script> everytime it's submitted, so javascript I'm assuming can't be used.
I want to know if there is a way to perform the same functionality as displayed in the page but with HTML only?
Thank you
You can add js by using Embed Code web part. Just go "Insert tab" and click "Embed Code". Then edit this and you will able to use js, css, html. So, you can use your helpful link.
Embed code webpart
You can use CSS to show/hide text. You can vist the following links, which may help you.
1) https://alexcican.com/post/hide-and-show-div/
2) How to show/hide div on click with stricly HTML/CSS

How to edit WordPress page's html code

I can't get editable html code behind the page. I want to make some changes to the page. Web site is hosted in the remote server. Someone assigned this task. There is empty editor when open edit page as below image.
Also I added plugin and actived it but can't get the result.
The picture you posted is of the WYSIWYG editor, which is only for adding content to the page.
If you want to edit the layout of the page itself you have 2 options -
Minor page edits to appear across all pages on the site - Go to Appearance -> editor -> page.php and then edit the code to suite your needs.
Large page edits to appear on one or two pages -
Get access to the files
Duplicate page.php with a different name
Edit code
When you go to add a new page you should have an option to pick a page template. Choose the page template you just created.
If you know exactly what you are doing, you can use Chrome "Inspect" feature, and change the HTML of the content inside the WordPress WYSIWYG Editor. After injecting your HTML, click Preview or Publish and your changes will be saved correctly.
In WordPress 5.5.3, you should be able to click the three dots on the top right, then select Code editor. Alternatively, press Ctrl+Shift+Alt+M.

How to add new posts on my blog using html?

I've create one blog using html5 and css3. I need to add new posts on that blog by clicking a button. If I'll click that button one text area has to be open and it'll have the options like adding image, video and text. For example the text area that will be used to create questions in stack overflow site. Please help me to make this one...
Regards,
Sandra
You need to use some sort of server side language. You can use PHP/ even add your theme in wordpress so that you can add required functionality
You have to use a rich text editor wrote in Javascript ( you can find some on Internet) and also, you have to write some PHP to send the the input from textarea( when click on submit or publish button) to a table in database.
Examples of rich text editors:
http://www.tinymce.com/ and
http://nicedit.com/
About the php part, you can find some examples on http://www.w3schools.com/php/.

How to place code for like button when no access to code on my webpage

My websites are generated by vistaprint and facebook, so I have no access to the html. So how can I add the code which is provided to me for the Facebook like button?
After a quick google search:
On your VistaPrint dashboard, go to insert extras, click on HTML and paste in the HTML code you got from facebook.
It's on developers.facebook.com and you just need to poke around for the Like button.
EDIT:
Or just Google it. First result for facebook like button:
https://developers.facebook.com/docs/reference/plugins/like/
To customize and get code.