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 (1084 Views)
| How To Add Flashing Christmas Light To Blogger Blog by mondbest(op): 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:" ![]() COT("http://www.honeybearplayhomes.com/resources/flashing%20christmas%20lights.gif", "SC2", "none" ;//]]> </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(op): 5:22pm On Dec 16, 2014 |
bedfordng: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 |
| Re: How To Add Flashing Christmas Light To Blogger Blog by mondbest(op): 2:16pm On Dec 24, 2014 |
hilaryiwens05: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;'; |
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
Premium Lifetime Lynda.com Account • Can Nigeria Paypal Make Payment Online With CBN Dollars Restriction • Clickbank: The Only Site That Technically Defeat Nigerians Intelligents
