Form

Blogger Post Form

.page-contact-form input, .page-contact-form textarea {
width: 100%;
max-width: 100%;
margin-bottom: 10px;
}

.page-contact-form input.contact-form-button.contact-form-button-submit {
padding: 10px;
background: #ea6337;
color: #fff;
border: none;
}

.page-contact-form input.contact-form-button.contact-form-button-submit:hover {
background: #d85b32;
color: #fff;
}

tinymce.init({
selector: ‘#message’,
height: 300,
plugins: ‘code’,
toolbar: ‘undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | outdent indent | code’,
menubar: false
});

$(document).ready(function() {
$(‘#blogPostForm’).submit(function(event) {
event.preventDefault();

var formData = {
name: $(‘#name’).val(),
email: $(‘#email’).val(),
message: tinymce.get(‘message’).getContent()
};

$.ajax({
type: ‘POST’,
url: ‘https://www.blogger.com/2738421454843492781/posts/default’,
headers: {
‘Authorization’: ‘AIzaSyA1LxNzNU40oUmJaYL35b2-tS6zecNQhos’
},
data: createAtomEntry(formData),
contentType: ‘application/atom+xml’,
success: function() {
$(‘#success-message’).html(‘Blog post submitted successfully!’);
},
error: function() {
$(‘#error-message’).html(‘Failed to submit blog post. Please try again.’);
}
});
});
});

// Function to create Atom Entry XML
function createAtomEntry(formData) {
var entryXML = `

${formData.name}
${formData.message}

`;
return entryXML;
}