Showing posts with label Blogger. Show all posts
Showing posts with label Blogger. Show all posts

How To: Embed Bitchute Video In Blogger

How to embed a Bitchute video in a Blogger post. Hello everyone, it's been a while since I wrote a post on this blog, so I thought I would write one on a subject that many people seem to be very confused about. Embedding Bitchute videos on WordPress works fine when using the recommended iframe code, but when it comes to Blogger (Blogspot), people just can't manage to get the video to embed. So today I will show you how to embed any Bitchute video on any Blogger blog. And you will not believe how easy it is.

Blocked_by_X-Frame-Options_Policy

If you tried to install a video using the YouTube embed code. As in, copy the embed code of a YouTube video and just replace the YouTube video URL link with the Bitchute video link you want to embed, you may have come across the "Blocked by X-Frame-Options Policy" error code. And to get that removed involves changing certain settings that really shouldn't need to changed in 2020 /2021. And if you just embedded the code offered by Bitchute, you would have no doubt seen that it just does not work on Blogger.

How to embed a Bitchute video in a Blogger post


Certain character codes won't work on Blogger. When associated with an iframe code on Blogger, Square brackets, which is these [ ], are not viable. So this is where the main problem is. Blogger needs and uses angle brackets (and also a closing iframe code), which is these < >. So all you have to do in order to embed a Bitchute video on a Blogspot blog is literally just change the ends of the iframe embed code from using [ ] to < > and add a closing iframe code (</iframe>). There is also one other small requirement (very easy). Read below.

Example: Below is the recommended code that is used on WordPress to embed / install a Bitchute video.

[iframe src="https://www.bitchute.com/embed/UGlrF9o9b-Q/" width="100%" height="360"]

And below is the changed code to what we need to use in order to embed the video into Blogger. Just the arrows < > (angle brackets) at each end and a closing iframe code (</iframe>) are different. Everything else, other than the word "video" in the URL remains the same (See the Second Step below for the explanation).


<iframe src="https://www.bitchute.com/embed/emQvJI3Jgr7m/" width="100%" height="360"></iframe>

Second Step


However, please note: If you are copying Bitchute links directly from your Browsers URL bar, which is what you will more than likely do, it won't come with the word "embed" in the link, which is what we need in order to embed videos. It will come with the word "video" in the link. This will not work on Blogger.

Example of a copied Bitchute link from the browser URL bar:

https://www.bitchute.com/video/UGlrF9o9b-Q/

As a result, you will also need to change where it says "video" in each URL link to "embed" for the video to embed correctly.

Example of the correct code below. This is how you need it to look (obviously using your own video URL link).


<iframe src="https://www.bitchute.com/embed/UGlrF9o9b-Q/" width="100%" height="360"></iframe>

And here is the correct code in action (using a different video):

Software used in the video: Viddyoze

So, to summarize: Change the character symbols on each end from [ ] to < >, add a closing iframe code tag </iframe> and change the word "video" in each URL link you copy to "embed". And that's it.

I know there are a lot of people pulling their hair out over this issue, so I hope this helped you out. A share would be appreciated. Until the next time amigo.

How To Get Adsense In Mobile Blogger

Have you ever noticed that your Blogspot blog which you have installed Google Adsense on by using widgets, either by using your own code manually and using the "HTML/JavaScript" widget or the automatic Adsense widget doesn't actually show any Adsense at all when you check out the mobile version of your blog..I've been working on one of my blogs lately that has Adsense running and noticed that I'm getting some mobile traffic. So when I follow the links in Blogger Stats and see what the visitor sees there is no Adsense what so ever!.

Needless to say, but I'll remind you anyway, if no ads are showing when you are getting mobile visitors then you are losing out on potential clicks. This is quite misleading in a way because if you go to your Adsense account and try to make a mobile ad it tells you to just use the normal contextual ads because those ads are apparently advanced enough to display on most mobile devices. But every time I have tried to view the ads in mobile view they don't show. And since finding this error I have been visiting my site with a whole host of different devices to see if Adsense shows but it does not.

So how do you fix this and get Adsense to show up..It's easy. All we need to do is add a converted for Blogger Adsense Code straight to the coding HTML of your blog.

So first go and grab the Adsense ad code from your Adsense account that you want to add to your site.

Head over to any website that can convert your Adsense code so it's compatible with Bloggers coding. http://adsense-convert.blogspot.com (Click convert just once then copy the code.)

Now go to Blogger and choose the website that you want to add the Adsense to and go to it's layout page. Click Template in the Blogger sidebar/ then Edit HTML.

Use your browsers search facility and find the code <data:post.body/> within the blogs HTML.

Now place your converted Adsense code directly underneath <data:post.body/> if you want the Ad to show at the bottom of your post, or directly above <data:post.body/> if you want the Ad to show at the top of the post. Once the code is added press save. If the spacing looks funny adjust as you see fit. Example: <br /> to add some spacing or Div Align - Div Float etc depending on what position you want your ad to be positioned in. Press save and that's it. Now your Adsense will show when someone visits your site using a mobile device. One of my sites below showing Adsense at the bottom of the post in mobile view.


Please Note: Depending on what Blogger template you are using there may be more than one <data:post.body/>. So it's just a case of trying the code with each <data:post.body/> (adding the adsense code under or above) until you find the correct <data:post.body/> where the Ad shows up where you want it to. There's usually two or three different <data:post.body/> these days with a lot of the newer templates.

Always check the homepage when you have added the code, not just a single post, because if it's the wrong <data:post.body/> the Ad can show on the homepage and it can make things look a real mess. If this happens just move the code to the next <data:post.body/> and re-check homepage and single posts to confirm the code is in the right location and all is well.

If you want to check that the Adsense Ad is showing up in the mobile version of your blog just add ?m=1 to the end of the domain name.

Example: http://ill-help-u.blogspot.com/?m=1

From there just click a post and it will also show you what a single post looks like in it's mobile version.

Hope this helped you out.


Popular Posts