Showing posts with label Blogspot. Show all posts
Showing posts with label Blogspot. Show all posts

Adding More Elements In Mobile Blogger

How to make elements [advertisements [including Adsense], html / java widgets etc] show up in the mobile version of your Blogger template. This will be a very quick post. If you have looked at the mobile version of your Blogger template and wondered why none of your widgets or advertisements are showing up like they are in the normal web based version, this post will show you how to get them to appear.

First off, go to the "Theme" tab in the sidebar and click it. At the top of the page click the arrow next to the orange "Customise" button [see picture below].


edit_m1


A drop down menu will appear. Click "Edit HTML". Find the widget or advertisement that you want to appear in the mobile version of your blog.

If you don't know how to do this, you can either find it manually, or you can click the 4 square symbol on the right of the page. See the picture below. A drop down menu will appear and you can then find and click the widget you want to edit.


finding_widgets_blogger_blogspot


Once that is achieved you should add the following code to your widget [pictured below].


add_mobile_elements_blogspot_website



As seen in the image above, all you have to do is add the code: mobile="yes" somewhere on the line that is underlined in the picture. I usually add it just after locked='false'.

And that's it. Once you have added the mobile="yes" code in the right location press save. You can then go to the mobile theme preview and take a look. Your blogger mobile theme should now be showing the widget with the added code in the mobile version of your blog. You can then just repeat this process for any / all the widgets you want to show in the mobile version of your blog / website. Hope this helped you out. Until the next time amigo.

If you have any questions just leave a comment.

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.

Popular Posts