How to embed Vettle Widget – Guide
Do You face problems in Embedding Vettle widget in Your Blog or Website ? Well let me Help You out in this case. The Easiest and Most common way to Embed vettle widget To your Blog / Site is To Copy and Paste the Script code in your Desired location. Before placing the Code, decide Where do you want to Place the code. Next, Find and Locate that Desired Path, using the HTML theme editor. One thing I would like to remind you guys, that remember to change the Channel ID attribute to Your Desired channel ID, or you will end Playing wrong or unrelated Content on your blog or website. No matter what Browser you are using, you can always find this channel ID in the address bar of Your browser.
Below is an Example of the Embed Code or Script :-
<html> <head></head> <body> <script type="text/javascript" src="http://www.veetle.com/widget/script.js"> </script> <div veetleChannelId="123456789" autoPlay="false" style="width: 480px; height: 362px" aspectRatio="default"> </div> </body></html>
By the way, If you want to Generate a Height of 380px, then make sure to Add an extra 42px, because the veetle widget always substract 42px from the height Command inserted in the code. For example, if the Code says “height: 362px”, The height generated will only be 320px because 42px has been substracted. ( Dont ask me why 
). So if you want to Generate a widget with a hieght of 350px, then in the code insert “height: 392px”.
How to Place multiple Veetle widgets on a page :-
If you are looking to place more than one Widgets on the same page, then You will have to do some extra work. You will have to include the Script tag ( <script> and </script> ) Only once. If you have Included the script tag more than once, then some errors will occur on you page. Look at the example below to understand what i mean :-
<html>
<head></head>
<body>
<script
type="text/javascript"
src="http://www.veetle.com/widget/script.js">
</script>
<div
veetleChannelId="111111111"
autoPlay="false"
style="width: 480px; height: 362px"
aspectRatio="default">
</div>
<div
veetleChannelId="222222222"
autoPlay="false"
style="width: 480px; height: 362px"
aspectRatio="default">
</div>
</body>
</html>
How to Place Vettle wigets in Wordpress :-
If you are using wordpress ( Any version ) You cannot use the Method written above, because wordpress will automatically cut out the Script Tags from the code. So to Place Vettle widgets in Wordpress, You will have to Go through the Following Process :-
- Create a blank post using Wordpress usual interface.
- Go into your localhost or web host’s control panel’s phpMyAdmin.
- Select your wordpress database in the left navigation area.
- Go into the wp_posts table (also in the left navigation area).
- On the right content area, click the post_date table column twice so that you sort by date descending and your newest post pops up to the top of the list.
- Click the pencil icon next to your newest post. Make sure its post_name column is just a number, not #_autosave or #_revision.
- Copy and paste the widget code into the post_content text area. Click the ok button on the bottom. Now you’re ready to go!
Well, Thats all. If You through Any Problem, You can Leave a Comment below and i Can try helping you out, Or you can just directly Contact Vettle about Your issue.
Liked the Post ? Then Why Not Share it With Your Friends ?
