Try this quick and easy cheat to create HTML code for your own widgets (perfect for non-programmers)!
I use this cheat often when creating customized content for my website sidebar columns. You can use this for creating widgets for any position on your site.
- Create a draft post for your website
- Layout your content as you would like to see it appear in your widget
- Use the Paragraph, header 1, heading 2, heading 3 etc. to get the content looking how you want. Center and format it etc. until you are happy
- Insert the images you like
- Add links if needed
For example:
Create a Draft Post...
Preview...
When ready to make your widget, click on the text tab. This will reveal the HTML code for your draft post:
Highlight the entire text and copy.
Then go into your widgets, create a new custom HTML widget
Paste the code into your widget, and SAVE
Voila, you've created your first HTML widget !
Conclusion
Using Custom HTML widgets doesn't have to just be for embedding pre-existing banners. With these simple techniques, you can get creative and put your own personality on them.
You can view my other short tutorials and tips here: https://my.wealthyaffiliate.com/kdforsman/training
If you have any questions or feedback, I'd love to hear from you in the comments section below. Thanks very much, KD Forsman
Reply
For some reason I never created a post draft in Word Press edit mode. I've only created posts in Site Content and then published them. It took me a minute to get what you were doing. Something so simple can be easily missed or cause confusion, at least for someone simple like me. :-)
Thanks again for the work you put into this tutorial.
~Bob
Hennie
Cheers,
Kay
