Blogger: Adding an image behind a widget

Tested and working on Blogger!


Similar to the "adding an image behind text" except... this one is perfect if you wish to install a poll widget, let's say, and wish to customise a background for it. You can see an example below, followed by the HTML code:

"Oh, brilliant!" Quote: Twice Upon a Time (Christmas special, 25th December 2017) Thirteenth Doctor played by Jodie Whittaker (2018-present)

On 16 July 2017, the BBC announced that Whittaker would become the thirteenth and first female incarnation of The Doctor[2] in the British TV series Doctor Who. She formally assumed the role from Peter Capaldi in the 2017 Christmas special episode "Twice Upon a Time" when Capaldi's Twelfth Doctor regenerated into Whittaker's Thirteenth Doctor - Wikipedia

Read More

HTML Tricks - Create Random 468x60 AD Banners Widget

---

Article author: Alwyn Ash
"At the right time, in the right light, everything is extraordinary"

---

---

Ever wanted to advertise via 468x60 AD banner but with a difference - the banners are displayed randomly, allowing various advertisements to appear each time the webpage refreshes? Easily done!

Simply copy the code below and paste it into a HTML/JavaScript widget:

<script language="JavaScript">
images = new Array(3);
images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='60px' width='468px' alt='AD DESCRIPTION'></a>";
images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='60px' width='468px' alt='AD DESCRIPTION'></a>";
images[2] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-3' border='0' height='60px' width='468px' alt='AD DESCRIPTION'></a>";
index = Math.floor(Math.random() * images.length);
document.write(images[index]);
</script>

Replace the red code with your advertiser's URL. Replace the code in blue with a link to your banner image source. Also feel free to change the size(s) of the banners from 468x60 to whatever you wish - just remember to keep each banner identical in size to the rest!


Source: My Blogger Tricks.

---

Read More

Encode and post HTML characters for your blog

---

Posting html and javascript codes for others to direct copy without first encoding will lead to disappointment, and failure! So, to get around this issue you can use the encoder below:


Enter Code:

---

Parsed Code:

---

Read More