Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / NewStats: 3,195,373 members, 7,958,040 topics. Date: Wednesday, 25 September 2024 at 07:51 AM |
Nairaland Forum / Science/Technology / Webmasters / How To Add Flashing Christmas Light To Blogger Blog (994 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)
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:" 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(m): 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 |
check how i did mine@ http://tripleclicksms.com/ simple but attractive |
Re: How To Add Flashing Christmas Light To Blogger Blog by mondbest(m): 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;'; |
(1) (Reply)
CSS Reset. What Does It Mean?? / Blog/website For Sale / How To Buy Cheap & Reliable Web Hosting In Nigeria
(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. 20 |