Computer Pranks, Tricks,Tips

Collection of the excellent Computer Pranks,Computer Tricks and articles.

Sunday, February 26, 2012

Add Moving Banner in your Web-site/Blog..!!

>>Here I'm posting a Javascript/HTML code for all my blogger friends through you can put your own Ad on your blog..
>>Just you have follow simple steps..I have tried to make it simple..!
>>If your Google Page Rank is good then any client may want to put his ad on your blog..So start editing your Header for Ad..!!

Step 1:

>>You need re-code  the header section to allowing adding page element.
>>So go to Layout > Edit HTML and search the following codes mentioned below :

<div id='header-wrapper';>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no';>
<b:widget id='Header1' locked='true' title='Widget-based (Header)' type='Header'/;>
</b:section;>
</div;>

Replace the above code with the following code mentioned below :

<div id='header-wrapper';>
<b:section class='header' id='header' maxwidgets='2' showaddelement='yes';>
<b:widget id='Header1' locked='true' title='Widget-based (Header)' type='Header'/;>
</b:section;>
</div;>

Now click on Save button and save the template.

Step 2 :

>>Now goto Page Element, In the header section where you want to insert the rotating banner,
>>Click Add a Page Element. Choose "HTML/JavaScript" and insert the following code inside :

<script type="text/javascript";>
var banner = new Array();

banner[banner.length] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3jV2sqlqFCK4SnFZHSBdZpX0zXC_4id-Y51zm7On4rNF6fS8FIg6qlu5XwE7ZtOReyGziYnkA7JvJ6-j8dizukP8sGbVN4UIBgpmo9losCml8KVu07ZFL_yvayp5ekLzjBqyM7iroqNA/s1600/bat.jpg";
banner[banner.length] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjd-K1kMHHxF0BsMxZWK3HOvJNPxQR1g7YrnpKhwI_UrxsdV2_J1VXCGF9PKWFBt8W0BUt6CK1LCX2r7ifh1JQPkL-8ydmCwfYFvcbgcvKxTpc4blB0VqschkOTndT-KvUrSDcJuFD4bg/s1600/favi.jpg";
banner[banner.length] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx1gwYPDgKb2ir-yXZ0qMFialmRq-E_nB0w78R4b9byZq0gPIdMrYzvyps2RAUofHHSNWun9AKyAgJGBELbjYvR-d9OkGLkHIx_fXpd0iynOmGmYnb2Uvngm5vlOFZTT4GdoJR26srHzo/s1600/computer-engineer.gif";
banner[banner.length] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcW5fiBtVG_kFr1-mFfBGVXZI4QquP_rbalJZHEftbfGgiGGhNEyp51giiiqFE-AcqcTlJIofy0ZWFB3VSl9UJvc_rzNpXABqvbQQ2M5tLbBOnEiHoL6Hog8KzBz97Yzlf10IO1IQZZw4/s1600/autorun.png";

var random = Math.round(banner.length*Math.random());
document.write(';>img src="' + banner[random] + '" style="border: 0;";>');
</script;>

>>Here,I have inserted the my blog-post images.You can replace all them with your URL in banner[banner.length]="http:\\www.myblog\image.pnj". Now refresh your blog and check it. You will see the rotating banner in the header of your blog.


No comments: