Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 3,153,334 members, 7,819,152 topics. Date: Monday, 06 May 2024 at 12:01 PM

How To Add Flashing Christmas Light To Blogger Blog - Webmasters - Nairaland

Nairaland Forum / Science/Technology / Webmasters / How To Add Flashing Christmas Light To Blogger Blog (953 Views)

How To Add Your Website To Google Chrome Appstore And Get Traffic To Ur Site / How To Add Social Media Sharing Button To Blogger Blog / How To Add PHP Scripts To Blogger (2) (3) (4)

(1) (Reply) (Go Down)

How To Add Flashing Christmas Light To Blogger Blog by mondbest(m): 10:16pm On Dec 15, 2014
As the Christmas is fast approaching so are bloggers designing their blog to have a fancy looks to their readers. Adding it to a blog is very easy and can be done with just a minute or two.
To add it click on layout in your blogger dashboard and click on add a Gadget and click on HTML/JAVASCRIPT and enter the code below in the empty widget box

<SCRIPT language=javascript type=text/javascript>
//<![CDATA[
var Ovr2='';
if(typeof document.compatMode!='undefined'&&document.compatMode!='BackCompat')
{cot_t1_DOCtp="_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);}";}
else
{cot_t1_DOCtp="_top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);_left:expression(document.body.scrollLeft + document.body.clientWidth - offsetWidth);}";}

if(typeof document.compatMode!='undefined'&&document.compatMode!='BackCompat')
{cot_t1_DOCtp2="_top:expression(document.documentElement.scrollTop-20+document.documentElement.clientHeight-this.clientHeight);}";}
else
{cot_t1_DOCtp2="_top:expression(document.body.scrollTop-20+document.body.clientHeight-this.clientHeight);}";}
var cot_tl_bodyCSS='* html {background: fixed;background-repeat: repeat;background-position: left top;}';
var cot_tl_fixedCSS='#cot_tl_fixed{position:fixed;';
var cot_tl_fixedCSS=cot_tl_fixedCSS+'_position:absolute;';
var cot_tl_fixedCSS=cot_tl_fixedCSS+'top:0px;';
var cot_tl_fixedCSS=cot_tl_fixedCSS+'left:0px;';
var cot_tl_fixedCSS=cot_tl_fixedCSS+'clip:rect(0 100 85 0);';
var cot_tl_fixedCSS=cot_tl_fixedCSS+cot_t1_DOCtp;
var cot_tl_popCSS='#cot_tl_pop {background-color: transparent;';
var cot_tl_popCSS=cot_tl_popCSS+'position:fixed;';
var cot_tl_popCSS=cot_tl_popCSS+'_position:absolute;';
var cot_tl_popCSS=cot_tl_popCSS+'height:98px;';
var cot_tl_popCSS=cot_tl_popCSS+'width: 1920px;';
var cot_tl_popCSS=cot_tl_popCSS+'right: 120px;';
var cot_tl_popCSS=cot_tl_popCSS+'top: 20px;';
var cot_tl_popCSS=cot_tl_popCSS+'overflow: hidden;';
var cot_tl_popCSS=cot_tl_popCSS+'visibility: hidden;';
var cot_tl_popCSS=cot_tl_popCSS+'z-index: 99999;';
var cot_tl_popCSS=cot_tl_popCSS+cot_t1_DOCtp2;
document.write('<style type="text/css">'+cot_tl_bodyCSS+cot_tl_fixedCSS+cot_tl_popCSS+'</style>');


function COT(cot_tl_theLogo,cot_tl_LogoType,LogoPosition,theAffiliate)
{document.write('<div id="cot_tl_fixed">');
document.write('<><img src='+cot_tl_theLogo+' alt="" border="0"></a>');
document.write('</div>');}

//if(window.location.protocol == "http:"wink
COT("http://www.honeybearplayhomes.com/resources/flashing%20christmas%20lights.gif", "SC2", "none"wink;
//]]>
</SCRIPT>


Click Save and you are done and the flashing light should start displaying in your blog.
see more at - http://www.techskulz.com/2014/12/how-to-add-flashing-christmas-light-to.html
Re: How To Add Flashing Christmas Light To Blogger Blog by DahtzFestjayz: 10:24pm On Dec 15, 2014
.
Re: How To Add Flashing Christmas Light To Blogger Blog by bedfordng(m): 12:14pm On Dec 16, 2014
any need for the whole code when one can just create a flashy gif image and upload it
Re: How To Add Flashing Christmas Light To Blogger Blog by mondbest(m): 5:22pm On Dec 16, 2014
bedfordng:
any need for the whole code when one can just create a flashy gif image and upload it
The whole code is to make it appear in every page of your blog just check the PC view of my blog and see what i am saying
Re: How To Add Flashing Christmas Light To Blogger Blog by hilaryiwens05: 10:58pm On Dec 16, 2014
hello,
that gif image is blocking the upper menus...it would be nice if the image is smaller
Re: How To Add Flashing Christmas Light To Blogger Blog by hilaryiwens05: 6:12am On Dec 18, 2014
check how i did mine@ http://tripleclicksms.com/ simple but attractive wink wink
Re: How To Add Flashing Christmas Light To Blogger Blog by mondbest(m): 2:16pm On Dec 24, 2014
hilaryiwens05:
hello,
that gif image is blocking the upper menus...it would be nice if the image is smaller
reduce it at this code section
var cot_tl_popCSS=cot_tl_popCSS+'height:98px;';
var cot_tl_popCSS=cot_tl_popCSS+'width: 1920px;';
var cot_tl_popCSS=cot_tl_popCSS+'right: 120px;';
var cot_tl_popCSS=cot_tl_popCSS+'top: 20px;';

(1) (Reply)

Help! I Need Someone To Teach Me / I Want To Sell A Blog. Probably Give-away / Do They Accept Our Credit Cards ? Reply From Your Experiences.

(Go Up)

Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health
religion celebs tv-movies music-radio literature webmasters programming techmarket

Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 16
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.